Open Web Platform Daily Digest

Supported by 57 patrons. Become a patron by subscribing!
by Šime Vidas: Twitter, E-mail • Content subscription: RSS, E-mail •

Update: I’ve enabled one-time payments. Note: If you don’t want to have your credit/debit card connected to PayPal, you can just remove it after making the payment (Profile > Add/Edit Credit Card).

December 13th, 2013 Edit on GitHub

  • News
    • NomNom launches first plugin-free commercial game based on asm.js and Unreal Engine 3, article
    • Study by : 61.5% of all website traffic is now generated by bots, article
    • BitTorrent-powered browser will enable users to store and distribute websites, article
  • Posts
    • on the lack of semantic self-contained views in HTML, post
    • Working with source maps: Generating with UglifyJS + demos for Chrome/Firefox, ’s post
    • ‘The responsive hover paradigm’: Translating :hover patterns to touch devices, ’s post
    • Full-stack JavaScript with MEAN and Yeoman, ’s post
    • The new performance timing APIs available in IE11, ’s post (IEBlog)
  • Info
    • New in Firefox Nightly: CSS Variables, source + SharedWorker, source + <input type="color">, source
    • You can now use the Resource Timing API to track performance of Google’s assets (e.g. fonts), post
    • has started a list of CSS properties defined in non-CSS specs, post
  • Content
    • 8th version of ’s ‘State of HTML5 Video’ report: Fullscreen and WebVTT progress, post
    • Interview with (from the HTML WG) about HTML and the use of frameworks, article
    • “If a button doesn’t have a meaningful href, it’s a <button>”, discussions on Twitter here and here
  • Media
  • Demos
    • ’s ECMAScript 6 code example demonstrating Promises + Generators, post
    • Progress Button Styles: Creative effects for loading buttons, ’s post + demo page

December 12th, 2013 Edit on GitHub

  • News
    • Support for <input type="number"> lands in Firefox Nightly, post
    • NSA uses Google cookies to pinpoint targets for hacking, article (Washington Post)
  • Posts
    • points out some benefits of server-generated JavaScript responses, post
    • ’s intro to Grunt for people who are reluctant to try it out, post + 34-min screencast
    • A good introduction to continuous integration and deployment, ’s post
    • The 7 levels of a stacking context (inner workings of CSS z-index), ’s post
  • Info
    • “http:example.com” passes <input type="url"> form validation, post w/ screenshot
    • Some details on how the latest version of Firefox (26) blocks all Java plugins by default, article
  • Content
    • ’s recap of the recent Chrome Dev Summit (select videos + descriptions), post
    • ’s CSS2 support tables for mobile browsers (updated December 2013), page
  • Media
    • Offline-capable web apps: Challenges and what Mozilla is doing in this field, 36-min Air Mozilla session
    • Using Firefox’s Scratchpad to test JavaScript code on a live page, 2-min screencast
  • Demos
    • Visual techniques for maintaining the context between image and text on mobile, post
    • How WebVTT support looks in Firefox Nightly (subtitles via <track> in <video>), screenshot
    • “Zebra striping” a table with CSS repeating-linear-gradient(), ’s post + demo
  • Opinion
    • “UA Sniffing leads to perfectly capable browsers being served suboptimal experiences”, post

December 11th, 2013 Edit on GitHub

  • News
    • Firefox 26 released, release notes + more detailed info for developers (new APIs, etc.)
  • Posts
    • debunks common excuses for not bothering with accessibility, post
    • ’s wishlist for performance features in web browsers, post
  • Info
    • Why does the HTML <footer> element default to the ”contentinfo” ARIA role?, ’s post
    • What formats are needed for cross browser web fonts, ’s post (last section)
    • ’s test results: How do mobile browsers handle position: fixed, post w/ video demos
  • Content
    • Google’s checklist for improving mobile websites, ’s post w/ 2 video presentations
    • ’s compatibility tables showing support for front-end technologies in web browsers, site
    • AMD during development, then single minimized file in production, discussion on Twitter
    • Promoting the code openness of the Web as a good thing?, discussion on Mozilla’s group
  • Demos
  • Tools
    • WAVE (web tool), ’s web accessibility evaluation tool, site
    • slabText , a jQuery plugin for creating multi-line responsive headlines, ’s page + repo
  • Opinion
    • Users shouldn’t have to write “http:” to validate <input type="url">, ’s post

