Quick Checkout
or Pay by Credit Card
Confirm
$0.00
Payment

Payments and credit card details are securely managed and protected by Learn Enough's payment processor, Stripe. More information on their site:

CART
Total
$0.00
Cart empty

Your Cart is Empty

$30
$300
$300
$XY
$XY
1234

Get started with front-end development using CSS & site layout

Learn Enough CSS & Layout Web Basics 02

Learn Enough CSS & Layout to Be Dangerous teaches you how to use Cascading Style Sheets, the design language of the Web, in the context of a real website. Among other things, making a real website involves laying out the site with a proper static site builder—a crucial detail you won’t find in most CSS tutorials. The result is a professional-grade website deployed to the live Web.

- or -
SCROLL DOWN TO LEARN MORE
Icon outline book
ebooks
500 pages
Icon outline screencasts
screencasts
14 hours
Icon outline course
course
10 chapters
 
66 videos
 
95 exercises

An intro to our

Learning Materials

The Learn Enough tutorials are available as books, downloadable videos, and online courses. Learn Enough CSS & Layout to Be Dangerous includes 500 pages of book content and 14 hours of video.

Courses

Full online version of the book content, embedded streaming videos for all sections, exercises with editable answers, progress tracking, and membership in the Learn Enough Society (community exercise answers, private chat group). Pause your subscription at any time!

ebooks (Online and Offline)

Online HTML version accessible from any web browser, downloadable ebooks in all common formats (EPUB, MOBI/Kindle, PDF). Files are yours to keep forever!

Offline Screencasts

Downloadable versions of all screencast videos. Note: Does not include ebooks, so the video/ebook bundle is strongly recommended. Files are yours to keep forever!

Get Started Now!

Course & Downloads

Add Online Course
Recommended
Choice!
Add Books & Offline Videos
Best
Value!
Need a little help?

Learn Enough offers a generous scholarship program to help out in case cost is a factor. We’ve already awarded over 1000 Learn Enough Scholarships to a wide variety of recipients, including students, people between jobs, and residents of countries with unfavorable exchange rates. Applications are quick, easy, and 100% confidential. Learn More

Money-Back Guarantee

All our tutorials come with a 100% money-back guarantee. If for any reason you aren’t satisfied with any tutorial purchase, just let us know and we’ll refund your payment.

Web Basics BUNDLE
MORE INFO

Every technical person should know the basics of the World Wide Web, and this set of courses covers the undeniable essentials: HTML, the universal language of the Web; CSS & Layout, which builds an industrial-strength but simple website.

All bundles include the course version of all the tutorials (streaming video, exercise answers, and progress tracking), and access to the Learn Enough society to get help if you need it.

- or -
The All Access Bundle
$ 49 /mo
More Info

Learn Essential Skills

In the CSS & Layout Tutorial

Page

Both Styling and Layout

Designing the look and structure

CSS—short for Cascading Style Sheets—is the styling language of the World Wide Web. CSS lets developers and designers define what a web page looks like and how it behaves. Pretty much every website that you visit uses CSS to make the user experience and interface look inviting, which means that learning the basics of CSS is an essential part of becoming a web developer or designer.

Most CSS tutorials teach the subject in isolation, showing you how to make individual changes to things like text color or font size, without showing you how to put everything together as an integrated whole. In contrast, Learn Enough CSS & Layout to Be Dangerous is specifically designed to show you how CSS works in the context of a real website. In particular, you’ll learn not only CSS but also a static site builder. This is a powerful but oddly neglected tool that lets you control your site layout in ways that are difficult or impossible otherise.

Names

CSS basics

Core styling concepts

Learn Enough CSS & Layout starts with the basics of CSS declarations and values by placing a few super-simple elements on a sample page, with a particular focus on applying the “Don’t Repeat Yourself” principle.

Overflow box scroll

Diving into styling

Learning about the intricacies

Next you’ll learn about aspects of selectors that are important to get right at the beginning of a project, with a focus on managing complexity and maintaining flexibility by choosing good names for things. Then you’ll learn how to use CSS to change the color and size of HTML elements. This leads into the box model, which determines how different elements fit together on the page.

Initial logo

Jekyll: a static site framework

Making a site modular and easy to edit

Now comes the really cool stuff: you’ll take the page that you’ve been working on and factor it into a layout using a static site builder called Jekyll to build professional-grade websites that are easy to maintain and update. This is a hugely important but often neglected subject.

