02:05:00 pm HTML5 in Action is the Manning Deal of the Day!Categories: Books & Literature, Tech & Web
Half off my book HTML5 in Action. Use code dotd0409au at manning.com.
If you want to ask questions about the book, or anything to do with HTML5, Java Ranch have a companion promotion this week.
03:16:00 am Links for June 2011Categories: Pinboard.in
- Clip your hidden content for better accessibility | Yahoo! Accessibility Library - How you hide your extra content for screen readers can make a big difference to accessibility, this post gives a run down of all the techniques and examines clipping in detail.
- Google Testing Blog: Introducing DOM Snitch, our passive in-the-browser reconnaissance tool - A Chrome extension that enables developers and testers to identify insecure practices commonly found in client-side code.
- How To Run A News Site And Newspaper Using WordPress And Google Docs - 10,000 Words - An interesting approach to building a newspaper, using free tools to generate and publish the content online, then feeding that same content into InDesign for the print edition.
- Microformats 2 and RDFa Collaboration | The Beautiful, Tormented Machine - Finding common ground in the quest to express semantic data in web pages.
- Useful :nth-child Recipes | CSS-Tricks - Several good examples with clear illustrations.
- publicdata.eu: Data, Apps and 800,000 Triples at lod2.okfn.org - The Open Knowledge Foundation announce the launch of a European-wide registry of semantic web data.
- Cascading Style Sheets Standard Boasts Unprecedented Interoperability - After just a single, short decade of development the CSS2.1 standard is now a W3C Recommendation.
- Where are my rounded corners? « Boagworld - "Sometimes we see confusion among our clients when they see their new site in their browser and it looks different to the design they signed off. In this fact-sheet we explain why accepting these differences has many benefits and doing so outweighs the limited drawbacks."
11:43:00 pm Links for May 2011Categories: Pinboard.in
- Font sizing with rem - Snook.ca - The rem unit offers an excellent alternative to relative font sizing with em an percentage units.
- Adactio: Journal—Content First - Don't design 'canvas in', starting with a few specific pixel widths, design 'content out'.
- Thoughts on when to use Canvas and SVG - IEBlog - Site Home - MSDN Blogs - Nice article summarizing the sweet spots of the two technologies with use cases.
- The Semantic Web, Linked Data and Drupal, Part 1: Expose your data using RDF - "Drupal 7 is the first mainstream content management system to support Semantic Web technology in its core. Readily usable, Semantic Web technology lets you push the web from a web of documents to a web of data. In this article, learn to make your web data more interoperable and your data sharing more efficient."
09:35:00 am Links for April 2011Categories: Pinboard.in
- Maqetta - "Maqetta is an open source project that provides WYSIWYG visual authoring of HTML5 user interfaces. The Maqetta application itself is authored in HTML, and therefore runs in the browser without requiring additional plugins or downloads."
- The Cicada Principle and Why It Matters to Web Designers » HTML & CSS, Layout » Design Festival - Have you been looking for a example which takes advantage of CSS3's multiple background images that isn't a re-hashing of the sliding doors technique? Here it is...
- HTML5, ARIA Roles, and Screen Readers in March 2011 | Research | Accessible Culture - With the release of Firefox 4 and IE9, how much has screenreader support for ARIA improved since last year?
- Longdesc Misuse: How Prevalent? at Karl Groves - Is longdesc really universally misused? New research indicates: no.
- Designing For The Future Web - Smashing Magazine - "If a single consistent experience is our goal, this begs the question, should we create a mobile website that scales up or a desktop website that degrades? The answer is neither. We should try to create a single design that can be used across all devices without alteration. But in practice, at least for the moment, we should start with the simplest website and work up."
- The CSS3 Flexible Box Layout (flexbox) | 456 Berea Street - Centring elements vertically with flexboxes.
- Give Floats the Flick in CSS Layouts » Web Tech » SitePoint Blogs - Andrew Tetlaw discusses several CSS layout techniques which are far more reliable than floats (if you don't have to support IE6/7).
- HTML5 does NOT allow “self-closing” tags … • Tiffany B. Brown - Just because you can use opening tags without closing tags in HTML5 doesn't mean you should.
- The Current State of HTML5 Forms · Wufoo - A comprehensive guide to HTML5 forms support in current browsers, consisting of a nice summary and a collection of detailed pages.
- Can Hated Design Elements Be Made to Work? (Jakob Nielsen's Alertbox) - Once a design element becomes universally hated (eg. flashing banner ads, popups) then if you implement a similar looking design element, even if you implement your feature in a usable and intuitive manner, most people will dismiss it immediately based on their past experiences. There are signs this is starting to happen with lightboxes.
- Wallaby | Adobe Flash FLA to HTML - Adobe Labs - Convert Flash animations to HTML5 with this AIR app.
02:15:00 am Links for March 2011Categories: Pinboard.in
- David Baron's weblog: What does a blur radius mean? - You may have been hearing for several years that all browsers support box-shadow and we should just drop the vendor prefixes already. If you've been wondering why they haven't, this post indicates the level of interoperability the browser vendors have been aiming for.
- Rangnarök - HTML 5 compliance: the next step - Try out Opera's new HTML5 parser in an 11.50 alpha build, consistent cross browser parsing for bad markup.
- The Tink Tank » London Web Standards presentation - Although nominally about the current lack of screen reader support for HTML5 semantic improvements, this talk also includes an excellent introduction to screen readers in general.
- Cross Platform Scalable Vector Graphics with svgweb - "Despite all the attention being paid to canvas, there’s still a place for good ole SVG, particularly for developers looking to replace plug-ins like Flash for data visualization."
- Draggables - Using Microformats and HTML5 drag and drop to build a new, user friendly model for data exchange between websites.
02:35:00 am Links for February 2011Categories: Pinboard.in
- jQuery: » jQuery 1.5 Released - JQuery 1.5 boasts significant performance improvements and an all new wrapper for AJAX requests.
- Bibliographic Data Licensing Sample Files - Sample RDF data from the British Library.
- Julia Map - A nice Mandelbrot/Julia renderer in a Google Maps style interface where canvas elements are used as the map tiles.
- HTML5 vs. HTML – Jeffrey Zeldman Presents The Daily Report - Is it HTML5? Is it HTML? Does it matter? Zeldman weighs in on the debate.
- What the Heck is Shadow DOM? « Dimitri Glazkov - If you're building a library of rich UI widgets out of HTML components you might want to encapsulate all that complexity so that users of your widgets only have to deal with a single element, this is called shadow DOM and the public-webapps group is currently discussing how to make this available to scripts.
- Internet Explorer UA Style Sheets - Details of the default styles for different versions of IE.
- Adactio: Journal—The design of datalist - How to use datalist in browsers that support it, but fallback to a regular select in older browsers.
- Computer Science Unplugged | - "CS Unplugged is a collection of free learning activities that teach Computer Science through engaging games and puzzles that use cards, string, crayons and lots of running around."
01:23:00 am Links for January 2ndCategories: Pinboard.in
- HTML Lint - Your code may validate, but in the HTML5 world that doesn't mean as much as it used to. This tool lets you check HTML5 to similar levels of conformance as XHTML validation.
- London's Abandoned Tube Stations - Fascinating photos of London's underground history.
- Staging Servers, Source Control & Deploy Workflows, And Other Stuff Nobody Teaches You: MicroISV on a Shoestring - If your deployment workflow generally involves a whole lot of bubble gum, duct tape, and praying then reading this is a good place to start improving things.
- MS Excel: Delete all hyperlinks on a sheet in Excel 2003/XP/2000/97 - At work I sometimes use Excel as a sort of hand driven screen scraper to get tables of data off a web page and into a useful format, one issue with this is that the resulting data is littered with hyperlinks which are a pain to remove manually. This is the most straightforward way I found to get rid of them all, works in Excel 2007 too.
- Troy Hunt: OWASP Top 10 for .NET developers part 6: Security Misconfiguration - Some tips on configuring ASP.Net in a more secure fashion on production environments.
- Pinboard - antisocial bookmarking - With the news that del.icio.us is getting shut down by Yahoo!, I've switched my bookmarks to pinboard.in.
- HTML 5 Outliner - See the results of running the HTML5 outlining algorithm on your pages.
02:35:24 am Links for December 5thCategories: Delicious
- A List Apart: Articles: ARIA and Progressive Enhancement - ARIA can potentially offer great accessibility benefits in rich internet applications, but support is inconsistent and patchy - can ARIA be implemented in a way compatible with progressive enhancement?
- A List Apart: Articles: The Accessibility of WAI-ARIA - A look at the practical issues around testing accessibility and implementing ARIA in the sort of browsers and assistive technologies currently in use.
- WebAIM: Blog - The Ghosts of ARIA Present and Future - Some excellent commentary on the two ALA posts, suggesting a slightly more forward thinking approach.
- Getting to work with new web technologies - An excellent introduction to HTML5 and CSS3 and lots of practical advice on implementing it in today's browsers.
- Microformat Shiv - "The microformat shiv is based on the microformat API for Mozilla's extensions. This is the same code base as the popular Operator plug-in."
- Inline-Block whitespace workaround | Life @ High Road Communications - If you've switched from floats to inline-block for your layouts then this article has some useful tips.
- h5Validate | jQuery Plugins - A jQuery plugin that understands HTML5 forms and knows how to validate them based on new input attributes such as "required" and "pattern", even in browsers that don't yet support HTML5.
- Philosophtly: The web is not a sheet of paper - An important message for print designers seeking to transition to web design.
- isEventSupported - Handy script for detecting if a browser supports particular events.
01:14:44 pm Links for November 21stCategories: Delicious
- A List Apart: Articles: CSS Positioning 101 - An excellent introduction to the often misunderstood position property.
- Styling Form Controls – WebKit - The new HTML5 meter and progress elements can be styled through CSS in Chrome and Safari.
- Learning to Love HTML5 - Smashing Magazine - Great introduction to some of the new features in HTML5.
01:20:43 am Links for November 7thCategories: Delicious
- CSS Vocabulary | Nimbupani Designs - Handy guide to CSS terminology.
- Things Worth Noting About CSS Attribute Selectors - A good introduction to the various possibilities available to you with attribute selectors.
- CSS3 :target based interfaces - Opera Developer Community - Use the :target selector to create slideshow style interfaces.
- Wealthfront Engineering: jQuery the Right Way - An easy to follow summary of things you should learn as you move from novice towards jQuery master.
03:25:07 am Links for October 24thCategories: Delicious
- video + canvas = magic | HTML5 Doctor - Combine the video element with the canvas element for fun and profit.
- Web Teacher › ARIA States 101 - A look at ARIA roles for describing widget state.
- Web Teacher › ARIA Roles 101 - A look at ARIA roles for describing page structure and widget types.
- Ultimate CSS Gradient Generator - ColorZilla.com - Easily generate CSS markup for gradients in Firefox, WebKit and IE.
- MIX Online:Ai to Canvas Plug-In - Export your Illustrator drawings directly to HTML5 Canvas, including support for animations and hooking into scripts.
- An introduction to using WAI-ARIA to enable Web 2.0 accessibility - Coverage of Presentation of document structure (landmarks), Dynamic content updates (live regions), Keyboard accessibility enhancements (tabindex), and Widget accessibility (role, name & state).