December 10th, 2013 Edit on GitHub

  • News
    • A complete redesign of the Mozilla Developer Network, ’s post
    • China risks being left behind unless it builds a web that’s open to all, article
  • Posts
    • Keeping parts of your codebase private on GitHub using multiple remotes, ’s post
    • Moving your Grunt configuration into a submodule and sharing it between projects, ’s post
    • The various uses of CSS/UI style guides + some best practices, ’s post
  • Info
    • Technique: Using <image> to gracefully degrade inline SVG images (?), Alexey Ten’s post
    • Google Analytics bug: IE11 categorized under “Mozilla” rather than “Internet Explorer”, source
  • Content
    • Best practices for typography on the Web (notes from ’s talk), ’s post
    • ’s quick Sass (SCSS) formatting rules for improved efficiency, post
    • Use cases and requirements for giving web applications access to network information, page
    • ’s comprehensive and easy-to-follow slide decks on ECMAScript 6, post
  • Media
    • Web fonts as a progressive enhancement, ’s 28-min talk
  • Demos
    • CSS-based outside stroke (-webkit-text-stroke + pseudo elements), ’s post + screenshot
    • ’s ARIA example #5: Alerting the user when network connectivity is lost/regained: demo
    • Three new ‘focus transition’ experiments, ’s page /w live and video demo
  • Tools
    • Type Rendering Mix , enables applying CSS based on the browser’s text rasterizer and antialiasing, site
    • devtools-terminal (Chrome extension) by , embedds the OS’s CLI in DevTools, Addy’s post
  • Opinion
    • “Working Groups should be required to document their design decisions”, discussion on Twitter

December 9th, 2013 Edit on GitHub

  • News
    • Mozilla making progress with Firefox’s long journey to multiprocess, article (Ars Technica)
    • Firefox Nightly adds support for multi-line Flexbox (CSS flex-wrap property), source
  • Posts
    • Good info on the WebP and JPEG XR image formats (lossless compr. + full trans.), ’s post
    • Tutorial: Creating and maintaining your own Bower package, ’s post
    • An overview of JavaScript performance analysis: Sampling, tracing and timing, ’s post
  • Info
    • If you have a compatibility problem with a website in IE, you can report it here
    • FYI: There is a CSS pointer-events property and an (unrelated) Pointer Events API, source
    • Domain sharding: Reducing from 4 to 2 (domains) improved load times for Etsy, ’s post
  • Content
    • An overview of the viewport-related concepts in mobile browsers, ’s page
    • ’s proposal for an HTML <subhead> element (to signify a subheading, subtitle, tagline…), post
    • Is it useful to distinguish between “web apps” and “web sites”?, poll results + ’s analysis
    • “Unfolding the Box Model”: Exploring CSS 3D Transforms, ’s slide deck
  • Media
    • The upcoming ServiceWorker API for handling network requests, ’s 30-min talk
  • Demos
    • MiniCodeEditor, a HTML/CSS/JS code editor in 176+ bytes that fits in a tweet, ’s page
    • A text layout that combines CSS Shapes and CSS Regions, ’s post
  • Tools
    • browser-sync , a tool for synchronized cross-device testing, ’s repo + Addy’s post
    • NTH-TEST, a web tool for testing CSS nth-* argument expressions, ’s site
  • Opinion
    • CSS, HTML and the problem of spec fragmentation (“a barrier to effective use of the specs”), ’s post
    • “If you only need to watch files Grunt seems pretty heavy.”, ’s comment

