January 2011
58 posts
1 tag
1 tag
HTML5 vs. HTML →
Thanks to the work of the WHAT WG, the orations of Steve, the acclaim of developers, and a dash of tasteful pamphleteering, the W3C finally has a hit technology on its hands. Indeed, it has a cluster of hot technologies, the latest incarnation of what we’ve been calling “web standards” since we began fighting for them in 1998, when browser support for HTML, CSS, and JavaScript was inconsistent,...
1 tag
1 tag
ReMarkdown: Display HTML as Markdown text →
ReMarkdown is a CSS experiment and reusable stylesheet for displaying simple
HTML text as its Markdown equivalent.
To get a feel of what it does, look at the HTML source of this very page. **What’s the point?**
Well, if you love Markdown, or want your simple HTML pages to look
deceptively like good old plain text, the remarkdown.css stylesheet is for you!
1 tag
1 tag
Reset v2.0 →
Earlier today, I updated the CSS Tools: Reset CSS page to list the final version of Reset v2.0, as well as updated the reset.css file in that directory to be v2.0. (I wonder how many hotlinkers that will surprise.) In other words, it’s been shipped. Any subsequent changes will trigger version number changes.
1 tag
Javascript in Ten Minutes →
1 tag
“There seems to be a long period of initial obscurity for any new language. Then...”
– Paul Bissex
From The Next Big Language
And I feel bad about giving them my feedback, because I don’t want to discourage them. It’s just that nobody will ever, ever use their language. The odds are impossibly stacked against it. Not to be discouraging, of course.
1 tag
1 tag
1 tag
1 tag
1 tag
CSS3 Tutorials to Brighten Up Your Day →
One of those big roundup posts. Usual mix of trash and treasures.
1 tag
Humans.txt →
Where is it located?
In the site web root. Just next to the robots.txt
And (if possible) in <head> add this Tag Author: <link type="text/plain" rel="author" href="http://domain/humans.txt" />
Why should I do it?
You are not obliged. This is just an initiative to know the creators of the sites we visit.
Who should I mention?
Whoever you...
1 tag
New fonts in the Google Font Directory →
Lots more added here recently, including the new Ubuntu font by Dalton Maag (see font.ubuntu.com).
1 tag
The 100% Easy-2-Read Standard →
Most websites are crammed with small text that’s a pain to read. Why? There is no reason for squeezing so much information onto the screen. It’s just a stupid collective mistake that dates back to a time when screens were really, really small. So…
An old, but useful article that suggests you adhere to five simple rules:
Standard font size for long texts
Active white space
Reader friendly...
2 tags
No More Version Numbers For HTML →
HTML5 will be the last version of HTML that carries a version number. Ian Hickson, a Google engineer and editor of the HTML5 standard announced that the language will be transitioned to a “living standard” without version numbers. A bit like like Chrome, if you will.
2 tags
3 tags
1 tag
Type Tips →
Tips on the basics of good type. Read for the reasons to…
Range left, ragged right
Indent or space…
Use proper quote marks
Use proper dashes
Quoting convention
Don’t use Guillemets (») for direction
Use proper ellipses (…)
Line length matters
Pay attention to your leading
Use a baseline grid
Type talks…
Use a grid
Bigger is better…
Hang punctuation
Don’t use ‘Arial, Helvetica’
...
1 tag
1 tag
CSS background image hacks →
Emulating background image crop, background image opacity, background transforms, and improved background positioning. A few hacks relying on CSS pseudo-elements to emulate features unavailable or not yet widely supported by modern browsers.
Demos: Example CSS background image hacks
1 tag
2 tags
The secret history of CSS →
Here’s the history that must not come to light: 1. Oct 13 1994 - Marc A. announces the first beta of Netscape 0.9: http://www.eit.com/www.lists/www-talk.1994q4/0187.html 2. Oct 10 1994 - Hakon Lie announces the first public draft of CSS: http://www.eit.com/www.lists/www-talk.1994q4/0153.html That’s right, folks, Cascading Style Sheets are at least *that* old. ...
1 tag
W3Fools – A W3Schools Intervention →
We are passionate about the web, learning, and craftsmanship. We want you, as web designers and developers, to be successful in your careers. We feel, though, that W3Schools is harming the community with inaccurate information. Like any other authoritative educational resource, W3Schools should both hold itself to, and be held to, the highest standards.
We hope we can...
2 tags
A Simpler Page →
Bibliotype is released under the MIT License. So nobody owns it. Meaning, you can use it as a base for anything—commercial or free—that you want to build. The only stipulation being that if you build off of it, keep the copyright notice (http://craigmod.com) in your application or book’s copyright/about page.
Bibliotype is hosted on github. You can grab a copy...
2 tags
Getting Started With Responsive Web Design →
Responsive Web design is the approach that suggests that design and development should respond to the user’s behavior and environment based on screen size, platform and orientation. The practice consists of a mix of flexible grids and layouts, images and an intelligent use of CSS media queries. As the user switches from their laptop to iPad, the website should automatically switch to accommodate...
1 tag
CSS-101 →
A great CSS learning resource. Nice layout too. Licensed under BSD and MIT.
1 tag
HTML5 Mania →
cameronmoll:
A gallery of sites using HTML5.
1 tag
2 tags
2 tags
Dive into 2010 →
Some stats about the online edition of Dive into HTML5:
The most popular chapters tracked closely with the most popular incoming search keywords. HTML5 video was the most popular topic, logging almost half a million pageviews alone. #2 was web forms, followed closely by canvas, semantics, and Geolocation. Microdata was in dead last. Seriously, the shit that nobody gives about my beloved Peeks,...
1 tag
2 tags
2 tags
1 tag
The HoPE Manifesto: How I Taught Myself to Code →
Table of Contents:
Introduction
Committing to The Sweat Lodge
A Week in the Sweat Lodge
3 Rules for the N00b Hacker
Conclusion
Introduction:
The HoPE Manifesto is a document I hope to maintain and update, so it serves as a helpful resource for all who want to make the transition from NoPE to HoPE. Today, it includes all I’ve learned to date.
But, since education is an ongoing process,...
1 tag
1 tag
2 tags
Hackety Hack! →
Hackety Hack will teach you the absolute basics of programming from the ground up. No previous programming experience is needed!
With Hackety Hack, you’ll learn the Ruby programming language Ruby is used for all kinds of programs, including desktop applications and websites.
3 tags
FeedBurner URLs without querystrings →
It’s probably been like that for a long, long time, but I only recently noticed that FeedBurner added a bunch of querystring parameters (utm_source, utm_medium, and utm_campaign) that I wasn’t aware of to the post URLs in my feed. So instead of http://www.456bereastreet.com/archive/201011/bye_bye_flash/ URLs would look something like...
1 tag
1 tag
1 tag
1 tag
Eloquent JavaScript →
Eloquent JavaScript is a book providing an
introduction to the JavaScript programming language and
programming in general.
The book exists in two forms. It was originally written and
published in digital form, the HTML
version of which includes interactive examples and a mechanism
for playing with all the example code. This version is released
under
...
2 tags
1 tag
2 tags
Easy HTML5 Template →
Due to the fact that there’s way too much in Boilerplate that I don’t fully understand, and much that I probably won’t use in the near future, I decided to put together my own little HTML5 template that will become my personal “rock-solid” default (okay, it’s more like yogurt-solid, but whatever). And let’s be honest, Boilerplate is not just about HTML5, but about preparing a default environment...
1 tag
“A programmer should be able to find a bug, market an application, refactor a...”
– with large apology to RAH and his estate, Peter Merel
Specialization Is For Insects
2 tags
HTML Rel Attribute Values →
Cheat sheet of HTML HREF relationship values for link, area and a elements. The Relationship attribute: rel=”value”.
With the help of the rel-attribute of the a element, you can specify the relationship of an anchor or a linked document with the current document. Consequently the rel-attribute cannot be used unless an HREF is present. The value for rel=”value” is a...
2 tags
