Lots of interesting stuff this week. I apologize for the lateness in getting this weekly update done but I am in Sofia, Bulgaria this week presenting at the DevReach conference. Enjoy!
Getting Audio File Information With HTML’s File API And Audio Element
Chrome Canary has landed support for the <dialog> element behind a flag which can be used for popups in a web page.
<dialog> element: Modals made easy
Ray Messina shows how to mimic jQuery’s .has() method in CSS to automatically style a navigation element with children.
Targeting Menu Elements with Submenus in a Navigation Bar
Check If You Are On a Touch Enabled Device
Libraries and Frameworks
Eric Terpstra walks through how to build a multiplayer word game using Node.js and Socket.IO.
Building Multiplayer Games with Node.js and Socket.IO
Jesse Warden created a combined Node, Bower, Grunt cheat sheet as a beginner’s reference.
Node, Bower, Grunt n00b Cheat Sheet
Raymond Camden created a great reference for getting started with PhoneGap in his Cheat Sheet for DZone.
PhoneGap Cheat Sheet from DZone Refcardz
New and Updated Libraries and Frameworks
Brackets Sprint 31 includes live previewing of HTML (in addition to the existing live previews of CSS).
dna.js Template Cloner
Joan Lafferty walks through the steps to get started using Edge Reflow to play with CSS regions in Chrome.
Using Edge Reflow to play with CSS regions
Latest version of Edge Code has code completion for all CSS Region properties including flow-into and flow-from.
Edge Code Supports CSS Regions
CSS Regions now works in Safari on iOS7 and Edge Reflow is the first design tool to support CSS Regions.
The future of responsive layouts is here!
Reflow Cleaner is an experimental Brackets plugin by Terrence Ryan to clean up the generated HTML and CSS from Edge Reflow.
Brian has published in a variety of technical publications over the years, has presented at numerous conferences and events and has served as a technical editor on a number of books.
You can read Brian’s blog archive with 9+ years of content at remotesynthesis.com (he still posts, infrequently). You can find a full list of Brian’s past publications and presentations. Follow Brian on Twitter @remotesynth.