October 2011
1 post
June 2011
5 posts
May 2011
1 post
The HTML5 Switch →
cameronmoll:
Summary: There’s really no reason to postpone switching all your sites — big or small, existing or new — to the HTML5 doctype at a minimum. I support this argument and began doing this months ago. Read the full article for reasoning.
I’ve been doing this as well.
March 2011
2 posts
Ceaser: CSS Animation Tool →
cameronmoll:
Speaking of year 12, this is brilliant. Preview different easing defaults, adjust the bézier curve if you like, and then grab the CSS.
/via CSS3 Watch
The Current State of HTML5 Forms →
A web developer’s quick reference guide detailing today’s browser support for HTML5 form technologies.
This looks like a great little reference.
February 2011
1 post
January 2011
1 post
December 2010
2 posts
Striped and Checkerboard Backgrounds Without... →
This is fantastic!
(via CSS-Tricks)
November 2010
11 posts
Watchstrake:
Animated contact form for my WIP site redesign. Using Mootools for form validation and animation (plus Webkit transforms for the flip). Typekit for fonts. View at normal resolution on LoveDSGN.
This is fantastic!
ZURB’s CSS3 Shadow and Animation Experiments →
cameronmoll:
Not only are the experiments technically and interactively well-done, but the layout of the page makes for a nicely formatted, self-contained tutorial.
You’ll find other experiments over at the ZURB Playground, including this Konami Code-powered, raptorized jQuery plugin.
Going Flash-Free on Mac OS X, and How to Cheat... →
minimalmac:
OK, now that the Chairman has laid out some clear and concise instructions, with a workaround for the (increasingly rare) times one needs it, I’m going to give this a swing.
I’ve been doing this since I first saw Gruber write about it and I’m loving it so far!
CSS Lightbox →
webkitbits:
Benjamin De Cock has created a new lightbox demo based entirely on CSS, with no JavaScript used.
Ordering Disorder: Grid Principles for Web Design →
A book about Khoi Vinh’s, “…thoughts on using the typographic grid in the practice of Web design.”
The 30 CSS Selectors you Must Memorize →
Great list by Nettuts+.
Breadcrumb Navigation with CSS Triangles →
CSS Gradients for IE9 →
(via Veerle)
October 2010
14 posts
List of CSS Cursors for WebKit →
webkitbits:
Bookmarked.
I didn’t know that some of these existed.
HTML 5 Reference : 3.2.3 Attributes →
dropshadows:
There are four slightly different syntaxes that may be used for attributes in HTML: empty, unquoted, single-quoted and double-quoted.
This can be useful for escaping quotes in attributes, as seen in this example from the recent jQuery 1.4.3 release notes:
<div data-options='{"name":"John"}'></div>
Amazon Web Services Introduces Free Tier, Includes... →
This is awesome!
Using a protocol-independent absolute path →
dropshadows:
Using a protocol-independent absolute path:
<img src="//domain.com/img/logo.png"/>
If the browser is viewing an page in SSL through HTTPS, then it’ll request that asset with the https protocol, otherwise it’ll request it with HTTP.
— Paul Irish
As seen in this commit for HTML5 Boilerplate
We’ve been doing this lately and it’s very handy.
“we dropped the -moz- prefix for -moz-border-radius & -moz-box-shadow”
– Firefox 4: recent changes in Firefox ✩ Mozilla Hacks – the Web developer blog
So border-radius is valid in latest Safari, Firefox and IE. Nice.
Simple jQuery Refactoring →
I absolutely love this idea from the Viget Labs team.
The way it works is that one person puts up a piece of code, gives a little background on what it does, and then everyone just tears it apart to figure out how to improve it.
HTML5 & CSS3 Resources for Designers →
css3watch:
Effin’ useful list of resources from Dan Rubin
WatchAnother great talk by Ryan Singer of 37signals at Future of Web Apps 2010 about their design process.
Its very similar to the talk Ryan gave last year that I linked to, but its well worth watching.
September 2010
7 posts
Box Sizing →
This is a good explanation of the box model and how it can now be modified on per-element basis using CSS3’s box-sizing property.
The example of wanting to give a <textarea> 100% width is something I’ve run into before.
Of course this doesn’t work in IE 7 or IE 6, but who cares?
12 Common CSS Mistakes Web Developers Make →
I’m definitely guilty of a couple of these, especially over-qualifying selectors. Worth a read.
Ordering CSS3 Properties →
I wasn’t aware of this—good stuff!
Web Performant WordPress →
This is a fantastic post on decreasing page load times. The article focuses on WordPress, but a lot of the advice is applicable to any website.
(via Inspect Element)
Daring Fireball: A Taste of What's New in the... →
John Gruber reviews what’s changed in the App Store License Agreement and comments briefly on the new App Store Review Guidelines.
I’m really happy to see this and very curious as to why they’ve decided to ease up now.
State of the Art - Presenting the MiFi of Your... →
minimalmac:
OK, let me get this straight. A MiFi that…
Is pay as you go (i.e. contract free).
Gives you unlimited data (i.e. no stupid hidden caps).
Where the monthly fee is only $40 a month.
Yep, according to David Pogue. It appears so.
August 2010
5 posts
Maniacal Rage: The Problem with Facebook's... →
That’s the problem with Facebook. They are slowly destroying independent web applications with boring versions that immediately win due to Facebook’s population (which at this point is the 3rd largest country on earth). There’s no demand for excellence.
I wholeheartedly agree. I still prefer using specific applications (i.e. Foursquare, Flickr, YouTube, etc.) as opposed to using Facebook. I...
CSS Tip
jacob:
This has come in pretty handy lately:
width: 784px; /* 800 - (7 * 2) - (1 * 2) */
Whenever you subtract padding or border from an elements dimension, note the equation you did to arrive at the new number.
Super easy to recalculate it if any of the variables change. Bonus points for writing the comment first and just pasting it into Soulvr or Google.
I’ve been doing this for a...
Stay.app →
maniacalrage:
I’ve been waiting for something like this for years. The single worst part of using a MacBook Pro as your primary computer, and going from using a Cinema Display to the laptop alone, is that windows in OS X are absolutely terrible about retaining their locations and sizes. Windows will frequently jump to random places, half off the screen, it’s horrible.
For many years I have...
Sneak: Fixing the background 'bleed' →
I recently came up against an issue in Safari where the background colour of an element seemed to ‘bleed’ through the edge of the corners when applying both borders and a border-radius (see the image above). After seeing David Cole tweet about the same issue I resolved to find a solution,…