December 6th, 2013 Edit on GitHub

  • News
  • Posts
    • “Happy 18th birthday JavaScript! A look at an unlikely past and bright future.”, ’s post
    • (from the IE team) gives a good overview of the web runtime architecture, post
    • Comparing graphics techs for game development: CSS vs Canvas vs SVG, ’s post
  • Info
    • How IE11 reduces the impact of network latency: Prebrowsing and SPDY, post (IEBlog)
    • Examples of scenarios where JavaScript feature detection fails, ’s post
    • How many websites redirect to a separate mobile site instead of being responsive?, ’s post
  • Content
  • Media
    • : “The present and future of the Web Platform”, 50-min talk w/ slides
    • ’s 10-min presentation on image compression (w/ tips for specific image formats), post
  • Demos
  • Tools
    • phantomas , a PhantomJS based command-line performance metrics generator, Maciej Brencz’s post
    • Zoomerang.js , adds zoom-in capabilities to page elements, ’s site
  • Opinion
    • on his issue with device-pixel-ratio on desktop and how it shouldn’t expose zoom level, post
    • “HTML5 performance is fine, what we are missing is tools”, ’s post

December 5th, 2013 Edit on GitHub

  • News
    • FCC chair: ISPs should be able to charge Netflix for Internet fast lane, article (Ars Technica)
    • Wikipedia starts storing JavaScript in localStorage; reduces page load times by 156ms, source
    • Today: W3C director to address UN gathering, post w/ live stream
  • Posts
    • Designing for large screens: An analysis of approaches on existing websites, ’s post
    • Case study: Some issues on a web app that is not optimized for “offline first”, ’s post
    • Using Node’s Events module: The EventEmitter constructor, ’s post
  • Info
    • You can subset Google webfonts by providing a query string text parameter, post + demo
    • Use 16px+ text on form controls to prevent auto-zooming on iOS, ’s post
    • A quick overview of the various syntaxes for looping in preprocessors, ’s post
  • Content
    • How should the new manifest for the Web be inlined in HTML?, discussion on GitHub
    • Are there any disadvantages of using Base64 encoding for SVG/fonts/images?, discussion on Twitter
    • Important resources for building Firefox OS web apps (simulator, boilerplate et al.), page
    • Border inconsistency across browsers: What is the correct behavior?, ’s post w/ demo
  • Media
    • on vulnerabilities in the browser (data from Qualys BrowserCheck, site), 17-min podcast
  • Demos
    • Using an SVG shape as a template for a tabbed layout, ’s post + demo
    • ’s ARIA example #4: ‘Simple tab interface’: demo w/ notes
    • LaTeX2HTML5: Interactive math equations and diagrams, site w/ inline demos
  • Opinion
    • “Never ask for an API. Ask for new representations on your existing URLs.”, ’s post

December 4th, 2013 Edit on GitHub

  • News
    • Adobe’s Flash Professional CC can now natively create HTML5 Canvas animations, source
    • New Chrome DevTools features for mobile development, ’s post w/ video demos
    • Shadow DOM in Firefox, source + Promises in V8, source
  • Posts
    • Sass technique: How Guardian’s responsive website maintains IE8 support, post
    • Practical tips for building accessible interfaces, ’s post
    • Beginner’s guide: How to build a simple Chrome extension, ’s post
    • The “view mode” approach to responsive web design, ’s post
  • Info
    • Why does the Fullscreen API ask for approval after entering fullscreen, rather than before?, post
    • Benefits of moving to a cookieless CDN domain for static page assets, ’s post
  • Content
    • The behavior of device-pixel-ratio in desktop browsers, ’s post + discussion on Twitter
    • Web Components: ’s suggestions for enhancing the HTML Imports standard, post
  • Demos
  • Opinion
    • ES6 Generators: “Finally, a standard interface for iteration in JavaScript.”, ’s post
    • “The (other) Web we lost”: How web developers fragmented the Web, ’s post

