Thursday Roundup # 53
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
- FusionInvoice – Free And Self-Hosted (PHP) Online Invoicing App
- jQuery Auto Fix Anything – Fix Position of Any Container
- Converts an Array of Objects Into a Dashboard – sDashboard
- Simple Responsive Lightbox Plugin – VenoBox
- Reportr – Open Source Dashboard For Tracking Events
- Select Date and Time with DateTimePicker jQuery Plugin
- Develop Hybrid Mobile Apps with HTML5 – Ionic
- jInvertScroll – Lightweight jQuery Horizontal Parallax Scrolling Plugin
- Generate the Favicon Pictures and HTML Code
- HTML/CSS Tools and Techniques
- Free Templates and Themes
- Design Freebies
New Development Resources and Tools
FusionInvoice – Free And Self-Hosted (PHP) Online Invoicing App
FusionInvoice is built for freelancers and small businesses who need a simple, yet powerful self-hosted web based invoicing system.
Manage your client details and keep track of who owes you what – and access the information from anywhere. Data can be imported from any other system. Don’t bother re-entering all of your data – import it!
jQuery Auto Fix Anything – Fix Position of Any Container
Auto Fix Anything jQuery plugin will let you automatically fix position of any container on your website with one JS call. The plugin will detect when to fix/unfix the position automatically.
Converts an Array of Objects Into a Dashboard – sDashboard
sDashboards has built in support for rendering datatable’s and flotr2 charts. It also has support to listen for events such as table row click, chart data click and data selection built-in.
Simple Responsive Lightbox Plugin – VenoBox
VenoBox is a responsive jQuery lightbox plugin, suitable for images, inline contents, iFrames, Google-Maps, Ajax requests, Vimeo and YouTube videos.
The big difference compared to many others modal-window plugins is that VenoBox calculates the max width of the image displayed and preserves its height if is taller than the window (so in small devices you can scroll down the content, avoiding vertical microscopic resized images).
Reportr – Open Source Dashboard For Tracking Events
Select Date and Time with DateTimePicker jQuery Plugin
Add a datetimepicker, datepicker or timepicker dropdown to your forms.
Develop Hybrid Mobile Apps with HTML5 – Ionic
Free and open source, Ionic offers a library of mobile-optimized HTML, CSS and JS components for building highly interactive apps. Built with Sass and optimized for AngularJS.
Ionic is built to perform and behave great in the latest mobile devices. With minimal DOM manipulation, zero jQuery, and hardware accelerated transitions, one thing is for sure: you’ll be impressed.
jInvertScroll – Lightweight jQuery Horizontal Parallax Scrolling Plugin
jInvertScroll is a lightweight plugin for jQuery that allows you to move in horizontal with a parallax effect while scrolling down. It’s extremely easy to setup and requires nearly no configuration.
Generate the Favicon Pictures and HTML Code
Generate the favicon pictures and HTML code that work on all major browsers and platforms.
TimeCircles is a jQuery plugin that provides a nice looking way to either count down towards a certain time, or to count up from a certain time.
The goal for TimeCircles is to provide a simple yet dynamic tool that makes it very easy to provide visitors an attractive countdown or timer.
Animatron is a simple and powerful online tool that allows you to create stunning HTML5 animations and interactive content.
HTML/CSS Tools and Techniques
Cross-browser Filters with CSS and SVG
Understand how CSS filter effects work and how to achieve cross-browser effects in this article by Peter Gasston.
Building Responsive HTML5 Forms with Ideal Forms
Ideal Forms is the ultimate framework for building and validating responsive HTML5 forms. It has just released V3, which is smaller, faster, and more extensible. It supports On the spot validation, Fully adaptive (adapts to the container, no css media queries needed), Keyboard support, Custom checkboxes/radios and file inputs, Custom seamless jQuery UI datepicker, Support for third party extensions, Localization.
Simple CSS Grid
Siiiimple is a 12 column css grid for your next web project. It’s a really easy way to align, and format content. All you have to do is link the css file in the header of your site. Then your ready to go.
Articlr Grid System
Articlr is a new and intuitive, easy-to-learn, 12 column grid system with tons of options for all your styling needs.
RECESS – Code Quality Tool For CSS
Developed by the guys at Twitter, RECESS is a simple, attractive code quality tool for CSS built on top of LESS.
Free Templates and Themes
Hueman – Free High Quality Magazine and Blog WordPress Theme
A fully featured, responsive high resolution magazine & blog theme without compromise. Hueman presents what you love to write about in a visual & user-friendly way on all devices.
Free, Responsive, Pageless Front End Template
Fore is a free, responsive, pageless web template available for download. Use it for whatever you want! It’s licensed under the Creative Commons Attribution license.
Ultra-Minimal Apple Product Templates
Fruitful is a free WordPress responsive theme with theme options panel.
25 Plaid Patterns
Designing Device Assets: Templates and Tips
A fantastic and complete set of Photoshop templates for device assets by Blair Culbreth. It includes favicons, Apple touch icons, startup images for iPads and iPhones old and new, and Windows tiles for IE10 and IE11.
IKONS – 264 Hand-Crafted Vector Icons
Hand crafted, scalable vector icons for designers and developers. This pack comes with 264 custom icons in SVG, AI, ESP, PSD, CSH and PNG format. All the icons are royalty free for personal and commercial use.
70 Free Icons (PSD)
Behance Style Flat UI Elements Kit PSD
100+ Vector Icons – GICONS
GICONS are hand crafted, scalable vector icons for designers and developers. This particular pack comes with 100+ free custom icons in PSD and PNG format. All the icons are royalty free for personal and commercial use.