32 More Hand Picked Goodies for Web Designers & Developers For May 2014

For today’s awesomeness this post extends from my earlier post of the 55+ New Handpicked Goodies For Web Designers & Developers For May 2014, as many of you including really don’t want to read through a huge list of great resources, so basically down below you will find some more greatness such as JavaScript tools, jQuery plugins, Apps for your Desktop and Web devices and I’ve included a few design software extensions, things for css, to some great Plugins & Themes for WordPress and lastly some more great fonts, icons & other design freebies or design items that you may have to pay for that do deserve your attention.

JavaScript & jQuery Plugins

Kreate

kreate

Kreate is a tiny helper method for jQuery that can quickly generate DOM elements as a standard jQuery object. You can “Kreate” a single element (such as a

) or up to however many elements your browser can handle before crashing it.

Draggabilly

Draggabilly is a small JavaScript library that does one thing well and it’s is draggable. Draggabilly makes it super easy to add drag-and-drop functionality to your site. It also supports IE8+ and multi-touch. You can specify both a containment area and specific handle for dragging. Installation is simple, just download and include the file.

Framer

Framer is a JavaScript framework that makes creating realistic prototypes a breeze, complete with filters, spring physics and full 3D effects. Define interactions and create animations in a simple, readable and powerful way.

patternLock

Pattern Lock is a lightweight plugin to simulate android like pattern lock mechanism for your hybrid app or for a website. It’s easy to configure and style so you can have different type of pattern lock according to your need. Is also provide some methods to use this plugin securely.

Desktop & Web Applications

PaintCode2 – Mac OSX 10.8 App – $79

PaintCode is a vector drawing Mac app that generates Objective-C code in real time, acting as a bridge between the developers and the designers. Developers can create an app that is truly resolution-independent while using code to draw a user interface. In the new PaintCode version it’s introduces StyleKits, Variables and Expressions and even included PSD and SVG import modules, users can turn their existing assets into resolution-independent code.

Clockwise – Mac OSX 10.8 App – $6.99

Clockwise is a minimalist and easy-to-use status bar application that stays out of your way while triggering all sorts of useful actions and alerts.

Concept – Web App – Freelancer $24pm/Busy Freelancer $49pm/Studio $89pm/Agency $179pm

Concept.vu is a fast and effective way to manage feedback and client approval on your design, video, and audio concepts.

Compressor – Web App – Free

Compressor.io is a powerful online tool for reducing drastically the size of your images and photos whilst maintaining a high quality with almost no difference before and after compression.

Griddify – Photoshop Extension – Free

Griddify is a tiny Photoshop Panel to make Guides and Grids. Griddify is tiny and fast. It helps you compose custom grid systems, vertical rhythm, and do a bunch of other stuff with guides in photoshop.

CSS, HTML Frameworks & Other Great Tools

Kite CSS

kite

Kite is a flexible layout helper CSS library, as Kite uses `inline-block`, which not the latest CSS Syntax but It’s practical, simple to understand and easy to use. As kite behaves like flexbox justify-content, etc. You could easily create complex modules and it’s based on OOCSS with MindBEMding so it helps you to rapidly build your components plus Kite supports almost every browser and comes under MIT License.

Dot’s Dictionary

Dot’s Dictionary is a fun illustrated guide that uses simple language and engaging visuals to explain common terms related to graphic design in a way that makes them easy and accessible to all. Informative doesn’t have to mean boring! Each of the definition is accompanied by an interpretive illustration that explains abstract concepts through concrete yet whimsical diagrams.

Onsen UI

Onsen UI is a Custom Elements-Based HTML5 UI Framework for building you mobile front end, Onsen UI makes building applications simple as it base on the concept of Web Components. Applications can be build using HTML tags web developers that already know.

CSS Loader

CSS Loader is a collection of loading spinners animated with CSS. Each spinner consists of a single div with a class of ‘loader’ and content text of ‘Loading…’. The text is for screen readers and can be used as a fallback state for older browsers. The aim of this project was to create a set of minimal loading spinners that are visually appealing and also convey their intended meaning.

A strict limit of one element per loader (not including pseudo-elements) was placed on this project based on the belief that something as simple as a loader doesn’t deserve more. Each loader is given a font size in pixels and all other sizes are in ems so to change the size of a loader, just adjust the font-size.

CSS animations

