Skip navigation

WordPress School: HTML and CSS References and Resources

Badge - Learn WordPress with Lorelle VanFossen at WordPress School.In “9 Truths That Computer Programmers Know That Most People Don’t” by Macleod Sawyer, he quotes Ben Cherry and adds the following after:

“Under the hood, most critical software you use every day (like Mac OS X, or Facebook) contains a terrifying number of hacks and shortcuts that happen to barely fit together into a working whole. It would be like taking apart a brand-new 747 and discovering that the fuel line is held in place by a coat-hanger and the landing gear is attached with duct tape.” – Ben Cherry

That’s the funny thing about code, the website or program may work beautifully, it may run smoothly, and it may be absolutely beautiful on the front-end side (what the user sees). But, behind everything that makes it work it will have so many errors, and work arounds that barely work and that shouldn’t work, but do for some strange reason.

While this may apply to computer programming, it also applies equally to the web.

In March 2013, a study at Drexel University in Philadelphia, Pennsylvania, was conducted to evaluate the most common errors beginners make when learning HTML and CSS. Louis Lazaris of Sitepoint analyzed those results recently. He quoted from the survey a conclusion that explains the reasons most errors persist in HTML and CSS:

When a beginner writes code that has many errors but still renders as desired, they receive positive feedback in the form of the properly formatted web page. These errors are latent, remain unresolved, and reinforce faulty understandings that can become difficult to overcome.

This explains the statement by Ben Cherry. Web browsers work overtime to display whatever we throw at them in the code. Doesn’t mean it is right, deprecated, or totally wrong. The goal of the web browser is to display content on a web page. So remember, just because it looks right on the web page doesn’t mean it is right.

There is much about HTML and CSS that works perfectly with little or no effort. It makes sense. Then there are parts of HTML and CSS that make little sense. HTML5, the latest version, was supposed to clean up many of the inconsistencies and strange behavior, but it has its quirks, too. Things that should work, don’t. Things that shouldn’t work, do. We must understand not only how to code, but how the browser interprets that code. This is why I started out these two mini-series with the web browser before talking about HTML and CSS.

Welcome to programming.

I’ve put together a list of some basic guides and helpful sites for you to add to your resources and maybe learn more about how HTML and CSS work. This is a course about learning WordPress, and HTML and CSS are the basic building blocks. It is not a course for learning HTML and CSS. Hopefully the recent posts in this mini-series on HTML and CSS gave you a taste and will help you understand more about how a WordPress Theme works and how to modify it in future lessons.

There are new resources on HTML and CSS arriving on the web constantly. These are just a few I’ve found helpful over the years.

HTML and CSS Tutorials, Guides, and Help

This is just a taste of what it takes to understand how HTML works and how modifying the CSS styles in a WordPress Child Theme are often all you may need to customize the look and feel of your site.

To learn more about HTML and CSS, and how WordPress Themes work, check out the list of references, resources, and online tutorials in HTML and CSS Resources List and Web Design and Development.

For more information on WordPress and HTML, and other web programming and WordPress Theme development and design resources, check these out.

Now Back to Our Regularly Scheduled Programming

This has been another brief mini-series in Lorelle’s ongoing WordPress School. We’ve been learning about the very basics of HTML and CSS and how it applies toward your upcoming work on WordPress Themes.

There will be more of these mini-series as we dive deeper into how WordPress works from the inside out. They are designed to group related learning skills together to help you understand all the parts and pieces that go into WordPress.

Join us in our discussions on this assignment in our WordPress School Google+ Community to talk about this mini-series on HTML and CSS.

This is a tutorial from Lorelle’s WordPress School. For more information, and to join this free, year-long, online WordPress School, see:

Subscribe to Lorelle on WordPress. Feed on Lorelle on WordPress Follow on Twitter. Give and Donate to Lorelle VanFossen of Lorelle on WordPress.


One Comment

  1. peter
    Posted June 10, 2015 at 11:10 am | Permalink

    nice set of links useful, will bookmark this as I want to get into wordpress in the html/css things…

    Thanks.


Post a Comment

%d bloggers like this: