Thursday Roundup # 75
That is our net design and net improvement information sequence the place we share our favourite design/improvement associated articles, sources, tutorials and superior freebies.
- NEW DEVELOPMENT RESOURCES AND TOOLS
- Free On-line Service for CSS Extraction from a PSD File – Venture Parfait
- Ideas of Cell Web site Design: Delight Customers and Drive Conversions
- Check Responsive Web sites with Dimensions Toolkit
- Pure CSS Primarily based Multi Stage Responsive Navigation Menu: BootM
- Pop – Extensible iOS and OS X Animation Library
- Quick Filtering and Sorting Giant Collections – PourOver
- Velocity Animation Outperforms jQuery at All Stage
- Minicron – Handle and Monitor Cron Jobs
- Responsive and Mounted One Web page Navigation Plugin
- Rework Any Web site right into a Desk of Knowledge or a Structured API
- Open Supply Improvement Package to Create Gestures
- FREE TEMPLATES AND THEMES
- DESIGN FREEBIES
NEW DEVELOPMENT RESOURCES AND TOOLS
Free On-line Service for CSS Extraction from a PSD File – Venture Parfait
Venture Parfait is an experimental service for designers and builders, who flip Photoshop comps into code-based designs. It permits you to shortly and simply extract what you want from a PSD comp.
Venture Parfait permits you to do the next straight in your browser: Extract colour, gradient and font information from a PSD, Copy textual content and CSS, Get correct measurements between components, Export production-ready optimized pictures.
Venture Parfait is right for builders and designers who frequently obtain Photoshop comps, and translate them into code-based designs. It makes it simpler to extract very important info from PSDs. Builders engaged on native iOS, Android, Mac, and Home windows purposes may additionally discover Venture Parfait precious.
Ideas of Cell Web site Design: Delight Customers and Drive Conversions
Customers more and more depend on the cellular net to analysis and make purchases, which makes it extra necessary than ever for corporations to have an efficient cellular presence. However what makes a superb cellular web site?
To reply this query, Google partnered with AnswerLab to analysis how a variety of customers interacted with a various group of cellular websites. From this analysis: Ideas of Cell Web site Design: Delight Customers and Drive Conversions, Google established 25 rules of cellular web site design to assist corporations construct cellular websites that delight clients and drive conversions.
Check Responsive Web sites with Dimensions Toolkit
Dimensions Toolkit is all for correct measurements and sizes. We are able to management the size of the preview by dragging handles, coming into particular values manually or selecting from a choice of standard machine measurements.
The toolkit is about to the default breakpoints of 320px, 480px, 768px & 1024px. Utilizing the customized breakpoints characteristic, Dimensions permits you to change these values to something you need.
We’re offering a menu system utilizing the well-known bootstrap CSS framework and we name it BootM. BootM is a pure CSS primarily based navigation system, its responsive, helps limitless ranges and icons as effectively.
Pop – Extensible iOS and OS X Animation Library
Pop is an extensible animation engine for iOS and OS X. Along with primary static animations, it helps spring and decay dynamic animations, making it helpful for constructing reasonable, physics-based interactions.
Quick Filtering and Sorting Giant Collections – PourOver
PourOver is a library for easy, quick filtering and sorting of huge collections. It permits you to construct data-exploration apps and archives that run at 60fps, that don’t need to to attend for a database name to render question outcomes.
PourOver is constructed across the ultimate of straightforward queries that may be arbitrarily composed with one another, with out having to recalculate their outcomes. You possibly can union, intersect, and distinction queries. PourOver will bear in mind how your queries have been constructed and might neatly replace them when objects are added or modified. You additionally get helpful options like collections that buffer their info periodically, views that web page and cache, quick sorting, and far, rather more.
Velocity Animation Outperforms jQuery at All Stage
Velocity is a jQuery plugin that re-implements $.animate() to supply considerably higher efficiency (making Velocity additionally sooner than CSS animations) whereas together with a number of new options to enhance animation workflow.
Velocity outperforms jQuery in any respect ranges of stress, Transit starting at medium ranges of stress, and GSAP starting at excessive ranges of stress. At minimal, Velocity is all the time on par with different engines. In simply 7Kb, Velocity consists of all of $.animate()’s options whereas additionally packing in colour animation, transforms, loops, easings, class animation, and scrolling. Velocity is one of the best of jQuery, jQuery UI, and CSS transitions mixed.
Minicron – Handle and Monitor Cron Jobs
Minicron goals to enrich cron by making it simpler to handle and monitor cron jobs, it could possibly largely be considered two parts that work together collectively, the CLI and the Hub. The CLI is what’s put in in your server(s) and executes your cron command and stories the standing again to the Hub.
Rework Any Web site right into a Desk of Knowledge or a Structured API
Rework any web site right into a desk of knowledge or a Structured API in minutes with out even writing any code.
Open Supply Improvement Package to Create Gestures
Free and open supply SDK for all platforms that works with an internet editor and a plugin distribution system.
Seen.js is a very cool library that renders 3D scenes into SVG or HTML5 Canvas.
FREE TEMPLATES AND THEMES
Bootstrap3 Primarily based Single Web page Free HTML Responsive Template – Meilleur
Meilleur is knowledgeable, multipurpose and responsive one web page HTML5 web site template which has been constructed utilizing the brand new Twitter Bootstrap three framework.
TemplateVamp: [FREE] Twitter Bootstrap Admin Template
Primarily based on Twitter Bootstrap, TemplateVamp is a totally practical and customizable admin template that leverages the ability and suppleness of HTML5 & CSS3. It may be used as a front-end toolkit for quickly creating net purposes which might be light-weight, sooner, and mobile-friendly; an excellent place to begin.
25 High Joomla Templates for Enterprise and Portfolio Web sites [Free Download]
Free Premium HTML Admin/Backend Template For Net Purposes: BlueWhale Admin
BlueWhale is a Free Premium HTML Admin/Backend Template for Net Purposes primarily based on 960 Grid CSS it has a sublime fluid format which adjusts routinely as you alter the display screen measurement.
Easy, Flat and Free Net / Cell UI Package
Simply one other UI Package is an easy, flat and free cellular / net UI package avilable as a free PSD underneath MIT license. There aren’t any restrictions for both private or business use. Mainly, you are able to do no matter you need with it.
350+ Free Vector Icons for Cell and Net Designs
Captain Icon has labored exhausting to carry you a totally customizable free icon set so you possibly can change the whole lot you need, from measurement to paint via shapes, nodes and rather more.
As a result of Captain Icon is aware of precisely how you’re employed, he has created the whole lot you want for.
Fee SVG Webfont Icons for eCommerce Web sites
Fee webfont icons set is helpful for designing eCommerce web sites. It’s an SVG webfont filled with icons of foremost cost techniques. It consists of Mastercard, Maestro, Visa, Visa Electron, American Specific, Postepay, Cartasì, Diners Membership, Uncover, Union Pay, Digital Money, TrustE, Amazon, JCB Google Pockets, Stripe, Sq., Ogone, VeriSign, Bitcoin (2 glyphs), Ripple, Sofortüberweisung, Gittip, Flattr, Skrill Moneybookers, Cartes Bancaires CB.
Open Supply Icon Set – OpenIconic
An open supply icon set with 223 marks in SVG, webfont and raster codecs.