Thursday Roundup # 69
This is our web design and web development news series where we share our favorite design/development related articles, resources, tutorials and awesome freebies.
New Development Resources and Tools
Open Source Intuitive Invoicing Tool – Invoice Ninja
Invoicing with no monthly fee. Free, now and forever! Quality invoicing to build your business and get paid. Create beautiful email-ready. PDF invoices created instantly as you type. The ‘Save & send’ feature saves you time and impresses clients. PayPal? Authorize.Net? Stripe? They support many payment technologies.
Open Sourced Tools to Build Interactive, Storytelling Themes for WordPress
The Aesop Story Engine is a suite of open-sourced tools and components that empower developers and writers to build feature-rich, interactive, long-form storytelling themes for WordPress. At the heart of ASE are the suite of storytelling components, which are created on the fly while crafting posts within WordPress.
Responsive Lightbox Gallery Plugin for jQuery – anoFlow
Responsive lightbox gallery based on jQuery.
Better “Top” for Modern Developer -Scout Realtime
Scout Realtime is a better top command: it gives you disk, memory, network, CPU, and process metrics. And it gives you smooth-flowing charts for everything. Troubleshooting is so much easier when you can see a few minutes worth of realtime data instead of watching individual numbers flash on your terminal window.
Icon System with SVG Sprites
A nice way to handle your icons is to have a folder full of .svg files. They can be colored, not colored, multiple shapes, sizes, whatever.
Simple, Pluggable Static Site Generator – Metalsmith
Metalsmith is an extremely simple, pluggable static site generator. In Metalsmith, all of the logic is handled by plugins. You simply chain them together.
Metalsmith works in three simple steps: Read all the files in a source directory. Invoke a series of plugins that manipulate the files. Write the results to a destination directory. Since everything is a plugin, the core library is actually just an abstraction for manipulating a directory of files.
Animated Filtering & Sorting with MixItUp jQuery Plugin
MixItUp is a jQuery plugin providing animated filtering and sorting. It is great for managing any categorized or ordered content like portfolios, galleries and blogs, but can also function as a powerful tool for engaging application UI and data-visualisation.
MixItUp plays nice with your existing HTML and CSS, making it a great choice for responsive layouts. Rather than using absolute positioning to control layout, MixItUp is designed to work with your existing inline-flow layout. Want to use percentages, media queries, inline-block, or even flex box? No problem.
A bunch of feedback ideas for your buttons. This demo does not rely on any particular coding technique, instead it just serves just as an inspiration to give your interfaces some more dynamism. I hope you’ll enjoy it!
CSS Regions Polyfill – Better, Smarter, Fuller
The Adobe Web Platform Team introduced a much-improved CSS Regions polyfill library.
Custom CSS Preprocessing
Did you know that you can build your own CSS preprocessor with Node.js libraries? They can be used alongside established preprocessors like Sass, and are useful for defining tasks beyond preprocessing.
Free Loadering Indicators (Loaders)
Free Templates and Themes
Free Bootstrap 3 Admin Template
Full Featured HTML Framework For Building iOS7 Apps
Travel Network – Free PSD Template
Open Source Icons for the Web – Geomicons Open
Smaller than similar webfonts and with fewer network requests than other solutions, Geomicons Open is built from the ground up for performance. Designed on a grid for pixel-precision at standard sizes, each icon is hand-coded to avoid the extra bloat from traditional vector drawing applications.