This is our web design and web development news series where we share our favorite design/development related articles, resources, tutorials and awesome freebies.
Google Web Designer – A Tool For Building HTML5 Sites & Animations
Create engaging, interactive HTML5-based designs and motion graphics that can run on any device. If you’re feeling more hands-on, all the code behind your designs is hand-editable, so you’re never locked out of your own work. Your ideas are now amplified by code – not restricted by it.
Responsive Carousel jQuery Plugin – Flexisel
Flexisel is a free responsive carousel jQuery plugin. All you have to do is call flexisel on your unordered list containing images. Call it on the $(window).load event (as opposed to the $(document).ready event) so that Flexisel can calculate the width of the images and figure out how to space them out properly. For
A Simple Canvas Based Drawing App – Drawingboard.js
Drawingboard.js consists of a blank canvas surrounded by a few UI elements that control it: a color picker, a pencil, a paint can, an eraser, a pencil size chooser, navigations and reset buttons.
LiteCart – Free & Simplistic E-Commerce App
Bjango Actions 2.0 (PSDs + Actions)
FullPage.js Plugin for Fullscreen Scrolling Websites
FullPage.js is a simple and easy to use plugin to create fullscreen scrolling websites (also known as single page websites). It allows to create fullscren scrolling websites as well as adding some landscape sliders inside the sections of the site. It is designed to fit to different screen sizes as well as tablet and mobile devi
Rainyday.js: Simulating Raindrops Falling on a Window
A simple script for simulating raindrops falling on a glass surface.
A Plugin for Organizing Your Container as a Stack
Solved by Flexbox
CSS has been lacking proper layout mechanisms for far too long. Transitions, animations, filters, all of these are great and useful additions to the language, but they don’t address the major problems that Web developers have been complaining about for what seems like an eternity.
SOTag – A Free jQuery Tagging Plug-in
Clean Up Your Photoshop Swatches and Styles
I can’t stand how Photoshop loads your Swatch and Styles palettes with a whole pile of useless defaults. They gunk up a feature that should, by its very nature, be as pared down as possible. I try to keep custom palettes for the sites I’m designing because it makes my work faster and more consistent. If you’re always grabbing the eye-dropper to get colors and copying/pasting layer styles, chances are you’re wasting time and getting innaccurate results to boot. So what’s a good Photoshopper to do?
Detect Events like ‘Tap’ ‘swipeup’ ‘swipeleft’ etc on Any Device
Designing for iOS7: Perils & Pluses
Like many other companies building mobile applications, we’ve spent a lot of time recently redesigning our iPhone app, Polar, for Apple’s newest operating system. Through what turned out to be a rather lengthy process, we learned a lot about the good, the bad, and even the blurry parts of designing for iOS7.
Lightweight Library for Manipulating and Animating SVG
JSOperations – A Lightweight Library for Queueing Operations
JSOperations is a lightweight library for queueing operations. It provides a JSOperationsQueue with a maxConcurrentOperationCount property to limit the number of tasks running at a single time. Operations can be suspended, cancelled, and can have a queuePriority set, which will determine the order in which they execute.
Dart – A New Language for Structured Web Apps
Dart is a new language, with tools and libraries, for structured web app engineering. The Dart language is familiar and easy to learn. It’s class based and object oriented, without being dogmatic. The core libraries provide all the basics, including support for asynchronous programming with Futures.
Icons And Interfaces
Tools for Image Optimization
Optimizing UI Icons for Faster Recognition
What makes an icon a valuable addition to the interface, rather than a mere decorative element? Intuitiveness, aesthetic value, memorability, intercultural perception? While an effective icon would combine many of those characteristics, I’d like to focus on one measure–speed of recognition, or how fast a specific icon can be discovered and identified.