Intro to (X)HTML
What if we were to expand our notion of literacy to encompass not only human languages but also machine languages? Could widespread facility in reading and writing code come to be as critical to society as the ability to manipulate spoken and written language?
There are six tutorials covering the length and breadth of HTML and CSS. The Beginner Tutorials are step-by-step guides, whereas the Intermediate and Advanced Tutorials contain stand-alone tips, tricks and best-practice techniques.
This online series of tutorials teaches you HTML, CSS and JavaScript concepts and lets you practice those skills right in your browser. Create an account to track your progress!
A series of YouTube lessons and exercises from Google Code University.
"Through short tutorial videos, you’ll learn how to take a basic wordpress blog and manipulate the css, html (and even some php!) to match your aesthetic. You’ll feel empowered rather than crippled by the internet and worst case scenario you’ll at least end up having a better idea of how professional web designers turn your design dreams into a reality on screen."
The most recent cheat sheet from GoSquared. I've yet to see a better one, so this is what I share with beginners.
Embark on a set of Challenges that will help you understand how basic HTML elements work, and guide you through using the tools to create your first webpage from scratch.
Intro to CSS
A great explanation of what class selectors are and why/when they are used.
Got questions about class selectors in CSS? This tutorial clarifies a lot of the confusing aspects of this selector.
"Two of these concepts are specificity and inheritance. Not very common words among Web designers, are they? Talking about border-radius and text-shadow is a lot more fun; but specificity and inheritance are fundamental concepts that any person who wants to be good at CSS should understand. They will help you create clean, maintainable and flexible style sheets."
CSS 2: Layouts
The tutorial we cover in the CSS 2 workshop is Tutorial #8, but you may be interested in some of the others on this site.
"What I sense is a real tension between the web as we know it, and the web as it would be. It’s the tension between an existing medium, the printed page, and its child, the web. And it’s time to really understand the relationship between the parent and the child, and to let the child go its own way in the world."
68 items | 55 visits
Resources for learning a variety of web topics. These resources are curated to assist St. Edward's University community members working toward their IT Circuit Web Essentials certificate, sponsored by Instructional Technology.
Updated on Oct 19, 13
Created on Mar 05, 12
Category: Schools & Education
URL:
on Nov 18, 13
