Thursday Roundup # 50
This is our web design and web development news series where we share our favorite design/development related articles, resources, tutorials and awesome freebies.
Creating Responsive Pie Charts for Any Device – Pizza Pie Charts
Pizza is an easy to use plugin. It’s built with responsive framework Foundation so you can quickly install it into your current Foundation project.
Deliver pie charts to any device with Pizza. Your pie will be steaming hot with SVG so that it looks good on retina devices and HiDPI devices. And the pie will fit the width of your box — um, container — or can be given a max-width or max-height.
An Advanced Options Framework For WordPress Themes and Plugins – Redux
Redux is a simple, truly extensible options framework for WordPress themes and plugins. Built on the WordPress Settings API, Redux supports a multitude of field types as well as custom error handling, custom field & validation types, and import/export functionality. If you haven’t tried it yet, there’s no time like the present!
Font Combiner – Web Font Creator and Font Improvement Tool
Font Combiner is a versatile web font creator and font improvement tool exposing advanced font features to the end user – kerning, subsetting, various hinting options and custom font glyph combinations.
Generate your own custom font in a format and file size that makes it easy to drop in a font alongside your other media content.
Create Design Systems With Ease – Pattern Lab
Pattern Lab is a collection of tools to help create and maintain atomic design systems. Pattern Lab is a series of tools to create your very own custom atomic design system.
Beautiful & Easily Extensible Chart Suite Built with D3.js and Ember.js
A charting library built with the Ember.js and d3.js frameworks. It includes time series, bar, pie, and scatter charts which are easy to extend and modify. The out-of-the-box behavior these chart components represents our thoughts on best practices in chart interactivity and presentation.
Free Emulators and Tools For Testing Your Website on Desktop & Mobile Devices
A Keyboard Shortcuts Modal for Your App – QuestionMark.js
When the user pushes the “?” key, QuestionMark.js triggers a modal window that displays keyboard shortcuts for your app — similar to what happens on Twitter, Gmail, GitHub, etc. Hat tip to Robert Nyman. The modal is removed when the ESC key is pushed or the user clicks behind the modal.
Keyboard shortcuts for web applications are pretty useful. This could also be a generic ‘help’ menu for the pp, but that would require some tweaking to the code and the CSS. For now, this works primarily as a shortcut keys menu.
5 Common WordPress Setup Mistakes
Color Schemes For Google Maps – Snazzy Maps
Snazzy Maps is a repository of different styles for Google Maps aimed towards web designers and developers. All styles are licensed under creative commons and are completely free to use.
Create Color Schemes Easily — Colourcode
Pick colours based on hsl. Scheme-mode with monochromatic, analogic, complement, triad and quad colours.
Design Bulletproof Email Buttons With Enhanced VML & CSS
Bulletproof Email Buttons Generator helps you design gorgeous buttons using progressively enhanced VML and CSS. You can change the background text, background image, background color, border width and color easily as well. You can also create rock-solid background images in emails too.
Creating Non-Rectangular Layouts with CSS Shapes
These days we can create all kinds of shapes with CSS using CSS transforms, but all these shapes do not affect the flow of the content inside or around them. That is, if you create a triangle or a trapezoid with CSS, for example, the shape created does not define or affect the way the text inside it flows, or the way inline text around it does.
CSS Kit for Chrome Extensions
A small CSS Kit for designing the options/settings page for Chrome Extensions. It resembles the exact look as the native settings page of Chrome Browser.
Powerful, Extensible Form Plugin for Building and Validation HTML5 Forms
The ultimate framework for building and validating responsive HTML5 forms. Ideal Forms 3 is smaller, faster, and more extensible.
Simple Plugin that Fades-In Any Elements using a Single Class – fadeM.js
A simple jQuery plugin that fades in any elements using a single class. While it was originally created to fade in elements, we’ve added some other transition and scroll affects: GlideM PopM and StickM.
fadeM.js has been tested and works in current versions of Chrome & Firefox, and IE 10. In IE 9, transition speed isn’t working. This is a known issue. You can still specify start opacity however.
100+ Free Responsive HTML5 Website Templates
If you are looking for free responsive HTML5 templates that you can use to practice your skills or to convert a WordPress theme? You landed on the right page my friend. We have gathered amazing 110 HTML/CSS visually appealing free html templates for you.
Black Tie – Free Handsome Bootstrap Themes
Free handsome Bootstrap themes for everyone.
Free UI Kits built on Bootstrap
Free UI Kits built on Bootstrap for any developer that wants to build a cool looking and functional website. Enjoy!
GlyphSearch – Search for Icons from Font Awesome, Glyphicons, and Ionicons
How to Write a Cover Letter
In this post, you find a sample project cover letter that you can use to bid on projects. This is a generic project cover letter that you will need to bid on most projects. You will find this cover letter handy when bidding on projects. The objective of this letter is to formulize a brief yet effective cover letter for project bids.
Freebie: Ubuntu GUI Template
20 Weather & Environment Icons
Nexus 5 Mockup (PSD)
With the anticipation of the new Nexus 5, the designer decided to create this PSD mockup for all the Android design freaks out there. The template is free for you to use however you want.
Freebie: Metro Style Free Flat User Interface Kit (PSD) – Flatter
A wonderful Metro Style Free Flat User Interface (UI) Kit along-with its PSD source file. Enjoy!
Free Font: Glamor
Glamor Type Family, including a set of 24 fonts with more than 200 unique characters per font, is free for use for personal and/or commercial works. OTF & TTF files are in attached ZIP folders.