Thursday Roundup # 40
This is our web design and development news series where we share our favorite design/development related articles, resources, tutorials and awesome freebies.
Contents
Simple, Lightweight Parallax Engine For Smart Devices
Parallax.js is a library for creating mobile-friendly parallax effect. Parallax.js works with mobile devices and tablets, reacting to their tilting (works with gyroscope and motion detection). The parallax effect looks superb, and desktop users can also have some fun just by moving their mouse.
jQuery plugin to animate with transforms and transitions – Minimit Anima
Hardware accelerated css3 animations with fallback on older browsers. It’s built to have fast animation execution, and it has an api similar to jquery animate, with animations queueing.
By default the anima method do automatic fallback animations on browsers without transitions or transform3d, and instant animations on browsers without transform.
It also does scale, rotate and skew animations on browsers without transitions thanks to jquery.transform.js included in the plugin.
Smart CSS Refactoring — CSS Ratiocinator
The CSS Ratiocinator automatically refactors your CSS and generates a new stylesheet for your site. It works by examining your site’s live DOM in the browser and reverse engineering a new, more elegant definition that captures styles down to the pixel.
It addresses the problem of old CSS whose styles accumulate and contradict each other. After a certain point all CSS seems to grow only by internal antagonism. The Ratiocinator wipes the slate clean and provides a harmonious new beginning.
The Backend-Agnostic Administration Framework – AdminJS
AdminJS is a client-side administration framework for interacting with your backend. AdminJS is self-contained, meaning that you can use it everywhere, provided that the backend supports EPF.
Stylish jQuery Accordion Plugin (FREE): Akordeon
Akordeon is a stylish jQuery plugin for adding efficient accordion style menu to a web page. The idea behind Akordeon is to provide a lightweight and customizable interface for collapsible panels that can hold any kind of data in a limited space.
Akordeon is fully customizable and can be used to display large chunks of data (text, images etc.) in a limited space. For instance, you can use it to display categorized data or menu options just like a restaurant’s menu items with each category data displayed in a separate panel.
Easier Responsive Layouts with Intention.js
Intention.js is a jQuery plugin for easily developing responsive layouts. The plugin reduces the need for CSS media queries and provides a highly-flexible solution for restructuring HTML. It has 3 basic manipulations, attribution, class and placement, where they can all be set with HTML attributes.
jQuery PanelSnap plugin
A jQuery plugin that, after scrolling, snaps to blocks of content which I like to call panels. You can actually nest sets of panels as you will see throughout this demo page.
Creating Android Dock using jQuery & CSS3
A tutorial about Creating Android Dock using jQuery & CSS3.
The application icon will pop out consecutively when arrow image on the dock clicked and not just the icon beautifully animated the dock itself also rotating vertically with 3D style.
Smartimage – An Image Management App
Smartimage is the simplest way to manage and share the files needed everyday. Set up your Smartimage collections in just a few minutes and save hours. Used by marketing & design pros, brand owners, small businesses, non-profits and more. Admins are able to upload these media and users can download them in multiple auto-generated sizes.
A New Interface for Git — Ungit
Ungit is a web-based UI for Git, written with Node. It makes Git repositories easier to visualise, a bit like gitk or git instaweb, but it has some GitHub-specific tweaks. It’s easy to use and a lot faster to navigate.
Once you’re running ungit, you can make commits, discard them, fetch remote changes – pretty much the standard Git operations you’re used to, with a friendlier workflow.
Web-based Editor for Creating 3D Shapes in CSS – Tridiv
Tridiv is a web-based editor for creating 3D shapes in CSS. It provides a traditional four-pane interface that gives a view from each plane, as well as a preview pane showing the final object. It’s possible to create extremely sophisticated objects and animations with Tridiv.
Semantic CSS With Intelligent Selectors
A brilliant article by Heydon Pickering on an alternative approach to styling Web documents other than the popular object-oriented CSS based one.
A Free Flat Design Template Set for Mobile Devices — Mobile Design Kit
Free to use, real pixels screen sizes for 15 flat designed devices, in multiple colors, outlined and with grids.
Mobile Design Kit consists of templates for iPhone 4s & 5, iPad 2, 4 & Mini Galaxy Pocket, Young, S3 Mini, S3, S4 & Nexus 7, Lumia, Surface RT & Pro mobile phones along with oddities such as a Macbook with the retina display.
Beautiful, Free And Vector Line (Stroke) Icon Set With Webfont – Dripicons
Dripicons is a beautiful and completely free, vector line-icon set with webfont. It contains 90+ flat designed icons. The set is available in many vector formats (PSD, AI, EPS, PDF, SVG) and also as a webfont.
Free Thin Round PSD Icons
35 clean round icons, built with shape layers in Photoshop to allow for easy resizing.
If you would like to receive our new plugins, responsive templates, free PSDs and keep up to date with the latest and greatest articles and resources from the design/developer community, you can subscribe to our Full RSS Feed, follow us on Twitter and Facebook.