Different tools.Endless possibilities.

Technologies I’m exploring, practicing and bringing together.

In the browser

STRUCTURE

<main id="main">
  <section aria-labelledby="page-title">
    <h1 id="page-title">Different tools.</h1>
  </section>
  <section aria-labelledby="browser-title">
    <article class="tech">…</article>
  </section>
</main>

HTML

Structure with purpose.

Semantic markup, accessible foundations and content that makes sense.

Used on this site – every page

PRESENTATION

CSS

Detail makes the difference.

Responsive layouts, considered styling and the craft of the interface.

Used on this siteGibbsta: layouts and styling of a team project

INTERACTION

JavaScript

Bring ideas to life.

Interactions, browser logic and the building blocks of dynamic experiences.

Used on this site – menu, language switch, 3D setupGibbsta: front-end logic with Supabase

Beyond the browser

APPLICATIONS

C#

Think beyond the interface.

Exploring typed programming, application logic and structured solutions.

DATA

Databases

Give information a home.

Understanding data models, relationships and how to work with stored information.

EVERYDAY TOOLS

Microsoft Office

Get the everyday work done.

Word for documentation, PowerPoint for presentations and Excel for tables and simple calculations – used regularly at school.

THE BIGGER PICTURE

Web development

Connect the pieces.

Bringing structure, style and behavior together into cohesive digital experiences.