December 3rd, 2013 Edit on GitHub

  • News
  • Posts
    • A getting-started guide to URL rewriting on an Apache web server, ’s post
    • ’s technique for detecting the active media query state in JavaScript, post
    • 4 good tips for a more efficient Grunt workflow (i.a. variables for DRY), ’s post
  • Info
    • The orientation media feature is based on the width/height ratio, ’s post + demo
    • ’s stats: How many JavaScript libraries are loaded on (select) popular websites, post
    • “Many top responsive sites are using UA strings in their mobile strategies”, ’s tweet
  • Content
    • ’s research: Issues with media query implementations in desktop browsers, post
    • Benchmark: Old WebView vs. Chromium backed WebView, Tim Roes’s post
  • Media
    • Firefox OS security: Can an operating system built on web technologies be secure?, 4-min discussion
    • ’s ServiceWorker (?) prototype implementation, 8-min screencast
    • Web performance at scale: Case studies of how Dropbox improved performance, ’s 15-min talk
  • Demos
  • Tools
    • Colorpeek, a web tool for previewing and sharing CSS colors, ’s site + post
    • Tampermonkey (extension), a userscript manager for Chromium based browsers, site
  • Opinion

December 2nd, 2013 Edit on GitHub

  • News
    • Chromium team is building a way to launch apps without installation, article (TNW)
    • IE11 doubles market share to 3.27%, Firefox slips a bit, but Chrome still at two-year low, article (TNW)
  • Posts
  • Info
    • Conditional comments don’t work as expected in IE11 when emulating IE8/9, ’s post
    • Amazon’s web performance strategy: Disregard the initial TCP congestion window, ’s page
    • You can put Emoji icons in GitHub commit messages; full list here (over 800 short-codes)
  • Content
    • Screen reader support for hidden content (aria-hidden), ’s test results (via post)
    • Using HTML comments to conditionally show/hide elements with media queries, discussion on Twitter
    • Information about Do Not Track: Enabling in the browser, list of websites that honor DNT et al., site
    • HTML5 Accessibility tips: <section> element, summary attribute et al., ’s slide deck
  • Media
  • Demos
    • ’s ARIA example #3:‘Progressive collapsibles’, demo w/ notes
    • ’s ‘cleanest CSS spinner ever’ (implemented with only 2 HTML elements), post
    • A set of 9 PhysicsJS demos (i.a. Newtonian orbit) w/ links to code, page
  • Tools
    • Load Impact, a web tool that performs a load test on your website, site
    • iconmelon, a collection of SVG icons (select icons and download .svg file), site
    • localForage , ’s asynchronous storage for an improved offline experience, repo
  • Opinion
    • “I’d rather have an array of characters than a broken string class.”, ’s post

November 29th, 2013 Edit on GitHub

  • Posts
    • A comprehensive guide to creating SVG icons (+ styling and adding filter effects), ’s post
    • Two solutions for creating a ‘stretchy’ responsive site navigation, ’s post
    • Improved maintainability: Organizing style code with Sass partials, ’s post
  • Info
    • An informative overview of Walmart’s Node.js setup, ’s post
    • Unicode Emoji support (select characters) on mobile platforms (Android and iOS), screenshots
    • How screen readers deal with different ways of providing text alternatives for images, page
  • Content
    • An issue with ’s pointer-events:none technique for performant scrolling, post
    • Best practices and techniques for accessible responsive design, ’s 44-page slide deck
    • Common Crawl, an open repository of web crawl data, site + ’s post
    • genome.js, a Node.js based platform for free and open DNA analysis, site
    • Results for the 5th Developer Economics survey (mobile app development), ’s gallery
  • Demos
    • Goo Create, a browser-based app for producing WebGL 3D content, short video demo
    • A small test page for the HTML download attribute (on <a> elements), ’s page
    • Using ES6 proxies and the ‘Levenshtein distance’ to enable typos in JavaScript code, ’s repo
  • Tools
    • Resumable.js , provides multiple simultaneous and resumable uploads, ’s site
    • Topcoat Grid, a small grid system using CSS Flexbox, ’s repo
  • Opinion

