You can do A LOT with CSS gradients! Even replace background gradient images with CSS. In fact, that’s how I came down this exploration on background gradients with CSS.

I was building a page and given this background image below, which was initially 25MB. An image this size would take…


Vercel deployments for your apps are a breeze and easy to set up. Vercel has great documentation about how to configure custom domains, but if you’re not so familiar with GoDaddy’s platform it can be difficult navigating to the DNS area. …


The day has come that we want to isolate our marketing site away from our Rails app. We knew that we wanted to use a React framework and it came down to Next.js or Gatsby. Ultimately, Next.js won because it has a hybrid static and server rendering capability. Currently, most…


Photo by rawpixel.com from Pexels

Are you a designer constantly telling your front-end developer to add padding or pixels and are baffled as to why the design doesn’t match the comp? 🤔 Or are you a front-end developer who’s frustrated with all the pixel pushing? 😳

Collaboration between designers and front-end developers is key for…


Are you seeking to build a responsive grid without calculating breakpoints and having to write multiple lines of code? Well you’ve found the right blog! This is a tutorial on how to properly apply CSS Grid Layout across all browsers. …


CSS transitions and transforms are a powerful way to enhance and delight user experiences. No added library like GSAP or Velocity.js are necessary. Neither is JavaScript required. CSS3 animations include properties that are already built into CSS and are widely supported across all browsers. Animations are a great way to…


Whenever I can I’ll integrate Sass into projects, so this time I was determined to configure Sass AND CSS modules into my create-react-app project. Let’s start from the very beginning with creating a new project.

npm i -g create-react-app

create-react-app project-name

cd project-name

Now when you npm start or yarn…


Don’t want to use the native fonts with React Native…well let’s add some custom fonts then! …


I finally had my life back with weekends, but more importantly a sense of accomplishment due to my newly acquired programming skills. Now it was time to find a job in which I could start building a career. Let me tell you, as a bootcamp grad it wasn’t easy landing…

Kirsten Swanson

A creative, adventurous, and curious Front-End Developer

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store