Jen Kramer
AnnieCannons
All Teachers / 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
Getting Started with CSS, v2
Get to know CSS in the right way without the fluff. You'll style text, build navigation bars, headers/footers, add icons, and more. You'll even build a professional portfolio website by the end of the course!
Jen Kramer's Courses
Web Development Project: Personal Portfolio Website
Jen Kramer
AnnieCannons
Create a personal portfolio website from scratch using HTML and CSS. Master responsive design techniques, CSS layout tools, and best practices for showcasing your work across devices.
drag handle
Ultimate CSS Grid & Layout Techniques, v3
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.
drag handle
CSS Projects
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.
drag handle
Practical CSS Layouts
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.
drag handle
Intermediate HTML & CSS
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!
drag handle
Getting Started with CSS
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!
drag handle
Advanced CSS Layouts
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!
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
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
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_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
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
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
Our courses are taught by experts from these top companies (and more)
Microsoft
Netflix
Stripe
Spotify