Stephanie Eckles

Stephanie Eckles

Girl Geek, front-end focused software engineer, publishing a video series for beginner developers, authoring ModernCSS.dev, creator of Style Stage, providing Eleventy resources on 11ty.Rocks, and mom of two girls.

My lessons focus on HTML, CSS, Sass, accessibility, and Eleventy.

illustration for Accessible Cross-Browser CSS Form Styling

Stephanie Eckles・1h 52m・Course

Accessible Cross-Browser CSS Form Styling

Confidently build out accessibility-focused form design systems that works in all browsers.

illustration for Create a Landing Page with CSS Grid and Flexbox
Stephanie Eckles・20m・Course

Learn how to progressively style a responsive landing page template while building your knowledge on when to select grid or flexbox for any layout scenario.

illustration for Build An Eleventy (11ty) Site From Scratch
Stephanie Eckles・19m・Course

Create a Landing Page with CSS Grid and Flexbox

course by Stephanie Eckles

Accessible Cross-Browser CSS Form Styling

course by Stephanie Eckles

Develop Custom Twitch Scenes and Setup in OBS

course by Stephanie Eckles

Learn the Fundamentals of CSS and Sass to Create Modern and Responsive Layouts

course by Stephanie Eckles

Access Theme Color Values With Sass

lesson by Stephanie Eckles

Create a Basic Responsive Grid System With CSS Grid

lesson by Stephanie Eckles

Create an Accessible Group of Form Fields

lesson by Stephanie Eckles

Choose Between Grid or Flexbox for CSS Layout

lesson by Stephanie Eckles

Use CSS Grid to Create Layout Columns

lesson by Stephanie Eckles

Responsively Center an Image and Caption with CSS Grid

lesson by Stephanie Eckles

Use Flexbox to Responsively Layout Variable-Width Content

lesson by Stephanie Eckles

Use CSS Grid auto-fit For Responsive Column Layout

lesson by Stephanie Eckles

Apply Aspect Ratio Sizing to Images with CSS object-fit

lesson by Stephanie Eckles

Create Basic Effects with CSS box-shadow

lesson by Stephanie Eckles

Create an Automatically Responsive Flexbox Gallery

lesson by Stephanie Eckles

Course Introduction: Accessible Cross-Browser Form Field CSS Styles

lesson by Stephanie Eckles

Initialize the Form Design System Setup with Sass and CSS Variables

lesson by Stephanie Eckles

Create Semantic, Accessible HTML for Text Form Inputs

lesson by Stephanie Eckles

Create the `form-group` Component Styles

lesson by Stephanie Eckles

Create Semantic, Accessible HTML for Form Selects

lesson by Stephanie Eckles

Create Semantic, Accessible HTML for Radio Buttons and Checkboxes

lesson by Stephanie Eckles