Rob Crowther's Blog, page 2

Links for June 2011

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.Tags: BlogPost;ÂAccessibility;ÂTips;Â 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...

Links for June 2011

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.Tags: BlogPost;Accessibility;Tips;


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...

Drag and Drop and Delegate

HTML5 Drag and Drop has been popular topic recently on web tech blogs, a good example is Alexis Goldstein's post on Sitepoint which I converted to work in IE. Fortunately for me this all coincided with spending a lot of time working on Drag and Drop for chapter 6 of my book and a project coming up at work where it was a natural fit. So I've been doing a lot of dragging and dropping in recent weeks, to the point where I started to feel like I knew as much about the practical implementation of...

Drag and Drop and Delegate

HTML5 Drag and Drop has been popular topic recently on web tech blogs, a good example is Alexis Goldstein's post on Sitepoint which I converted to work in IE. Fortunately for me this all coincided with spending a lot of time working on Drag and Drop for chapter 6 of my book and a project coming up at work where it was a natural fit. So I've been doing a lot of dragging and dropping in recent weeks, to the point where I started to feel like I knew as much about the practical implementation of...

Links for May 2011

Font sizing with rem - Snook.ca - The rem unit offers an excellent alternative to relative font sizing with em an percentage units.Tags: BlogPost;ÂCSS;ÂWeb;ÂDesign;ÂTips;Â Javascript Mistakes You Must Avoid - Good list of JavaScript gotchas, the event delegation tip was particularly timely for me.Tags: BlogPost;ÂJavaScript;ÂTips;Â Adactio: JournalâContent First - Don't design 'canvas in', starting with a few specific pixel widths, design 'content out'.Tags: BlogPost;ÂWeb;ÂDesign;Â...

Links for May 2011

Font sizing with rem - Snook.ca - The rem unit offers an excellent alternative to relative font sizing with em an percentage units.Tags: BlogPost;CSS;Web;Design;Tips;


Javascript Mistakes You Must Avoid - Good list of JavaScript gotchas, the event delegation tip was particularly timely for me.Tags: BlogPost;JavaScript;Tips;


Adactio: Journal—Content First - Don't design 'canvas in', starting with a few specific pixel widths, design 'content out'.Tags: BlogPost;Web;Design;MobileDevices;


Thoughts on...

IE10 and the Future of CSS Layout

Last week the first developer preview of IE10 was released. Among several experimental features included were the first Microsoft implementations of CSS3 Flexible Box Layout Module and CSS3 Grid Alignment. These are possibly the most exciting things to be added to CSS since drop shadows...

First up the flexible box layout module, or flexboxes. This has already been implemented in Firefox and WebKit, but that version of flexboxes isn't very intuitive, and the draft has since seen a lot of...

IE10 and the Future of CSS Layout

Last week the first developer preview of IE10 was released. Among several experimental features included were the first Microsoft implementations of CSS3 Flexible Box Layout Module and CSS3 Grid Alignment. These are possibly the most exciting things to be added to CSS since drop shadows...

First up the flexible box layout module, or flexboxes. This has already been implemented in Firefox and WebKit, but that version of flexboxes isn't very intuitive, and the draft has since seen a lot of updat...

Links for April 2011

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."Tags: HTML5;ÂDesign;ÂTools; 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...

Links for April 2011

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."Tags: HTML5;Design;Tools;


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 sl...