November 28th, 2013 Edit on GitHub

  • News
    • Chrome and Opera optimize for Mozilla-pioneered asm.js, ’s post
    • Nickelodeon focuses on HTML5 technology for its game development strategy, post
  • Posts
    • A guide to using the HTML <meter> element (+ styling & fallback options), ’s post
    • Web Components: The issue of FOUC in custom elements, ’s post + discussion on Twitter
    • Tutorial: Setting up your first website with GitHub Pages, ’s post
    • “How Node.js got big”, from the perspective of Joyent’s SVP of Engineering , post
  • Info
    • Report from W3C CEO Jeff Jaffe on the recent TPAC meeting in China, post
    • Upcoming WebSocket feature: Negotiating a compression algorithm, ’s post
    • HTTP Archive stats: “The average web page has grown 151% in just three years”, ’s post
  • Content
    • New W3C spec: “Manifest for web apps and bookmarks” (for ‘add to homescreen’ functionality), page
    • “W3C Highlights - November 2013”, survey of select recent work and upcoming priorities, page
    • 3 recent features in Chrome DevTools (i.a. improved Workspaces), ’s post
    • Porting web apps to Smart TVs/Xbox/PlayStation?, discussion on Twitter
  • Demos
    • A grid of SVG icons animated with CSS, ’s demo
    • A stopwatch implemented with pure CSS animations, ’s demo
    • WebGL game: A rudimentary but playable FPS (first person shooter), demo
  • Tools
    • FileAPI, a set of JavaScript tools for working with files, ’s page
    • TinyPNG (web tool), lossy compression for PNG images that preserves full alpha transparency, site
  • Opinion
    • “According to W3C policies, EME/DRM should have been thrown away long ago”, post
    • “NPM allowing wildcards in dependencies is a recipe for broken deployments”, ’s post

November 27th, 2013 Edit on GitHub

  • News
    • The BBC and Mozilla formalize partnership to support free and open internet technologies, post
  • Posts
    • ’s top 5 tips for fast responsive websites (i.a. avoid downloading hidden images), post
    • Complete guide: Building a simple data visualization using only JavaScript, ’s post
    • About the Stylus CSS preprocessor & why it was chosen for the MDN redesign, ’s post
    • Guide: How to implement in-app payments in Firefox OS apps, ’s post
    • explains in detail how his team created the animated SVGs for Polygon’s console reviews, post
  • Info
    • A crowdfunding campaign to raise funds for The npm Registry, site + ’s post
    • PayPal web apps moving away from Java and onto JavaScript and Node.js, ’s post
    • Unofficial draft: “Use Cases and Requirements for Installable Web Apps”, page
  • Content
    • Grunt configuration pattern: Separate config files for each task, ’s post
    • A checklist for building a mobile-friendly web experience (25 items), ’s post
  • Media
  • Tools
    • ResponsiveComments, a client-side solution for conditional loading, ’s site + repo
    • Unify, provides info about device support for individual Unicode characters, ’s site
    • Schema Creator, helps you quickly build and get started with schema.org microdata, ’s site