Home normal

Blog-style page styling

Design to effectively show web content

The next part of the tutorial teaches you how to lay out a blog suitable for personal or professional posts, including flexible page layouts using flexbox. You’ll also add layouts for a photo gallery page, to be filled in in Learn Enough JavaScript to Be Dangerous.

Safari mobile

Styling for mobile

Ensuring a site looks good at any size

The next-to-last part of the tutorial covers styling for mobile devices, which is important since so much web traffic comes from smartphones and tablets. Finally, you’ll learn how to add the final bits of polish (like custom fonts and meta tags) that make a site feel complete. The result will be an industrial-strength, nicely styled site deployed to the live Web.

Table of Contents
Scholarship 1
Scholarship 17
Scholarship 3
Scholarship 26
Scholarship 5

What People Are Saying

Jimmywales
Jimmy Wales Founder, Wikipedia

Q: What is Jimmy Wales' favorite book?

A: It changes often. At the moment, it’s Ruby on Rails Tutorial by Michael Hartl. :)


Quora link
Cover css
About the CSS & Layout Tutorial

I can’t thank you enough for the tutorials! I just recently finished the CSS & Layout tutorial and designed my portfolio based off of what you walked us through. Thanks a million for your tutorials… my skills have been upped tremendously from Learn Enough!

— Sean R.

I have only just finished reading the first four chapters, but I have to say that they are the best four chapters on CSS/Layout that I have ever read. Well done! Very much looking forward to reading the remaining chapters.

— Az W.
Logo b
About the Learn Enough Courses

I must say, this Learn Enough series is a masterpiece of education. Thank you for this incredible work!

— Michael K.

I must say, this Learn Enough series is a masterpiece of education. Thank you for this incredible work!

— Michael K.

I want to thank you for the amazing job you have done with the tutorials. They are likely the best tutorials I have ever read.

— Pedro I.

I have been trying to learn web development and programming on and off for the past 3 years and your website is the first one that I feel does the job right.

— Janelle S.

Just bought the new ebook and want to say keep up the great work!! The Learn Enough to Be Dangerous series re-ignited my desire to code after 10+ years of “meh”.

— Diane Y.

The Learn Enough Society and the courses are incredible. It’s the best value in the market of online courses in my opinion. Like you say, it’s learning to tech, which is very useful in our world.

— Sébastien D.

I just meant to tell you: your tutorial books from the Learn Enough series are awesome! The books are well-written, clear, concise, super-useful, and even fun to read. Thank you so, so much for this! I have bought the first three and will buy whatever you publish next. Keep up doing this very good work and thanks again.

— Pierre W.

Have been following the whole “Learn Enough to Be Dangerous” series and am VERY impressed with it. I am a project manager who works with software developers daily. These sessions have provided me with a huge amount very useful information, to the extent that I now not only understand what the dev guys are talking about, but am starting to use the tools (command line, Git, etc.) that they use.

— Brian
Amazon link

Michael Hartl is one of the best educators around when it comes to web development. I have been following him for a long time, and everything he produces is top quality. If you are looking for a quick way to become a thorough and productive professional web developer, Hartl’s books are a great place to start.

— Abram Bailey
Amazon link

If that all sounds good...

Try the Tutorial Out

About the Authors
Michael-hartl

Michael Hartl

Michael Hartl is the creator of the Ruby on Rails Tutorial, one of the leading introductions to web development, and is cofounder and principal author at Learn Enough. Previously, he was a physics instructor at the California Institute of Technology (Caltech), where he received a Lifetime Achievement Award for Excellence in Teaching. He is a graduate of Harvard College, has a Ph.D. in Physics from Caltech, and is an alumnus of the Y Combinator entrepreneur program.

Lee-Donahoe

Lee Donahoe

Learn Enough cofounder Lee Donahoe is an entrepreneur, designer, and front-end developer. In addition to doing the design for Learn Enough, Softcover, and the Ruby on Rails Tutorial, he is also a cofounder and front-end developer for Coveralls.io, a leading test coverage analysis service, and is tech cofounder of Buck Mason, a men’s clothing company once featured on ABC’s Shark Tank. Lee is a graduate of the University of Southern California, where he majored in Economics and studied Interactive Multimedia & Technologies.

Join the Mailing List

Sign up for the Learn Enough mailing list to get notified when new tutorials are released, when new video guides are posted, and to receive special offers and discounts. We won't ever share your email with anyone.