#web (4,377 links)
- Juicy Studio: Colour Contrast and CSS Sprite Maps juicystudio.com
CSS sprite maps improve efficiency by making fewer HTTP requests to the server, but most implementations cause serious problems for users who view content in high contrast mode.
- PNG8 – The Clear Winner » Web Design » SitePoint Blogs blogs.sitepoint.com
maskingtape: @ohskylab Here's the memo on fireworks png-8 for IE6.. http://blogs.sitepoint.com/png8-the-clear-winner/
- HTML5 Rocks - "Mobifying" Your HTML5 Site html5rocks.com
mono_spaced: Use-able OS X GUI for converting PNG to palletted 8bit alpha (sans Fireworks) http://pornel.net/imagealpha @ohskylab @maskingtape
- Performance Calendar » PNG that works calendar.perfplanet.com
Great breakdown of different PNG formats.
- Web Performance Optimization Hub >> Strangeloop » Strangeloop strangeloopnetworks.com
A directory of performance-related research, tips, tools, case studies, articles, and blog posts.
- Javascript loaders spreadsheets.google.com
A honking great Google doc comparing Javascript loaders like LABjs, HeadJS etc.
- Fixed Footers without JavaScript « Boagworld boagworld.com
- Using Media Queries in the Real World » Broken Links broken-links.com
"Global shipments of smartphones and tablets surpassed shipments of desktop PCs and notebooks in Q42010. This gap is expected to increase over the next few years." Blimey.
Notes on BlackBerry's Webkit-based PlayBook browser called, er, "Browser".
Built on WebPagetest, provides "HTTP waterfall chart, a Page Speed report, connection info, and screenshots" for iOS and Android devices.
- mojombo/jekyll - GitHub github.com
"A blog-aware, static site generator in Ruby". Also powers GitHub Pages.
- Initializr - Start your HTML5 project in 15 seconds! initializr.com
A simple tool to help you getting started with an HTML5 project. It is built on HTML5 Boilerplate
- Adactio: Journal—Going Postel adactio.com
The most brittle part of the [front-end] stack is JavaScript [...]<br /> That’s why I’m so surprised that any front-end engineer would knowingly choose to swap out a solid declarative foundation like HTML for a more brittle scripting language.
- isolani - Javascript: Breaking the Web with hash-bangs isolani.co.uk
Head -> desk. "Gawker/Lifehacker have violated the principle of progressive enhancement, and they paid for it immediately with an extended outage on day one of their new site launch. Every JavaScript hiccup will cause an outage, and directly affect Gawker’s revenue stream and the trust of their audience."
- The New Bulletproof @Font-Face Syntax | Fontspring fontspring.com
Via monospaced.
- Adactio: Journal—Erase and rewind adactio.com
"The BBC is employing a slash-and-burn policy regarding online content. 172 websites are going to disappear down the memory hole. Just to be clear, these sites aren’t going to be archived. They are going to be deleted from the web. Server space is the new magnetic tape." Nnng.
Hadn't come across WP_HTTP_BLOCK_EXTERNAL before. Handy.
- HTML5 accessibility html5accessibility.com
This site is a resource to provide information about which new HTML5 user interface features are accessibility supported in browsers, making them usable by people who rely upon assistive technology (AT) to use the web.
- HTML5 allows almost any value for the id attribute – use wisely | 456 Berea Street 456bereastreet.com
I can see this being horribly confusing.
- Adactio: Journal—Three questions adactio.com
The WHATWG spec is the place to look for what’s new and evolving. The W3C spec, once it goes into Last Call, is the place to look for the official milestone that is HTML5. In practice, the two specs will be pretty much identical for quite a while yet. But the truth is that authors shouldn’t be looking at specs to decide what to use—look at what browsers support in order to decide if you should use a particular feature—look at the spec to understand how to use features of HTML5.
- Perfect Full Page Background Image | CSS-Tricks css-tricks.com
Allows you to add a dynamically-resized background image to any page. The image will stretch to fit the page, and will automatically resize as the window size changes.
- Humans TXT: We Are People, Not Machines. humanstxt.org
"An initiative for knowing the people behind a website." Cute.
Ultralight wireframe tool.
I personally feel that until a developer is interested enough in learning about patterns to make the leap to invest in these, the majority of material they have accessible online doesn’t focus enough on how to apply design patterns to JavaScript or jQuery. That’s where having a free book of this nature comes in useful.
- Adactio: Journal—Landmark roles adactio.com
Using ARIA landmark roles in HTML5 documents instead of IDs to provide styling hooks. Clever.
- W3Fools – A W3Schools Intervention w3fools.com
- WordPress › Yoast Breadcrumbs « WordPress Plugins wordpress.org
- Eric's Archived Thoughts: Reset Revisited meyerweb.com
A new (but work-in-progress) reset from Meyer.
- The monetisation fetish - QuirksBlog quirksmode.org
"This monetisation argument is the fetish of the current age. Unfortunately it is utter and complete rubbish. The fundamental problem, as I calculated months ago, is that there’s just not enough money in the app store economy to support a meaningful number of independent developers." Calculations feel rather back-of-envelope but voices of dissent are useful.
- URL Design — Warpspire warpspire.com
Excellent notes on URL design.
Via paul.irish.
- Server-side detection of Yahoo Graded Browser Support C-grade browsers monospaced.co.uk · Archived on
Nice.
- Stubbornella » Blog Archive » The hacktastic zoom fix stubbornella.org
Via twoplusfour.
- High Performance Web Sites :: Evolution of Script Loading stevesouders.com
- Let's make the web faster - Google Code code.google.com
Google's list of performance tools.