dave-smith.info

Tackling accessibility on the web http://blog.teamtreehouse.com/tackling-accessibility-on-the-web AccDC Technical Style Guide, to check out http://whatsock.com/tsg/ As they say “Testing for Internet Explorer just got a little easier” http://www.modern.ie/ The PHP error_log can send emails http://php.net/manual/en/function.error-log.php enquire.js http://wicky.nillia.ms/enquire.js/ Camera, Video, Audio capture via HTML and JavaScript http://dev.w3.org/2009/dap/camera/#examples HTML Emails http://www.campaignmonitor.com/guides/ http://www.email-standards.org/why/ https://litmus.com/email-testing Responsive Data Table Roundup http://css-tricks.com/responsive-data-table-roundup/ [...]

Some icons http://icomoon.io/app/ Leaflet by CloudMade An Open-Source JavaScript Library for Mobile-Friendly Interactive Maps by CloudMade Internet Explorer Application Compatibility VPC Image by Microsoft For testing websites with different Internet Explorer versions, like IE 6. Note: If when opening the download you get some warning about 32/64 bit stuff then open the file in 7-Zip [...]

Mobile Web Best Practices 1.0 by W3C Recommended reading on my Mobile Web 2: Programming Web Applications course Mobile Web Application Best Practices  by W3C Recommended reading on my Mobile Web 2: Programming Web Applications course Mobile HTML5 Compatibility on iPhone, Android, Windows Phone, BlackBerry, Symbian and other mobile and tablet devices HTML5 Please Use the [...]

Curious about grids and wanting to explore them a bit more I played with the numbers. In summary, I found that the standard 960 grid is indeed a very cool 47 column grid and that there is an equally, if not more so, fab 59 column grid. The results of this numerical adventure are in [...]

Excerpt

Links Complex Navigation Patterns for Responsive Design by Brad Frost Always on the look-out for good navigation patterns, some nice ones rounded up here. 20 Big Brands With Little-Known Cleverness Hidden in Their Logos (DesignFestival) by Isabelle Try I like logos SmartSVN by syntevo Suggested by me colleague Stephen McElhinney, looks good Internet Explorer, Transparent [...]

Don’t Overthink It Grids by Chris Coyier Container-relative floats by edge0703 It’s great to see someone else playing with -100% margins on floats. What is operations management? by Dr. Donald J. McCubbrey Getting down with some OM definitions. A nearby page includes one of my favourite diagrams with a few extra bits added: Input -> [...]

We have content-box, padding-box and border-box, which is brilliant, but can there also be a margin-box? It would be defined as follows: margin-box: The width and height properties include the padding, border and margin. This is the box model used by Arnold Schwarzenegger while saving John Connor. Go on, complete the set, give CSS coders [...]

Adds Play/Pause, Next and Prev controls to the fab SoundCloud website. The project page has all the info and download, but equally it can be found over at marklet.com. Created because I wanted to skip a track or two or pause and found it more work than necessary on the current website without the bookmarklet.

Say the following ruleset is wanted: li.toupee:after {content: ” »”;} This won’t always work but the following ruleset will: li.toupee:after {content: ” \00BB”;} So, how to get from » to \00BB: Find the Character Entity Reference (W3C) wanted Find a code starting U+ in the entity description,  for example U+00BB for » (raquo) Copy the [...]