Fork me on GitHub
Post Format

Thursday Roundup # 45

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

 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

  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

     A Simple Canvas Based Drawing App - Drawingboard.js
A canvas based drawing app that you can integrate easily on your website.

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

 LiteCart – Free & Simplistic E-Commerce App
LiteCart is a free and open source shopping cart application that is built with PHP-MySQL.

Bjango Actions 2.0 (PSDs + Actions)

  Bjango Actions 2.0 (PSDs + Actions)

FullPage.js Plugin for Fullscreen Scrolling Websites

    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
ces.

A Library for Creating Beautiful Mobile Shelfs in JavaScript

  A Library for Creating Beautiful Mobile Shelfs in JavaScript
A Library for creating beautiful mobile shelfs in Javascript (Facebook and Path style side menus)

 Rainyday.js: Simulating Raindrops Falling on a Window

  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

   A Plugin for Organizing Your Container as a Stack
Stacky is a simple jquery plugin for organizing your container as a stack. It makes use of css3 transitions for creating a slide down/up animation as you toggle the stack.

Solved by Flexbox

  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

  SOTag - A Free jQuery Tagging Plug-in
A simple tagging system that only allows a set of tags hat are stored in a database.

Clean Up Your Photoshop Swatches and Styles

   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

   Detect Events like ‘Tap’ ‘swipeup’ ‘swipeleft’ etc on Any Device
Super lightweight script (1kb) to detect via Javascript events like ‘tap’ ‘dbltap’ ‘swipeup’ ‘swipedown’ ‘swipeleft’ ‘swiperight’ on any kind of device.

Designing for iOS7: Perils & Pluses

  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

   Lightweight Library for Manipulating and Animating SVG
A 9k gzipped library for manipulating and animating SVG. Easy to read syntax, modular structure, and includes some optional plugins.

JSOperations – A Lightweight Library for Queueing Operations

   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.

A JavaScript Library for Autocompletion – Complete.ly

  A JavaScript Library for Autocompletion - Complete.ly
A javascript library for autocompletion. Complete.ly is an open source javascript library (MIT License). It has no dependencies, no CSS, no built-in ajax and an Occam’s Razor API. It pollutes your global scope with the variable ‘completely’ and works on any desktop modern browser.

Dart – A New Language for Structured Web Apps

   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

 Icons And Interfaces
Too often we fill interfaces with icons, without even realizing it. But choosing and/or designing the right icon is not as easy as it looks.

Tools for Image Optimization

   Tools for image optimization

Optimizing UI Icons for Faster Recognition

   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.

Free Line Icon Set for UI & More

   Free Line Icon Set for UI & More

Showcase of iOS 6 Apps Icon Redesigned for iOS 7

     Showcase of iOS 6 Apps Icon Redesigned for iOS 7

Related Posts

  1. Thursday Roundup # 22
  2. Thursday Roundup # 26
  3. Thursday Roundup # 33
  4. Thursday Roundup # 25
  5. Thursday Roundup # 9

Leave a Reply

Required fields are marked *.


× nine = 63