Downloading resources in HTML5: a[download] Chrome now supports the HTML spec's new download attribute to a elements.
When used, this attribute signifies that the resource it points to should be downloaded by the browser rather than navigating to it. From Downloading Resources: The download attribute, if present, indicates that the author intends the hyperlink to be used for downloading a resource. The attribute may have a value; the value, if any, specifies the default filename that the author recommends for use in labeling the resource in a local file system.
The Semantic Grid System: Page Layout For Tomorrow - Smashing Magazine. Advertisement CSS grid frameworks can make your life easier, but they’re not without their faults.
Fortunately for us, modern techniques offer a new approach to constructing page layouts. But before getting to the solution, we must first understand the three seemingly insurmountable flaws currently affecting CSS grids. Problems Problem #1: They’re Not Semantic. Twitter Bootstrap.
Need reasons to love Bootstrap?
Web Standards Update for Visual Studio 2010 SP1 - Visual Web Developer Team Blog. We are pleased to announce the first Web Standards Update for Visual Studio SP1.
Color Contrast Checker. You are here: Home > Resources > Color Contrast Checker Contrast Ratio: 8.59:1 Normal Text WCAG AA: Pass WCAG AAA: Pass Sample: I am normal text Large Text.
Colour Contrast Check - snook.ca. Date created: January 11, 2005 Date last modified: March 30, 2009 The Colour Contrast Check Tool allows to specify a foreground and a background colour and determine if they provide enough of a contrast "when viewed by someone having color deficits or when viewed on a black and white screen"[W3C].
The tool will indicate that the colours pass the test if both the colour difference and the brightness difference exceed their threshold. It will indicate that it sort of passes if only one of the two values exceed their threshold. And finally, it'll fail to pass if neither value exceeds its threshold. The tool will also indicate if the colours pass the newer WCAG 2.0 contrast ratio formula. Humans TXT: We Are People, Not Machines. Add IE 9 Pinned Sites, Dynamic Jump Lists & Notifications to MVC Razor Views-Rachel Appel. If you have an MVC application, why not spice it up by adding in IE 9's Pinned Site features?
Pinned sites are an excellent way to keep links to your site handy as well as provide notifications and interact with the users. Adding pinned site capabilities to your app is also very easy to do, so it's low effort, high reward. Internet Explorer Learning - Pinned Sites. Mobile UI Patterns › Activity Feeds. The Lightbox Clones Matrix. A Conditional Loader For Your Polyfills! The MediaLoot HTML5 Compendium. URL Design — Warpspire. December 28, 2010 You should take time to design your URL structure.
If there’s one thing I hope you remember after reading this article it’s to take time to design your URL structure. Don’t leave it up to your framework. Don’t leave it up to chance. Think about it and craft an experience. URL Design is a complex subject. But that doesn’t mean there aren’t best practices for creating great URLs. Why you need to be designing your URLs The URL bar has become a main attraction of modern browsers. URLs are universal.
Browser compatibility. HTML5 Boilerplate - A rock-solid default for HTML5 awesome. 10 Free Online Books for Web Designers. Google, Typekit Join Up to Improve Web Fonts. Google has announced a new Font API and a collection of free, open source fonts anyone can use in their site designs for free.
The Google Font API allows you to embed any of the new Google fonts on your website using CSS. The fonts themselves are quite nice, with a range of script, serif, sans-serif and monospace typefaces. They can all be used to style text via @font-face. 960 Grid System. 40 Fantastic Pricing Tables for Your Inspiration. When selling a product or service online, a pricing plan is a not simply a portal the user has to click through to purchase their item.
It allows you, as the merchant, do drive you’re deal home, and provide alternative deals that will secure you further purchases. It follows then, that the pricing plan’s on your website shouldn’t be neglected, and should offer the most important information to the end-user, in an intuitive easy-to-use way. Below are 40 fantastic examples of pricing tables / plans that show how successful companies are engaging their users in their pricing plans, from simple tables, to feature lists, to make your own plan tools.
Each example briefly examines the pricing plan, so you can see for yourself what it is doing. Modernizr.