November 26th, 2013 Edit on GitHub

  • News
    • Net neutrality: “How Verizon’s lawsuit could kill Netflix, YouTube”, article
    • Over 100 organizations unite to sign statement of concern on secret mass surveillance, post
  • Posts
    • Better scroll performance: Disabling :hover effects with pointer-events: none, ’s post
    • Writing more semantic HTML with these 8 elements (i.a. <mark>, <menu>), ’s post
    • Step-by-step guide: Creating and animating a 3D scene with pure CSS, ’s post + demo
    • What can the IETF do to defend the Internet from pervasive surveillance?, ’s post
  • Info
    • WCAG WG: Discussion on allowing authors to omit the alt attribute (on images) in certain cases, source
    • Mandatory read: The 10 principles of the Mozilla Manifesto, page (promote in public discourse)
    • Speed improvement in Chrome Canary: Webfont download latency reduced by ~110ms, source
    • Support for the "devicemotion" event type (?) added to Chrome for Android, source
    • Do you know how to search through issues on GitHub? Here’s how: source
  • Content
    • Webcompat.com, a gathering place for the Web compatibility community, ’s post
    • “What’s the right way to deal with versioning in a repository?”, discussion on GitHub
    • ’s “Front End Web Development Quiz” (47 HTML/CSS/JS questions), page
  • Media
    • Breaking Development #41: on responsive web design, offline first et al., 42-min podcast
  • Demos
    • Showing off the raw power of WebGL in modern browsers: Babylon.js’s Train demo, ’s post
    • An HTML5 game written in zero lines of JavaScript, ’s demo
  • Tools
    • DOM Monster (bookmarklet), points out performance issues of a webpage, ’s page
    • grunt-prettify, a Grunt plugin for HTML formatting (customizable), ’s repo
  • Opinion
    • Makes some good points: “This is a motherfucking website.”, page (satire)

November 25th, 2013 Edit on GitHub

  • News
    • Scandinavian countries top annual Web Index rankings, ’s post + rankings
    • Tim Berners-Lee says ‘surveillance threatens web’, article (BBC News)
    • Android 4.4+ KitKat ships without browser app; OEMs have to license Chrome or…, post
  • Posts
    • An introduction to the new “cat” and “hat” CSS selectors (supported in ), ’s post
    • “Taming data tables”: A grid system for consistent table column widths, ’s post
    • : “My experience and lessons learnt during the responsive redesign”, post
    • Creating a custom icon webfont with Topcoat Icons and Icomatic, ’s post
    • ’s review of day 2 of the Chrome Developer Summit 2013, post
  • Info
    • Grunt version 0.4.2 released; several APIs deprecated, ’s post + changelog
    • Mobile user experience tests added to PageSpeed Insights (in beta; via ?ux=1 query string), page
    • “Data URIs in CSS are a render-blocking anti-pattern”, source (also read discussion)
  • Content
    • A step-by-step guide to installing and running Firefox Nightly alongside Firefox, ’s post
    • An overview of the in-browser WebGL debugging and profiling tools, ’s post
    • Results of ’s ‘media query/RWD/viewport’ survey, post w/ conclusions
    • Preliminary research on device support for @font-face and icon fonts, ’s post
    • Microsoft’s developer guide for Internet Explorer for Xbox One, page (MSDN)
  • Tools
    • Echo , a lightweight library for lazy-loading images (relies on data-* attributes), ’s repo
    • grunt-shell, a Grunt plugin for running shell commands, ’s repo
  • Opinion
    • “A perfect website is a website that is accessible to everybody”, ’s post
    • (Mozilla CTO): “We should formally object to EME in W3C”, post