CSS animations open up a whole new way to look at and use CSS to bring motion to the web in creative ways. This Pocket Guide is designed to help you jump into using CSS animations in your own projects, providing a strong foundation on which to start experimenting and creating.

App Marketing Strategy Guide – Free eBook

Some of the app developers simply submit their apps to app stores and just wait to see what happens but then they will eventually modify their apps to make them more attractive. Well, that’s not an effective strategy. In fact, jumping into an app store and trying to swim somehow is not a strategy at all, this ebook will help to shape your app idea into a profitable business.

WordPress Plugins & Themes

Lowlevel Webforms – Free Plugin

This plugin is experimental which is still in needs of further development but the developer of this plugin want to know what direction you want it to be developed. But as we see that many webform plugins let you create forms interactively but they have many options, some even let you insert PHP code. But in the end they all create some html. The idea of this plugin is that it creates basic html which you then can modify for your needs. The plugin sends emails to the visitor and the admin, for each of them you can create a template containing the field values. And it provides the hooks you need to create your own functionality.

WP noFrame/noClickjacking – Free Plugin

WP noFrame/noClickjacking is a simple effective frame breaking plugin that protects your site content from being embedded into other sites – effectively defending you against clickjacking attacks.

IG Shortcodes – Free Plugin

IG Shortcodes is a complete set of WordPress shortcodes to add beautiful and useful elements to your theme. With this plugin you can easily create buttons, social icons, columns, toggles, accordion, tabs, alert boxes, quote, box features and list. With IG Shortcodes you can turn your free theme to premium in just a few clicks.

Looader – Premium Plugin $14

Looader

Looader is a highly customisable WordPress plugin that gives you the possibility to add infinite kind and style of fully editable loaders. Looader is created to manage and edit CSS animated loader in a very simple and easy way as a result you can easily create your own CSS loaders ,transform them to valid .loader file and add them to you collection and start editing every feature of them using our simple and easy to understand file format …. Or you can just enjoy our current and growing ready loaders and stay in touch with us for more.It doesn’t stop here Looader give you the possibility to add animation to your content and loader motions (Over 70 animations).

WP GoLive – Premium Plugin $17

With WP GoLive plugin allows you to migrate your WordPress website from Localhost (local machine) to your live host server, or from server to server, all you have to do is fill in few fields (FTP details, Database details), and then push “Start”! and that’s all!

Make – Free Theme

make

With the Make theme you can create your website without touching a line of code. As Make’s flexible customization features and a powerful drag and drop page builder make designing your site fun and easy. Build almost anything: a simple portfolio or photography site, an ecommerce business site, a minimalist blog, or even a professional magazine. You’ll start by customizing your background, layouts, fonts, colors, and logo. Next, add and organize your content using the drag and drop page builder. Add a photo, a video, a gallery, or even a slider to any page on your website. Make is responsive, so your website will naturally look great on phones, tablets, and desktop screens. It’s also fully compatible with popular plugins like WooCommerce, Gravity Forms, Contact Form 7, Jetpack, and WP PageNavi.

Technews – Free Theme

The TechNews theme is developed with simplicity in mind. It is a beautiful responsive theme based on skeleton framework that packs two columns layout ideal for a typical blog. It has a slider for featured posts as well. Don’t be fooled by the name alone. It can be used for any type of blog/website and not just the technology blog. Feel free to hack/customize the theme in whichever way you want.

MedicalPress – Premium Theme $45

MedicalPress is a WordPress theme for Health and Medical websites. It is a highly suitable theme for doctors, dentists, hospitals, health clinics, surgeons and other type of health and medical related institutions. It has purpose oriented design, responsive layout and special features to manage appointment forms, facilities, services, doctors, gallery items, testimonials, FAQs, news posts and pages.

Novelty – Premium Theme $45

novelty

Novelty is a straightforward and feature-rich magazine WordPress theme. Novelty has been built by using some of the most popular current design trends as HTML5, CSS 3, jQuery. Fully responsive, it has really great look and is very attractive on any device.

Focus – Premium Theme $45

focus

The Focus Responsive WordPress Theme is really creative, feeling very gentle and delicate are what This WordPress template will bring to your Magazine sites, Blogs Site, news site It is specially designedthat will work great for travel agencies, travel and city guides, review website and this theme been built in Opal’s Wordpres Framework Theme With Bootstrap 3 that to make fully responsive theme that works perfect on all kind of resolutions as well for mobile, tablet, desktop having medium and large screen.