CSS-Tricks

Just One of Those Weird Things About CSS: Background on <body>

May 24, 2013

So you want to make the background of your website red eh? You’ll probably put this in your CSS:…

Read Article →

Logic in Media Queries

May 22, 2013

Just in case you have brain farts about this constantly like I do.…

Read Article →

CSS-Tricks Chronicle XIII

May 21, 2013

> go east
> You see a beautiful grassy field.
> set up camper
> You camper is now set up [roundtime: 18 seconds]
> sit down

Read Article →

Replace the Image in an <img> with CSS

May 20, 2013

The following is a guest post by Marcel Shields. Marcel in a difficult place where he needed to change the image on a page but didn’t have access to the HTML. Rare, but I’m sure we’ve all be in weird situations like this. He explains how he managed to replace that image without needing to access the HTML or JavaScript. Also turns out to be a pretty good way to replace anything with an image.…

Read Article →

Upping Your Type Game →

The ultimate primer on web type for web developers by Jessica Hische.

This Website Brought To You By… →

I always wanted to write something on all the technologies that a website relies on in order to have been created and work. My attempts have so far failed because it spirals out of control so quickly. Kevin Kelly sums it up:

A web page relies on perhaps a hundred thousand other inventions, all needed for its birth and continued existence. There is no web page anywhere without the inventions of HTML code, without computer programming, without LEDs or cathode ray tubes, without solid state computer chips, without telephone lines, without long-distance signal repeaters, without electrical generators, without high-speed turbines, without stainless steel, iron smelters, and control of fire. None of these concrete inventions would exist without the elemental inventions of writing, of an alphabet, of hypertext links, of indexes, catalogs, archives, libraries and the scientific method itself. To recapitulate a web page you have to re-create all these other functions. You might as well remake modern society.

The article isn't about the web hardly at all, it's about the interconnectivity of tools and how far we'll be set back if that is disrupted. I enjoyed the term "upcreation tool." So many of the tools we use as web workers are tools in which to make more complex tools.

Prepros →

Is an open-source app modeled after CodeKit. Prepros runs on Windows where CodeKit is Mac only. From people who have tried it, it seems good.

#126: Using Modernizr

Should Modernizr be part of every modern web project? Not necessarily. In this screencast I talk about how you need Modernizr when you plan to do something specifically different depending on its browser support determination.

(more...)

Play

Beginner Foundations
Intermediate Ideas
Advanced Concepts

I recommend using Treehouse for learning web design, web development, and iOS development. Their structured course-based learning is like a more modern college at about 1% of the price.

The Lodge is a member login only area with access to video training on how to build websites from scratch using the best modern tools.

Wufoo is the best online form builder. Build any type of form from the humble contact form to a very complex multi-page logic-ridden payment-taking form in minutes. Design them to match your site then embed them there. Never worry about spam. Try it free!