All Teachers / Jen Kramer
Jen Kramer

Jen Kramer

AnnieCannons

Jen Kramer has taught HTML and CSS to all skill levels for over 20 years. She was previously a Lecturer at Harvard University, in addition to her freelance web design work. She is also the author of over 70 video training courses and three books. Currently, Jen is the Director of Learning Design & Technology at AnnieCannons, a non-profit devoted to training, preparing, and connecting individuals who have experienced human trafficking to sustainable careers in tech.

Workshops with Jen Kramer

April 2, 2024 - 9:30am to 5:30pm Central Daylight Time
FREE
โ–ถ LIVE NOW

Getting Started with CSS, v2

Jen Kramer

Jen Kramer

AnnieCannons
Spend a full day learning the fundamentals of CSS with Jen Kramer.
Getting Started with CSS, v2

Jen Kramer's Courses

Ultimate CSS Grid & Layout Techniques, v3

Jen Kramer

Jen Kramer

AnnieCannons
CSS Grid is the most important tool in a modern web developer's toolkit for laying out web pages. Learn advanced techniques including subgrid, container queries, and responsive images through hands-on CodePen exercises.
6 hours, 21 minutes CC
Ultimate CSS Grid & Layout Techniques, v3
drag handle

CSS Projects

Jen Kramer

Jen Kramer

AnnieCannons
Looking to practice your CSS skills? Work through five distinct projects to practice writing semantic HTML, mobile-first designs, media queries, and CSS layout techniques.
5 hours, 1 minute CC
CSS Projects
drag handle

Practical CSS Layouts

Jen Kramer

Jen Kramer

AnnieCannons
Learn to code complex layouts with CSS Grid and Flexbox and tackle real-world exercises like styling buttons, audio players, hamburger menus, and lists.
8 hours, 58 minutes CC
Practical CSS Layouts
drag handle

Intermediate HTML & CSS

Jen Kramer

Jen Kramer

AnnieCannons
Learn modern CSS selectors like :is(), :where(), and :has() and discover new HTML elements and CSS Selectors that you might not know!
5 hours, 37 minutes CC
Intermediate HTML & CSS
drag handle

Getting Started with CSS

Jen Kramer

Jen Kramer

AnnieCannons
Get to know CSS in the right way without the fluff. You'll style text, build navigation bars, headers/footers, add icons, and more!
3 hours, 19 minutes CC
Getting Started with CSS
drag handle

Advanced CSS Layouts

Jen Kramer

Jen Kramer

AnnieCannons
Flexbox and Grid provide methods for creating responsive websites with complex designs. Combined with CSS Calc, it revolutionizes CSS layout web pages. Learn more!
3 hours, 46 minutes CC
Advanced CSS Layouts
drag handle

What They're Saying

No more basic websites for me! Just slayed "Getting Started with CSS" by the amazing Jen Kramer on Frontend Masters. My layouts are about to get seriously stylish.
Pranay Ahirwar

Pranay Ahirwar

pranayahirwar

I just completed "CSS Projects" by Jen Kramer on Frontend Masters! Thanks; It's a great course, and I really learned valuable approaches to building websites.
Suresh Pradhana

Suresh Pradhana

suresh_pradhana

It was interesting to try to do all the projects on your own, I hope there will be more courses like this. A lot of CSS key concepts are covered.
Zeljko Krsic

Zeljko Krsic

zeljko_krsic1

I just completed "CSS Grid & Flexbox for Responsive Layouts, v2" by Jen Kramer on Frontend Masters! Lots of great info on Grid, Flexbox, and Responsive layouts in this course! An awesome intro to these concepts. I can't wait to practice and learn more.
Andy Glover dev

Andy Glover dev

andygloverdev

I just completed "Getting Started with CSS" by Jen Kramer on Frontend Masters! It was an awesome refresher to build a full layout with CSS and HTML. Some cool CSS tricks like gradients and grid overlap too! Great course!
Andy Glover dev

Andy Glover dev

andygloverdev

I just completed "Intermediate HTML & CSS" by Jen Kramer on Frontend Masters! Great course to go back to your programming roots for a while, for a review and things you may have missed. Thanks Jen!
idmtrs

idmtrs

idmtrs

Our courses are taught by experts from these top companies (and more)

Microsoft
Netflix
Stripe
Spotify