a b o u t
m e

My name is Gabriel Atwell and I am a frontend web developer. I started out with the basics: HTML, CSS, and JavaScript. I then moved on to more advanced topics such as Svelte/Sveltekit, Node.js, GSAP, and a little bit of three.js but I have begun to teach myself the backend of web development on my spare time with backend languages like Python to become more of a fullstack developer.

I have a passion for creating websites that are clean, crisp, and completely functional. I enjoy seeing a physical change when I edit or create code. I also enjoy creating animations for the web! I mainly enjoy animating the web because I believe that it makes the website look more professional and more appealing to the eye. In the world of web development, creating engaging and visually appealing animations is essential to grab the attention of users. I'm a natural problem-solver who thrives on turning complex problems into simple, beautiful solutions. I believe in the power of collaboration and continuous learning.

Here is another hero section that I created but I like the current hero section (with a static image) that shows when you first come to the website, but I linked this new hero section so you can check out it out!
💡
made with three.js

Please note: This is a PWA (Progressive Web App) so you can install it on your device if you want to! This makes your website able to be used on any device.. mobile, tablet, laptop, and desktop. It's like having a mobile app that is not made with native technologies! It works on Android and iPhone. There is also offline capabilities, so if your internet goes out, you can still access the site because your device downloads and caches the whole site! If you don't have it installed, you should see an install button on the bottom-left of the screen. If you press it, an installation prompt should appear. The prompt will only appear after some user interactions (clicks). If you have any questions, please feel free to contact me!

  • html
    •
  • css
    •
  • javascript
    •
  • svelte kit
    •
  • greensock
    •
  • node.js
    •
  • git hub
    •
  • scss
    •
  • tailwind css

Frontend

The path that Gabe has chosen is the frontend path. One of his main interests is animations, especially animations on the web. Turning a website from being a static site to a dynamic site is what he thinks makes your website look a million times better, if you do it right.

Design based

A clean, crisp design is what Gabe tries to excel at. Visual hierarchy, whitespace, colors, typography, scaling, and contrast is what he knows best. These topics are the main key to make your website designs look professional and appealing to the eye.

contact me
a robot
atwell logo
Atwell sparrow logo
a blue A logo

Useful Links:

Most of these links are resources that I used to learn frontend and design for the web 🚀