This week features lots of CSS, (relatively) new JavaScript API’s and a number of interesting tutorials covering a wide array of libraries and frameworks.
Tutorials
Tim Severien discusses the history of handling grids in CSS and new features in CSS3 that improve the situation.
Grids in CSS3
Thomas Palef continues his tutorial on making a Flappy Bird game in HTML5, focusing on adding animation and sound.
How to make a Flappy Bird in HTML5 – Part 2
Mary Lou experiments with a method for creating a nice, subtle border animation effect using SVG and CSS.
Creating a Border Animation Effect with SVG and CSS
Ariya Hidayat explains the differences between three JavaScript string functions: substring, substr, slice.
JavaScript String: substring, substr, slice
Trevan Hetzel describes an approach for nicely scaling and fitting an image within a fluid container.
A responsive approach to image scaling with CSS
Peter Gasston explains the Custom Elements portion of the Web Components spec and how to use it.
A Detailed Introduction To Custom Elements
Aurelio De Rosa discusses how to create speech in web pages using the Speech Synthesis API.
Talking Web Pages and the Speech Synthesis API
Chris Coyier shows a number of tricks that are common in Photoshop but now possible in the browser using CSS Blend Modes.
Basics of CSS Blend Modes
Libraries and Frameworks
Krzysztof Trzeciak discusses JXcore, a fork of Node that includes multi-threading, packaging and code security.
JXcore – A Node.JS Distribution with Multi-threading
See how Sass Control Directives such as if, for, each and while can help you write leaner Sass code from Scott O’Hara.
Getting into Sass Control Directives
While HarpJS doesn’t support nested layouts by default, Raymond Camden explains a workaround to get them to work.
Nested Layouts in HarpJS
Learn how to architect your Sass project to keep your project organized from Hugo Giraudel.
Architecture for a Sass Project
Burke Holland shares a number of best practices for using Kendo UI with Angular.
A Few Angular Kendo UI Best Practices
Nicholas C. Zakas demonstrates how to access data in a Google Spreadsheet using the Google Drive API and Node.js.
Accessing Google Spreadsheets from Node.js
Addy Osmani discusses different approaches for builds that have environment specific code.
Environment-specific Builds With Grunt, Gulp or Broccoli
Raymond Camden discusses a project for grabbing dynamic content from pages via CasperJS.
Interesting discovery with CasperJS, jQuery, and transitions
Krasimir Tsonev shows using window.matchMedia and a polyfill he created for that property to access media queries via JavaScript.
Using media queries in JavaScript (AbsurdJS edition)
Mobile
Rachet is a set of components for mobile apps and Christophe Coenraets shows how to use it with Backbone in his sample app.
Employee Directory Sample Application with Ratchet 2.0
Holly Schinsky explains how to publish your custom PhoneGap plugin to the Cordova Plugin Repository.
How to Share Your Custom PhoneGap Plugin
Jim Cowart steps through how to build multi-platform mobile apps using the Kendo UI mobile framework within Telerik AppBuilder (formerly Icenium).
Getting Started With Kendo UI Mobile in AppBuilder
Matteo Spinelli discusses a number of performance tricks he has learned over the course of developing iScroll.
Performance Tricks for (Mobile) Web Development
Brian Rinaldi is the founder of Flippin’ Awesome. Brian works as the Developer Content Manager at Telerik (though this site is not affiliated with his employer) focused on ensuring that the Developer Relations team creates top notch content for the web development community. Previously, Brian focused on publishing HTML, CSS and JavaScript developer content for the Adobe Developer Connection at Adobe.
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.