November 22nd, 2013 Edit on GitHub

  • News
    • “The IETF has consensus that pervasive monitoring is a technical attack that should be mitigated”, draft
    • Google’s Eric Schmidt: “The solution to government surveillance is to encrypt everything”, article (Verge)
  • Posts
    • Good info on the CSS :target selector and how to feature-detect it, ’s post
    • Cross-browser filters (e.g. blur, desaturate) with CSS and SVG, ’s post
    • How the 300ms click delay came about and solutions for avoiding it, ’s post
    • A good WebGL beginner’s tutorial: Creating a 3D cube (uses Three.js library), ’s post
    • ’s concept for a shared web file system (accessible to various domains), post
  • Info
    • Beware of horizontal blurring in icon webfonts due to sub-pixel text positioning, source
    • SPDY delivers 20–40% performance gains for major Google services, post (Chromium blog)
    • Event delegation is not a good approach for touch events, source
  • Content
    • (from Mozilla) reviews day 1 of the Chrome Developer Summit, post
    • Interview with Mozilla exec on Mozilla’s finances and Firefox OS, article (CNET)
    • The new home page for the effort to define HTTP/2.0 (tracks known implementations), page
    • An overview of the various approaches used by modern CMSs, ’s post
    • Quick and informative: “What’s new in Web standards?”, ’s 17-page slide deck
  • Media
    • “DNS may be hazardous to your health”, Robert Stucke’s 37-min DEFCON talk
    • Surprising results of real world RUM tests on modern mobile web browsers, ’s 30-min talk
  • Tools
    • BreakpointTester, a bookmarklet for testing media query breakpoints used on your website, site
    • HTML5 Bones, a minimal HTML5 template (+ just Normalize.css and html5shiv),’s site
  • Opinion
    • “Dart […] as a JS transpiler with ES6-style sugar […] what’s the point?”, ’s post
    • “Responsive design won’t fix your content problem”, ’s post

November 21st, 2013 Edit on GitHub

  • News
    • Today: Chrome Dev Summit (Day 2), live stream
    • AtlasCT releases turn-by-turn navigation OWP app to Firefox Marketplace, article
  • Posts
    • A solid guide to using the standard built-in JavaScript array methods, ’s post
    • dissects the current situation with responsive images (+ options for devs), post
    • Eliminating “code smell”: Automating the code conformance process with Grunt, ’s post
    • JavaScript as the language of first resort for the “Internet of Things”, ’s post
  • Info
    • GitHub stats: Grunt leads JavaScript top list; used by 23% of top 100 projects, ’s post
    • List of (over 300) upcoming generic top-level domains, page
  • Content
    • A video series that outlines the process of becoming a Mozilla code contributor, ’s post
    • A recap of the Test the Web Forward event (held earlier this month), ’s post
    • An entertaining and easy-to-follow presentation on Web Components, ’s slide deck
  • Media
  • Demos
    • Cropping and positioning images at a fixed aspect ratio (with CSS), ’s demo
    • Chrome Experiment: “The Hobbit: A journey through Middle-Earth”, a great multimedia experience, site
    • A simple textarea component written with React (declarative library), ’s demo
  • Tools
    • eq.js , lightweight JavaScript powered element queries, ’s repo
    • DPLOY , a FTP/SFTP deployment tool (compares your server and git repo), ’s page
  • Opinion
    • “The Web may be the last bastion of software freedom”, Duncan Bayne’s post

November 20th, 2013 Edit on GitHub

  • News
    • Today: Chrome Dev Summit (Day 1), live stream
    • ’s report from a recent session related to the W3C security roadmap, post w/ resources
    • Google upgrades its SSL certificates to 2048-bit RSA (or better), post
    • MongoDB becomes best-funded database technology of all time, ’s post
  • Posts
    • An overview of client-side security techs (i.a. HSTS, CSP, CORS, sandbox), ’s post
    • Great introduction: “Web Components: Why you’re already an expert”, ’s post
    • Techniques for responsive typography (i.a. CSS viewport units), ’s post w/ inline demos
    • A look at implementing HTML5 Microdata and its effect on SEO, ’s post
    • (Updated) HTML5 forms on mobile: Semantic input types and validation, /’s post
  • Info
    • A misunderstanding of ARIA: The responsibilities of developers/browsers/…, ’s post
    • A place where you can submit feature requests for IE, page + example for Web Audio API, page
    • Examples of inconsistencies with regard to vendor prefixed APIs, ’s post
  • Content
    • “10 reasons the browser is becoming the universal OS”, article (Computerworld)
    • DynoSRC, an alternative approach to loading JavaScript (inline in HTML, then localStorage), site
  • Media
    • Velocity lightning demo: Automating the removal of unused CSS, ’s 6-min talk
    • JavaScript Jabber #84: Node.js with Mikeal Rogers, 51-min podcast
  • Demos
    • Animated table sorting (via a jQuery plugin), ’s page
    • A functional Tetris game in 36 lines of plain JavaScript, demo
  • Tools
    • pa11y, an automated accessibility testing tool, ’s site
    • colourcode, a web tool for creating color palettes (options for complement colors et al), site
    • grunt-markdown-pdf, a Grunt plugin for converting Markdown files to PDF, ’s repo

