DEV Community

loading...
Alex Carpenter profile picture

Alex Carpenter

I am a self taught developer that works best when floating in between design and engineering teams. I enjoy sharing what I know via short instructional screencasts and the occasional written post.

Location Grand Rapids, MI Joined Joined on  Twitter logo Github logo Linkedin logo Website logo Dribbble logo
Work

UI Engineer

How to add gradient overlays to images with CSS

How to add gradient overlays to images with CSS

Reactions 10 Comments
1 min read
How to use the object-fit CSS property to scale images responsively

How to use the object-fit CSS property to scale images responsively

Reactions 14 Comments 1
1 min read
How to create skewed backgrounds with CSS

How to create skewed backgrounds with CSS

Reactions 10 Comments 1
1 min read
How to create vertical text with CSS

How to create vertical text with CSS

Reactions 9 Comments
1 min read
How to add a gradient to text with CSS

How to add a gradient to text with CSS

Reactions 10 Comments 1
1 min read
Using a pseudo element to mimic a rgba value

Using a pseudo element to mimic a rgba value

Reactions 3 Comments
1 min read
How to make your own CSS media object pattern

How to make your own CSS media object pattern

Reactions 10 Comments
1 min read
How to style a select element with CSS

How to style a select element with CSS

Reactions 10 Comments
1 min read
How to create custom checkbox and radio inputs with CSS

How to create custom checkbox and radio inputs with CSS

Reactions 15 Comments 1
1 min read
How to create a sticky footer with CSS

How to create a sticky footer with CSS

Reactions 11 Comments
1 min read
Consecutively return a random item from a JavaScript array

Consecutively return a random item from a JavaScript array

Reactions 8 Comments 4
1 min read
Style your default global links without affecting your component links

Style your default global links without affecting your component links

Reactions 6 Comments 1
1 min read
Build conditional layouts with CSS Flexbox

Build conditional layouts with CSS Flexbox

Reactions 15 Comments 2
1 min read
How to create overlapping images with CSS Grid

How to create overlapping images with CSS Grid

Reactions 9 Comments
1 min read
How to create an equal height grid using Flexbox CSS

How to create an equal height grid using Flexbox CSS

Reactions 16 Comments 1
1 min read
What is JavaScript event delegation?

What is JavaScript event delegation?

Reactions 16 Comments
1 min read
Center an element with CSS Grid

Center an element with CSS Grid

Reactions 33 Comments 5
1 min read
5 tips for styling the component layer

5 tips for styling the component layer

Reactions 11 Comments 3
1 min read
Better CSS outlines with box-shadows

Better CSS outlines with box-shadows

Reactions 49 Comments 4
1 min read
Background image gradient overlay

Background image gradient overlay

Reactions 56 Comments 2
2 min read
Component event delegation with vanilla Javascript

Component event delegation with vanilla Javascript

Reactions 32 Comments
2 min read
Front-end Foundations Newsletter 002 - Don't follow someone else's map

Front-end Foundations Newsletter 002 - Don't follow someone else's map

Reactions 17 Comments 1
3 min read
Front-end Foundations Newsletter 001 - Getting Started

Front-end Foundations Newsletter 001 - Getting Started

Reactions 20 Comments
4 min read
🙂 Introducing Front-end Foundations

🙂 Introducing Front-end Foundations

Reactions 49 Comments 2
1 min read
How to implement a button loading state with CSS

How to implement a button loading state with CSS

Reactions 35 Comments 4
1 min read
Three tips for writing better CSS

Three tips for writing better CSS

Reactions 45 Comments
2 min read
Back to static

Back to static

Reactions 11 Comments
1 min read
How to build a reusable carousel component with Craft CMS

How to build a reusable carousel component with Craft CMS

Reactions 9 Comments
1 min read
How to build a content builder in Craft CMS

How to build a content builder in Craft CMS

Reactions 14 Comments
1 min read
How to break elements outside of their container with CSS

How to break elements outside of their container with CSS

Reactions 15 Comments 2
1 min read
Quick intro to CSS variables and how I am using them today

Quick intro to CSS variables and how I am using them today

Reactions 15 Comments
1 min read
How to animate box-shadows with transforms and opacity

How to animate box-shadows with transforms and opacity

Reactions 15 Comments
1 min read
Intro to the inert attribute

Intro to the inert attribute

Reactions 9 Comments
1 min read
My current text editor setup

My current text editor setup

Reactions 13 Comments
1 min read
Introduction to the CSS :not selector

Introduction to the CSS :not selector

Reactions 24 Comments
1 min read
Can I help you?

Can I help you?

Reactions 11 Comments 1
1 min read
Improve your CSS with whitespace and comments

Improve your CSS with whitespace and comments

Reactions 14 Comments 1
2 min read
How I build components in CraftCMS with Twig

How I build components in CraftCMS with Twig

Reactions 17 Comments
1 min read
Build your own grid with flexbox

Build your own grid with flexbox

Reactions 17 Comments 4
1 min read
Add a skip to link to your website to improve accessibility

Add a skip to link to your website to improve accessibility

Reactions 9 Comments
1 min read
loading...