This article was published 11 years ago, therefore the contents of this post may be out of date.

Since I’ve posted my 50+ Handpicked Goodies For Web Developers & Designers For May 2013 many great new resources for web developers and designers have been released.

So today’s post are featuring those as you will see down below you will see everything from some great JavaScript tools, jQuery plugins, Apps for your Desktop, Web & Mobile devices to some awesome items in HTML5, CSS, Prototyping, Design, mobile development and including some great photoshop actions & extensions. And for those WordPress lovers I’ve also includes some themes and plugins.

JavaScript & jQuery Plugins

Instano.js

instano

instano.js allows you to instantly detect if JavaScript is disabled after the page is loaded. It modifies the standard tags so that the messages inside can be shown immediately whenever JavaScript is disabled. You can also apply callback functions when JavaScript is reenabled.

Magnific Popup

magnific

Magnific Popup is a free responsive jQuery lightbox plugin that is focused on performance and providing best experience for user with any device (Zepto.js compatible).

jQuery-flip

jquery-flip

jQuery/jQuery mobile plugin to give Flipboard app like effect. Flip effect uses css 3d transform. Flip effect currently works on WebKit browsers (e.g. Chrome, Safari, including iOS mobile safari) or Firefox 11. It still works with other browsers but the “slide” effect will be selected forecely.

Slickhover.js

slickhover

Slickhover.js is a lightweight useful jQuery plugin that produces a slick and smooth hover effect that fades out images and shows a custom icon when a user hovers over an image. All you have to do is call it on an image selector.

jQuery Builder

jQuery Builder

jQuery Builder lets you easily build a custom version of jQuery that just includes the modules you need. You can choose which modules you’d like to include in your custom build.

JS Dares

jsdares

jsdares is an experimental educational programming environment. You can learn by playing “dares” created by other users, or explore the “computational universe” on your own. If you already know programming, you can create dares and share them with the world.

Mix It Up

mixitup

MixItUp is a light-weight but powerful jQuery plugin that provides beautiful animated filtering and sorting of categorized and ordered content. It plays nice with your existing HTML and CSS, making it a great choice for fluid, responsive layouts. It’s perfect for portfolios, galleries, blogs, or any categorized or ordered content!

Countable

Countable

Countable is a JavaScript function to add live paragraph-, word- and character-counting to an HTML element. Countable does not rely on any libraries and is very small in size.

Desktop, Mobile & Web Applications

Masterbranch

masterbranch

Masterbranch is a site for developers and employers who are looking for great developers. This is a place where developers can create their coding profile, which is automatically updated through their open source activity, and where employers can find candidates for available positions by looking at the skills of each developer.

Light Table

lighttable

Light Table is a new interactive IDE that lets you modify running programs and embed anything from websites to games. It provides the real time feedback we need to not only answer questions about our code, but to understand how our programs really work.

Toy Chest Theme

Toy Chest

Toy Chest is a “Flat UI”-inspired color scheme for programmers who like to play. Currently supports Sublime Text, Textmate, and Coda.

Froont

froont

FROONT is a currently web-based design tool that runs in the browser and makes responsive web design accessible to all kinds of visual designers, even those without any coding skills. Please note at the time of writing this this web based tool is only available in Google Chrome.

WebCode Mac OSX 10.7 & up – $49

WebCode

WebCode is a vector drawing app that instantly generates JavaScript+Canvas, CSS+HTML or SVG code. While you are designing HTML5 games, infographics or web user interfaces, WebCode tirelessly writes the code for you!

Developed from the ground up with resolution independence in mind, the code generated by WebCode works great on both Retina and non-Retina displays. WebCode also imports SVG and PSD files, so if you already have some of these, you can easily reuse them.

Triage – iOS App

Triage

Triage is for people who struggle to stay on top of their inbox. It doesn’t try to replace your desktop mail client, but lets you use your downtime to quickly remove the noise and stress.

CSS, HTML5, Frameworks, Mobile & Responsiveness

Clown Car Technique for Responsive Images

Clown Car Technique for Responsive Images

The Clown Car Responsive Image Technique uses media queries within SVG files to load the correct image, with all the logic remaining in the SVG file itself. It’s called the “Clown Car” technique since you are including (or stuffing) many images (clowns) into a single image file (car).

Mobile Detect

mobiledetect

PHP Mobile Detect is a lightweight PHP class for detecting mobile devices, including tablets and smartphones. It detects a mobile environment using the User-Agent string along with specific HTTP headers.

Layout It!

layoutit

