webtoolkit4.me - resources for web designers and developers

Grid Calculator – A Grid generator for Photoshop and Illustrator

June 13th, 2011 - Useful Apps, Various Tools - No Comments

Grid Calculator

There are many grid templates out there for Photoshop and (i guess, but why?) for Illustrator as well. Grid calculator is an online grid generator that let’s you specify the maximum width of your page, the columns that you need and of course gutter and margin widths. After setting up the values that you need, just click Adobe Illustrator if you want the .ai file or click Adobe Photoshop and you will get a .jsx file. A .jsx file is a script that you can run in Photoshop and in our case it will setup the guides for you.

Demo: http://gridcalculator.dk/

WordPress Custom Post Type Code Generator

June 11th, 2011 - Backend, Wordpress - No Comments

WordPress Custom Post Type Generator

A while ago, WordPress introduced custom post types. It is a great feature as we can now break free from the default post types (posts, pages, revisions, attachments and nav menus) and turns WordPress into a true CMS. Thing is that in order to create new custom post types, a lot of typing is involved. Personally i have created a skeleton post type as a snippet in my favorite editor but there’s one more solution for this (without using plugins). It’s called WordPress Custom Post Type Code Generator and it let’s you do as the title suggests. Generate the code needed for a CPT. Bookmarked!

Demo: http://themergency.com/generators/wordpress-custom-post-types/

Plax – a Parallax jQuery plugin

June 10th, 2011 - Frontend, jQuery - No Comments

Plax - Parallax jQuery plugin

Have you seen the awesome 404 and 500 github pages? Beside the beautiful illustrations by Cameron McEfee, he decided to create a tiny plugin for “parallaxifying” things like that in the future. Well, he also decided to share it with us!

Download: http://www.cameronmcefee.com/plax/

Menu Humility – A WordPress plugin to keep menu items in order

June 10th, 2011 - Backend, Wordpress - No Comments

Meni Humility

Menu Humility is a WordPress plugin that solves a really simple but sometimes annoying problem in the WordPress admin panel. Some plugin authors create their options pages as top level menus and they place them in the first menu group, right under “Dashboard”. Menu Humility will grab these options and place them at the end of the WP menu.

Download: http://wordpress.org/extend/plugins/menu-humility/

Flux Slider – A jQuery / CSS3 slider

June 9th, 2011 - CSS, Frontend, jQuery - No Comments

Flux - jQuery CSS3 Slider

At some point in a project you might have used a slider of images for e.g. your featured articles or something. While there are literally hundreds of these out there, Flux goes a step further and while browser support is not the best, have a look at it as it utilizes some really great CSS3 effects. As the author states, you can either use jQuery or Zapto.js. In order to view the demo you need a browser that supports CSS3 transitions. Good stuff.

Demo: http://www.joelambert.co.uk/flux/

Download: https://github.com/joelambert/Flux-Slider