The Vibration API is an API specifically made for mobile devices as they are thankfully the only devices that have a vibrate function. The API allows developers to vibrate a device (in a pattern) for a given duration. The vibration API is implemented in navigator.vibrate. So calling the function makes your phone vibrate. You can test if your browser is recent enough to have the vibrate function in navigator.
Groggie mentioned his blog post on using the Vibration API for music and theme songs. It’s a really cool example of what can be done using the Vibration API and some creative thought.
Requirements: jQuery Framework
Demo: http://www.illyism.com/journal/vibration-api
License: GPL License
Tiff is a typeface diff tool that visually contrasts the differences between two fonts. It’s a tool to help comparing two fonts while learning about typography. At this point, Google Web Fonts serves as the only source of external fonts for Tiff. Since the app uses some features only available in HTML5 and CSS3, use recent versions of modern web browsers for maximum compatibility.
Requirements: –
Demo: https://tiff.herokuapp.com/
License: License Free
Flappy Bird is a nice little game with easy to understand mechanics, and Thomas thought it would be a perfect fit for an HTML5 game tutorial. So in this tutorial: How to make a Flappy Bird in HTML5, he is going to make a simplified version of Flappy Bird, in only 65 lines of Javascript with the Phaser framework.
Requirements: HTML5 & JavaScript
Demo: http://blog.lessmilk.com/how-to-make-flappy-bird-in-html5-1/
License: License Free
Bucky is a client and server for sending performance data from the client into statsd + graphite, OpenTSDB, or any other stats aggregator of your choice.
It can automatically measure how long your pages take to load, how long AJAX requests take and how long various functions take to run. Most importantly, it’s taking the measurements on actual page loads, so the data has the potential to be much more valuable than in vitro measurements.
Requirements: –
Demo: http://github.hubspot.com/bucky/
License: License Free
Durandal is a cross-device, cross-platform client framework written in JavaScript and designed to make Single Page Applications (SPAs) easy to create and maintain. They have used it to build apps for PC, Mac, Linux, iOS and Android. Durandal is built on libs you know and love like jQuery, Knockout and RequireJS. There’s little to learn and building apps feels comfortable and familiar.
MVC? MVP? MVVM? Yes. Messaging, navigation, modals? Check. Durandal has the features you need to build whatever apps you can imagine; the apps of today and of tomorrow. Let your creativity soar. Durandal is built to handle the plumbing and makes it easier to focus on building rich webs apps with JavaScript faster.
Requirements: jQuery framework
Demo: http://durandaljs.com/
License: MIT License
Remodal is a flat, responsive, lightweight, fast, easy customizable modal window plugin with declarative state notation and hash tracking. All modern browsers are supported. You can easily define the background container for the modal(for effects like a blur).
Requirements: Javascript framework
Demo: http://vodkabears.github.io/remodal/
License: MIT License
Inky Deals has recently launched this premium bundle packed with thousands of resources valued at $8,228, which you can now get at the small price of $59. ItÂ’s the perfect deal for both graphic and web designers looking to save precious hours (and thousands of dollars), but without sacrificing the quality of their works.
You will get:
– 630 Vector Illustrations worth $2,520
– 233 Vector Sets worth $2,290
– 101 Web & Print Resources Packs worth $1,070
– 109 Photoshop & Illustrator Addons worth $1,036
– 69 High-Resolution Texture Packs worth $729
– 67 Brushes Sets worth $486
– 10 Premium Tutorials worth $97
Read the rest of this entry »
Ridiculously Responsive Social Sharing Buttons(RRSSB) is built with SASS, so you can easily customize it by tweaking a few variables. SVGs allow for tiny file size and retina support. Add or remove icons as you see fit — the rest will fill in automatically in the container. Adding a class of popup to the anchor tag for each share button will make the share dialog open in a popup, rather than a new window.
Requirements: SASS
Demo: http://kurtnoble.com/labs/rrssb/
License: See License
Handling mockups to developer teams can be tricky. As a designer, sometimes I wrongly assume that everyone knows about how photoshop shapes, effects, and typography works. Sometimes lack of specifications leads to inaccurate front-end outputs. Sometimes the final product just doesn’t look exactly as expected.
Ink Photoshop Plugin helps you providing few extra important informations about your mockups by documenting your layers, from typography to effects and shape sizes.
Requirements: Photoshop CS6 / CC
Demo: http://ink.chrometaphore.com/
License: License Free
This Mighty Deal features a beautifully unique take on the typeface with a double dose of Hilton. You’ll get 2 fantastic font collections in one fabulous deal: Hilton Sans and Hilton Serif. You’ll get over 500 glyphs spread out over two beautiful fonts.
Each version of the Hilton font includes 299 glyphs. Those include Basic Latin, Diacritics, and special characters of the West and Central European languages and Turkish. Not to mention proportional and tabular lining figures, as well as other unusual characters.
Normally, Hilton Sans & Hilton Serif together cost $78 (for the Desktop versions), but for a limited time only, you can get the combination of both fonts for just $15. That’s a massive savings of 81% off the regular price. OR get both the Desktop and Web Font versions together for just $22.
