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…Dec 30, 2022Dec 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…Oct 22, 2022Oct 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…Sep 2, 20221Sep 2, 20221
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…May 12, 2022May 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…May 19, 2021May 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…Mar 14, 202112Mar 14, 202112
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…Jan 12, 20211Jan 12, 20211
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…Aug 16, 20192Aug 16, 20192
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…Oct 1, 20182Oct 1, 20182
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…Apr 9, 20184Apr 9, 20184