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.

Grand Rapids, MI Joined on Dec 13, 2017 https://alexcarpenter.me

Work

UI Engineer

Currently interested in CSS architecture, functional programming, React, design systems, and state machines.

40 posts published

24 comments written

4 tags followed

Alex Carpenter

Mar 16 '20

How to add gradient overlays to images with CSS

#css

1 min read

Want to connect with Alex Carpenter?

Create an account to connect with Alex Carpenter. You can also sign in below to proceed if you already have an account.

Create Account

Already have an account? Sign in

Alex Carpenter

Mar 11 '20

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

#css

1 min read

Alex Carpenter

Feb 25 '20

How to create skewed backgrounds with CSS

#css

1 min read

Alex Carpenter

Feb 20 '20

How to create vertical text with CSS

#css

1 min read

Alex Carpenter

Feb 19 '20

How to add a gradient to text with CSS

#css #howto

1 min read

Alex Carpenter

Feb 6 '20

Using a pseudo element to mimic a rgba value

#css

1 min read

Alex Carpenter

Feb 4 '20

How to make your own CSS media object pattern

#css

1 min read

Alex Carpenter

Jan 27 '20

How to style a select element with CSS

#css

1 min read

Alex Carpenter

Jan 16 '20

How to create custom checkbox and radio inputs with CSS

#css

1 min read

Alex Carpenter

Jan 15 '20

How to create a sticky footer with CSS

#css #flexbox

1 min read

Alex Carpenter

Mar 11 '19

Consecutively return a random item from a JavaScript array

#javascript

1 min read

Alex Carpenter

Feb 27 '19

Style your default global links without affecting your component links

#css #sass

1 min read

Alex Carpenter

Feb 26 '19

Build conditional layouts with CSS Flexbox

#flexbox #css #layout

1 min read

Alex Carpenter

Feb 18 '19

How to create overlapping images with CSS Grid

#cssgrid #css #frontenddevelopment

1 min read

Alex Carpenter

Jan 22 '19

How to create an equal height grid using Flexbox CSS

#css #flexbox #grid

1 min read

Alex Carpenter

Jan 21 '19

What is JavaScript event delegation?

#javascript

1 min read

Alex Carpenter

Aug 22 '18

Center an element with CSS Grid

#css

1 min read

Alex Carpenter

Aug 20 '18

5 tips for styling the component layer

#css

1 min read

Alex Carpenter

Aug 13 '18

Better CSS outlines with box-shadows

#css #a11y

1 min read

Alex Carpenter

Aug 8 '18

Background image gradient overlay

#css

2 min read

Alex Carpenter

Aug 6 '18

Component event delegation with vanilla Javascript

#javascript #eventdelegation

2 min read

Alex Carpenter

Jul 31 '18

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

#newsletter

3 min read

Alex Carpenter

Jul 23 '18

Front-end Foundations Newsletter 001 - Getting Started

#newsletter #frontenddevelopment #tools

4 min read

Alex Carpenter

Jun 26 '18

🙂 Introducing Front-end Foundations

#showdev #html #css #javascript

1 min read

Alex Carpenter

Jun 19 '18

How to implement a button loading state with CSS

#css

1 min read

Alex Carpenter

May 16 '18

Three tips for writing better CSS

#css

2 min read

Alex Carpenter

May 14 '18

Back to static

#eleventy #static #indieweb

1 min read

Alex Carpenter

Apr 23 '18

How to build a reusable carousel component with Craft CMS

#craftcms #frontenddevelopment

1 min read

Alex Carpenter

Mar 31 '18

How to build a content builder in Craft CMS

#craftcms #cms

1 min read

Alex Carpenter

Mar 14 '18

How to break elements outside of their container with CSS

#css #howto

1 min read

Alex Carpenter

Feb 26 '18

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

#css #tutorial #screencast

1 min read

Alex Carpenter

Feb 7 '18

How to animate box-shadows with transforms and opacity

#css #animation

1 min read

Alex Carpenter

Jan 25 '18

Intro to the inert attribute

#a11y #javascript

1 min read

Alex Carpenter

Jan 21 '18

My current text editor setup

1 min read

Alex Carpenter

Jan 10 '18

Introduction to the CSS :not selector

#css #beginners

1 min read

Alex Carpenter

Jan 9 '18

Can I help you?

#career

1 min read

Alex Carpenter

Jan 7 '18

Improve your CSS with whitespace and comments

#css

2 min read

Alex Carpenter

Dec 28 '17

How I build components in CraftCMS with Twig

#craftcms

1 min read

Alex Carpenter

Dec 26 '17

Build your own grid with flexbox

#css #flexbox #grid

1 min read

Alex Carpenter

Dec 18 '17

Add a skip to link to your website to improve accessibility

#a11y

1 min read

Writing Debut

Six Year Club

Five Year Club

Four Year Club

Three Year Club

Two Year Club

4 Week Writing Streak

One Year Club

Want to connect with Alex Carpenter?