The Web Dev Zone is brought to you in partnership with Mendix. Discover how IT departments looking for ways to keep up with demand for business apps has caused a new breed of developers to surface - the Rapid Application Developer.
There's a lot to cover this week, so I'll make the intro brief. Sorry for the delay in posting but with the US holiday yesterday and today I arrived in San Francisco for Fluent, it is a busy week for me too. If you happen to be here, you can catch me speaking tonight at the Ignite event and again on Thursday at the conference.
Ariya Hidayat shows how ECMAScript 6 will allow the use of block scopes.
ECMAScript 6 and Block Scope
Wilson Page shares a case study on building the new Financial Times web app covering flexbox, modularization & more.
Building The New Financial Times Web App (A Case Study)
David Walsh shows how to use CSS generated content.
CSS content and attr
Harry Roberts explains how loose selectors in CSS relate to poor scoping in programming, and how to avoid them.
‘Scope' in CSS
Raymond Camden discusses the different pieces that make up web components and why he thinks they are awesome.
The Future of the Web
Mary Lou posts an experimental natural language form using custom input elements instead of the usual form display.
Natural Language Form with Custom Input Elements
David Storey shows how to use Flexbox for source-order independence, flexible sizing or just centering elements.
Designing CSS Layouts With Flexbox Is As Easy As Pie
Marco Barria shares some very cool experiments that use CSS animations and transitions on pseudo-elements.
Examples of Pseudo-Elements Animations and Transitions
Capturing camera/picture data without PhoneGap
Raymond Camden shows a useful example of how to use the page visibility API.
Using the Page Visibility API
Alexander Futekov posts a different and very cool example of creating a 3D parallax effect for buttons and other elements.
3D Button Parallax
You know you want to find an excuse to use these pure CSS Star Wars lightsaber checkboxes.
Pure CSS3 Lightsaber Checkboxes
Libraries and Frameworks
Azat Mardanov shows how to use Express.js parameters, error Handling and other middleware.
Intro to Express.js Parameters, Error Handling and Other Middleware
Jonathan Creamer posts a useful deep dive into Require.js features.
Deep dive into Require.js
Alex Young continues his AngularJS series by taking a closer look at dependency injection.
AngularJS: More on Dependency Injection
Joel Hooks shares the lessons he's learned after a year working on a large AngularJS Project.
Lessons Learned: A Year with a Large AngularJS Project
Jake Bresnehan shares a number of Sass mixins he has created.
Handy Sass Mixins
Renaun Erickson walks through his first experience building an example application using the MontageJS MVC framework.
My First MontageJS Application
Andrew Bergess shows you how to get started using the new Two.js framework for drawing.
Drawing With Two.js
Rob Lauer demonstrates how to build a game that collects in-app payments using the mozPAy API for Firefox OS
Building a Game with In-App Payments for Firefox OS
Allan Berger discusses techniques for getting website ready for Retina display.
The Right Way to Retinafy Your Websites
New and Updated Libraries and Frameworks
The latest Brackets build includes better file management and a further improved extension manager.
Brackets Sprint 25 Build
JSON Editor Online is a web-based tool to view, edit and format JSON using a side-by-side treeview and code editor.
JSON Editor Online - view, edit and format JSON online
Prepros compiles Less, Sass, Scss, Stylus, Jade, Coffeescript, Haml and Markdown with live CSS injection on Windows.