Kirsten SwansonSlanted Background with CSS clip-path propertyThe CSS clip-path property allows one to clip an element to show only the parts that you want visible. The clip-path property can be used…·3 min read·Dec 30, 2022----
Kirsten SwansonNext.js Contentful IntegrationThis article walks through setting up the Contentful Content Delivery API integration with your Next.js app. We have already created many…·4 min read·Oct 22, 2022----
Kirsten SwansonHow to create a smooth slanted linear-gradient with CSSSometimes we don’t want that blur transition between the two colors in a linear-gradient. Instead we want a hard line (color stop) between…·3 min read·Sep 2, 2022--1--1
Kirsten SwansoninDev GeniusNext.js with Mapbox GL JS mapI have always been a huge fan of maps and enjoy interacting with them on webpages. Mapbox GL JS is the library I’m using in my demo today…·5 min read·May 12, 2022----
Kirsten SwansoninBootcampUsing CSS gradients for background gradient imagesYou 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…·7 min read·May 19, 2021----
Kirsten SwansonHow to Set up GoDaddy Domain with VercelVercel deployments for your apps are a breeze and easy to set up. Vercel has great documentation about how to configure custom domains…·4 min read·Mar 14, 2021--11--11
Kirsten SwansoninLevel Up CodingMigrating site from Rails to Next.jsThe 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…·9 min read·Jan 12, 2021--1--1
Kirsten SwansoninPrototyprFront-End Developer and Designer PairingAre 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…7 min read·Aug 16, 2019--2--2
Kirsten SwansonCSS Grid Layout with Flexbox FallbackAre you seeking to build a responsive grid without calculating breakpoints and having to write multiple lines of code? Well you’ve found…·7 min read·Oct 1, 2018--2--2
Kirsten SwansonCSS3 Animations with Transitions & TransformsCSS transitions and transforms are a powerful way to enhance and delight user experiences. No added library like GSAP or Velocity.js are…·5 min read·Apr 9, 2018--4--4