Best of JavaScript, HTML & CSS – Week of July 29, 2013
The modern web is always changing, and this article is more than two years old.
Another busy week, with a lot of general (i.e. not framework focused) tutorials. Some noteworthy new projects this week as well including Bone.io, Bindr, NeDB and node-webkit to name just a few.
Tutorials
Kamil Khadeyev shows how you can get started with Photoshop Scripting using JavaScript.
Introduction To Photoshop Scripting
Johnny Simpson discusses some CSS units you can use today but may not be and some coming in the future.
CSS Units You Should be Using Now!
Mary Lou showcases a cool 3D effect for creating a mobile app showcase built with HTML and CSS using Sass.
3D Effect for Mobile App Showcase
Kyle Simpson explores standard and hack methods for centering items horizontally and vertically using CSS.
Centering All The Directions
Jake Archibald shows how to animate line drawings using SVG and CSS transitions.
Animated line drawing in SVG
Dr. Axel Rauschmayer takes a look at existing JavaScript style guides and discusses some of the rules that he likes most.
A meta style guide for JavaScript
Mary Lou demonstrates how to re-create the slide out sidebar menu from the Google Nexus 7 website.
Google Nexus Website Menu
Derek Johnson shows how to get and manipulate CSS classes applied to HTML elements using the classList API.
The classList API
Burak Can creates a really nice 3D camera animation using only HTML and CSS.
CSS Only 3d Camera Animation
Harry Roberts has published a set of high-level guidelines for writing good, maintainable CSS.
CSS-Guidelines
David Walsh shows how Using pure CSS you can create cross-browser compatible triangles with very little code.
CSS Triangles
Pamela Fox shares investigation that she and her team at Coursera did into building UI libraries and jQuery plugins and as standalone libraries.
JavaScript UI Library Design
Libraries and Frameworks
AngularJS offers built-in support for CSS3 transitions and animations. Holly Schinsky shows how to use them with a sample app.
Animating with AngularJS
Chris Griffith introduces the CSS-based components, icons and other features offered by the Topcoat UI library.
Introduction to Topcoat
Azat Mardanov details how to build a JSON REST API server using Node.js, MongoDB and Express.js.
Tutorial: JSON REST API server with Node.js and MongoDB using Mongoskin and Express.js
Piotr Walczyszyn shows how he implemented a navigation drawer pattern in CSS using the Topcoat CSS library.
Navigation Drawer Pattern With Topcoat CSS Library
Raymond Camden discusses his experiences and advice for putting a Node and Express based site into production.
Going Live With Node
Krasimir Tsonev explains the differences between and use cases for mixins, extends and placeholders in Sass.
SASS: differences between mixins, extends and placeholders
New and Updated Libraries and Frameworks
jspm is a browser module loader that loads any module format (ES6/AMD/CJS) locally or directly from NPM and Github.
jspm.io – Frictionless Browser Package Management
Bindr is a JavaScript dependency injection framework by Jonathan Creamer.
Bindr by jcreamer898
NeDB is a datastore for Node with minimal dependencies that can actually be used in the browser.
NeDB: SQLite for Node
play-audio is a JavaScript wrapper for HTML5 Audio API.
play-audio
Bone.io is a framework for building real-time HTML5 apps using websockets to deliver data to the browser.
Bone.io – Realtime HTML5 Framework
Cal-Heatmap is a javascript module to create a calendar heatmap.
Cal-HeatMap : Javascript calendar heatmap for time series data
scaleApp is a JavaScript framework for single-page applications with a decoupled, event-driven architecture.
scaleApp
Andea Giammarchi released dblite, which offers sqlite3 support for NodeJS.
dblite: sqlite3 for nodejs made easy
You can write native apps in HTML and Javascript with node-webkit, an app runtime based on Chromium and NodeJS.
node-webkit
Etc.
Thinking of monetizing your mobile app with ads? Alex Genadinik shares a story of how putting ads on his app actually lost money.
How Putting Ads on Mobile Apps Can Lose Money – A Case Study
The August issue of Appliness features an interview with Dan Mall and tons of tutorials.
August Issue with Dan Mall
Check out July’s top HTML, CSS, JavaScript and mobile content on Flippin’ Awesome.
July’s HTML, CSS, JavaScript and Mobile Content on Flippin’ Awesome