LayoutIt! is NOT a site builder. It’s the kick-off for every front-end project you need to develop. LayoutIt! takes every element and component of Bootstrap to make your front-end coding easier without needing to be an expert in javascript, html5 or css3. You just build what you need to start, and then code it however you most like!

Resemble.js

Resemble

Resemble.js is an HTML5 canvas and JavaScript app that analyses and compares images. You just have to drag and drop images into this app and it will highlight their differences.

Nanoc

nanoc

Nanoc is a tool for building static web sites. It can transform content from one format (e.g. Haml or Markdown) into another (usually HTML) and lay out pages so that the site’s look and feel is consistent across all pages. Nanoc is not a true content management system (CMS), as it does not manage content—you manage the content, and nanoc processes it for you.

phpFastCache

phpfastcache

phpFastCache is a high-performance, distributed object caching system, generic in nature, but intended for use in speeding up dynamic web applications by alleviating database load. phpFastCache dropped the database load to almost nothing, yielding faster page load times for users, better resource utilization.

WordPress Plugins & Themes

WPNewsman Lite – Free Plugin

WPNewsman Lite

With WPNewsman Lite you can easily convert your website visitors into newsletter subscribers through double optin subscription forms in widgets, articles and pages, import and manage your lists, create and send beautiful newsletters directly from your WordPress site.

Font Awesome More Icons – Free Plugin

Font Awesome More Icons

Font Awesome More (Fontstrap) is a pictographic font set of over 300 icons. It includes all icons from the Font Awesome set, plus additional icons from the Fontstrap extension set. The icons are infitinely scalable and screen reader compatible.

isotop-gallery

Isotope Gallery is an interactive WordPress photo gallery plugin, best fit for creative and corporate portfolio websites, that lets you create beautifully animated galleries with a modern look and smooth animations.

Smart Fields

Smart Fields is a plugin which lets you build create custom fields in the most common locations of the WordPress administration area.

This plugin is great for adding fields in the administration area, but it’s up to you to display their values in your theme/plugin! This means that you need basic WordPress knowledge to be able to retrieve the right data, output it and style it according to your wishes.

Instagram Recent Photos

Instagram Recent Photos Widget Pro is a WordPress plugin that lets you quickly and easily display recent photos from any Instagram account. Just enter a username and pick your display settings and your up and running! As an added bonus the plugin comes and a tinyMCE plugin that allows you to use the widget in posts, pages, custom post types etc!

Discover – Free Theme

discover

A very neat and clean orange and white business theme. The theme supports widgets. And features theme-options, threaded-comments and multi-level dropdown menu. A simple and neat typography.

Venom – Free Theme

venom

Responsive Business WordPress Theme with slider, Welcome headline and text, 3 column and 4 column section for your products or services, section for client testimonials. Footer has 3 widget areas for your menu’s etc.

Bloq

Bloq is a high customizable theme with a full responsive layout. Trough a dedicated control panel is possible to configure the majority of theme’s aspects and to choose the favourite colour among ten of them. Bloq take advantage of all WordPress features such as post-formats, page templates, custom widgets, shortcodes, including important features specifically designed for it.

GrandNews

GrandNews is new responsive theme for magazines with modular and flexible homepage and build-in rating system. GrandNews is built for heavy-content websites, but it is suitable for all bloggers! This theme comes with many cool features as slider and carousel widgets, modular featured sections and flexible layout and possibility to manage colour schemes, responsively settings. There are also 50+ advanced short-codes with Shortcode Generator support, support for post formats and much more!

Design, Prototyping & Freebies

Retinize It

Retinize It

The best Photoshop actions for preparing designs for iOS or optimized for Retina-display websites

Creative Market’s Photoshop Extentsion

Creative MarketPSDExtent

Creative Market’s Photoshop Extension is to help you find the perfect design assets to make your projects amazing without leaving Photoshop, once you have find the perfect asset for your project it will auto install in a single click which means no more un-zippping downloaded files and manually installing content or even saving and restarting photoshop.

Every single purchases and saved collections that you have done through Creative Market are available inside photoshop. It doesn’t matter where you had bought it or bookmarked your favourite asset it will be able to install by single click when every you need them

Wirekit

WireKit

A bunch of Photoshop shape layers to make wireframing your next iPhone app just a little easier.

Perspective Mockups

perspectivemockups

Perspective Mockups is a set of clever little Photoshop actions that makes presenting your ideas a breeze. It’s simple and uses some clever photoshop techniques to get unique and crisp results.

 

Share

33 More Handpicked Goodies For Web Developers & Designers For May 2013

Discussion

1 Response

Comments are closed.