AnnieCannons
All Teachers / Jen Kramer
Jen Kramer
AnnieCannons
Jen Kramer has taught HTML and CSS to all skill levels for over 25 years. She was previously a Lecturer at Harvard University, in addition to her freelance web design work. She is also the author of over 90 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
Starting with provided content or your own, create a portfolio site using a simple design system, semantic HTML, grid-based layouts, responsive design, and a light/dark color scheme easily switched by the user.
Jen Kramer's Courses
Web Development Project: Personal Portfolio Website
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
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
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
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
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
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
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
Amazing course! Jen's explanation of every single point is really easy to understand.
Diego Escaño
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
Our courses are taught by experts from these top companies (and more)
Microsoft
Netflix
Stripe
Spotify