November 19th, 2013 Edit on GitHub

  • News
    • The next iteration of the Firefox UI, Australis, lands in Firefox Nightly, post w/ video preview
  • Posts
    • Interface inventories: Scoping projects by components rather than pages, ’s post
    • Grunt alternative: Minimalist task automation with npm run, ’s post
    • Integrating the Assemble static site generator into your Yeoman/Grunt project, ’s post
    • Simple jQuery technique: Namespaced events for easier unbinding, ’s post
  • Info
    • The difference between the terms “typeface” and “font”, ’s post
    • State of SVG accessibility: “Mostly not practical until SVG2 implemented in browsers.”, source
  • Content
    • The “Internet of Things”: An overview of devices that provide JavaScript APIs, ’s post
    • Several resources that offer free, legal high-quality images, ’s post
    • SOASTA mPulseUX, a free resource for RUM data (Real user monitoring), ’s page
    • Managing and visualizing JavaScript complexity, ’s 79-page slide deck
  • Media
    • Q&A: Intel/Mozilla’s River Trail project for parallel JavaScript execution, 11-min video
    • Flexbox, lesson 2: Orienting items within a flex container, ’s interactive 4-min presentation
  • Demos
    • The 7 winning projects of Node.js Knockout 2013, i.a. an OCR-based image search engine, site
    • A simple requestAnimationFrame demo, ’s post + demo
  • Tools
  • Opinion
    • “In the era of touch devices, a navigation that relies on hover is no navigation at all.”, ’s tweet
    • Responsive images: “Who's in Charge Here?” (WebKit holding up src-N adoption), ’s post

November 18th, 2013 Edit on GitHub

  • News
    • IE for Xbox One brings better standards support, i.a. Pointer Events for gesture input, post
    • ICANN awards London the rights to its own domain name (.london), article (Wired)
    • Google wants to use ‘white space’ spectrum to bring Internet connectivity to rural areas, article
  • Posts
    • Loading HTML imports asynchronously with JavaScript (for async ads?), ’s post
    • A detailed introduction to Facebook’s React framework, ’s post
    • SEO tips for responsive websites (+ an audit of Disney’s website), ’s post
    • “Don’t be afraid to experiment with the web.”, ’s post
  • Info
    • You can test your website’s performance on real Android/iOS devices via WebPagetest, source
  • Content
    • Comparison of the 3 C++ to JavaScript compilers (Emscripten, Mandreel, Duetto), ’s post
    • Node.js Stream Playground, use cases for Node streams, ’s site + post
    • “You don’t know JavaScript”: Scope and closures (draft), ’s repo on GitHub
    • “High performance browser networking”, ’s 35-page slide deck
  • Media
    • on the future of JavaScript and video codecs, 16-min video interview
    • BBC News: Developing responsive sites faster with Grunt, ’s 21-min talk
    • Akamai’s experience from working with the WebP & JPEG XR image formats, ’s 12-min talk
  • Demos
    • The new CSS “cat” and “hat” selectors (styling Shadow DOM in native elements), ’s demo
  • Tools
    • Blazon, a web tool for creating technical presentations (behind registration), ’s post
    • assemble , a static site generator for Grunt and Yeoman, repo
    • grunt-githooks, a Grunt plugin for creating Git hooks that run Grunt tasks, ’s post + repo