50+ New Handpicked Goodies For Web Developers & Designers For July 2013

July 7, 2013 — Leave a comment

As web designers, web developers and graphic designers we are constantly looking at for those new resources, tools and application that can help us increase our productivity while working on client or personal work.

Down below is a quick look at some the recently created resources that really deserve your attention — everything from some great JavaScript tools, jQuery plugins, Apps for your Desktop, Web & Mobile devices especially for those who loves dribbble and got some design software like adobe indesign I got a special plugin, and include for you I’ve found some awesome items in CSS, one great new CMS from dev7 (the people behind NivoSlider), some excellence web resources. For those WordPress lovers I’ve also includes some themes and plugins and last but not least I’ve added some design files such as icons and fonts that i hope you will find interesting..

JavaScript & jQuery Plugins

Manson.js

masonjs

Mason was created to fix the problem that you find with most grid system currently available… Gaps. When you use Masonry, Isotope or any of the other type of grid plugins out on the market, sometimes the grid will contain gaps or ragged edges. Mason created to fix and fill those gaps.

Flippant.js

Flippantjs

Flippant.js is a small javascript & css library for flipping animation. It likes pinterest modals, but it can also make for any DOM in the HTML. Flippant.js is a standalone javascript library in vanilla javascript with 0 dependencies for using it.

cujoJS

cujojs

cujoJS is an architectural toolkit for building highly modular, maintainable web applications that are easy to test and refactor, with zero framework lock-in.

Progression.js

progression

Progression.js is a easy implemented jQuery plugin that shows tips within an active form field and that also displays the progress (how much of the form is filled). It uses the data attributes for storing the tips and has quite a few options for customising the tooltip . This plugin is excellence for those who has any type of form but especially the ones that a huge form that takes many page scrolls to be done.

Tabby

tabby

Turn any set of <a> or <button> elements into tabs by wrapping them in a <div> with the .tabs class. Assign each tab a data-target whose value matches the ID of the tab content. Wrap all tab content <div> elements for a particular tab set in <div> with the .tabs-content class.

initmap.js

initmap js

initmap.js allows you to embed Google Maps in a nice, quick, and easy way. The plugin gets rid of the boilerplate code to embed a Google Map. With this plugin its also gives you the flexibility you need to do more complex things.

Tabulous.js

tabulous js

Tabulous.js can be used with any contents you choose in the tabs and it couldn’t be more simpler to use.

React

react

React is a JavaScript library for building great user interfaces. It uses a declarative paradigm for easier reasoning, computes the minimal number of changes necessary to keep your DOM up to date, React will work with the libraries and frameworks you’re already using.

Desktop, Mobile & Web Apps

NoteSuite – Mac App – $4.99

notesuite

NoteSuite lets you stay on top of everything that’s important in one organized place. NoteSuite combines world-class note-taking, to-do management, web-page clipping, and document organizing in one app. NoteSuite can syncs with the iPad, so everything you do on one device can be available on the other. NoteSuite works anywhere, including offline. With no subscriptions, extra fees or Wi-Fi hunting required. All your data is stored on your devices, so it’s safe, private, and always available — today, and in the future.

Milk – Mac App – $9.99

milk

Milk is a Tumblr Client for the Mac. Everything you love about Tumblr, from the comfort of your desktop from allowing the people who have multiple blogs on separate accounts you can switch between them with a click, and for those instance when you don’t have any internet connection milk will still allow you to create and save posts on your mac then you either can post,queue or even draft them when you’re are back online.

You don’t have to worry about updating Milk as it continually checks for the lastest update in the background this app is available for OS X 10.7+.

Brightpod – Web App – Professional ($19/Month), Studio ($49/Month), Agency ($129/Month), Agency Plus ($399/Month)

brightpod

Brightpod is the easiest project collaboration software that your marketing team will use to feel calm, focused and in control.

Blooki.st – Web App – Free

blookist

Blookist is a new and innovative blogging & publishing platform that has just emerged into existence. Blookist aims to change our approach to blogging by shifting the focus from the creator to the content and introducing a new way of collecting and publishing your content online – with “blooks”.

Ginger – Free, Small($19/Month), Medium($49/Month), Large($119/Month)

ginger

Ginger is a useful collaboration tool which can help users work with their teams, discuss projects, comment on the progress and that includes much more.

Roon – Web App – Free

roon

Roon is a blogging platform which will look beautiful on all devices and every screen size. You get all of this without the need to write or customize any code and for people who want this app on either your Mac or iOS device these are coming very soon.

Clipping Magic – Web App – Free

clipping magic

With Clipping Magic you can easily remove the background from any of your photos to create masks,cutouts or clipping paths all done instantly online

Serial+ – iOS App – $2.99

serial

Serial+ is an iOS app that helps you organize the warranties that come with everyday purchases. Most of the things we purchase these days come with a warranty, however we often forget to save this important information. Serial+ is here to help. Buy an item, open Serial+ and add it to your list. Quick, easy and how it should be. Serial+ can also help inventory your items for insurance purposes.

Elevatr – iOS App – Free

elevatr

A beautifully-designed app designed to collect your business ideas.

PDF Max Pro – iOS App – $9.99

PDF Max Pro

PDF Max Pro was designed for those people who’re looking for a full-featured PDF annotating, form-filling & note-taking app. PDF Max provides all features you need for an everyday PDF & note-taking app in one place so that you do not need to spend extra money for other apps

Bounce – Software App – Free

bounce

Bounce is a free plugin that integrates and connects the Dribbble design community into the design applications you love to build with everyday. By keeping up with the game has never been easier as it’s now possible to check out the latest popular shots, keep track of your activitly feed and dish out the likes all without leaving the app your currently designing in. Bounce supports Photoshop, Illustrator, In Design and Fireworks.

CSS, HTML, Frameworks & Other Great Resources

CSS Buttons – Built with Sass & Compass

Buttons

Buttons is A fully customizable CSS button library built using Sass & Compass, created by Alex Wolfe. Buttons.css is built by Sass and Compass. It contains a set of varibles that allow you to config and build your own.

CSS Modal

css-modal

CSS Modal is built out of pure CSS. It is optimized for mobile and built using accessibility in mind.

Cinderblock

Cinderblock

Cinderblock is a stripped down HTML and CSS boilerplate for starting any project. It includes CSS and JavaScript starting points, but is incredibly flexible so it will fit your needs.

Gridism

gridism

Gridism is a simple responsive grid that’s easy to use. on screens that are smaller than 568px wide the grid units will display stacked, while on larger screens grids can have a maximum width of either 978px or 1140px.

HTML Inspector

html-inspector

HTML Inspector is a highly-customizable, code quality tool to help you (and your team) write better markup. It aims to find a balance between the uncompromisingly strict W3C validator and having absolutely no rules at all (the unfortunate reality for most of us).

Aristochart

aristochart

Aristochart is a small but highly customizable and flexible line charting library for canvas. Aristochart allows you to focus on aesthetic while it manages the data behind the scenes.

Pico – CMS

pico

Pico is a flat file CMS, this means there is no administration backend and database to deal with. You simply create .md files in the “content” folder and that becomes a page.data behind the scenes.

Screen Sizes

screen sizes

Screensiz.es is a nifty little database of screen specifications for the most popular devices on the market.

Cardinal

Cardinal

Cardinal is a small, “mobile first” CSS framework with some useful default styles, scalable typography, reusable modules, and a simple responsive grid system.

Magic

magic

Magic is a CSS3 framework with many animations. Is simple to use and many animations are cross-browser compatible.

Hitch

hitchjs

Hitch is a small (5.5k gzipped) JavaScript prollyfill engine which provides an extension model for CSS and HTML. Including Hitch in your pages will lets you import and use features like CSS selectors that have only been proposed or HTML widgetry based on an earlier Web Components proposal (simple microformats which provide an easy uplift to real native when you decide to do so). With Hitch, it is up to you the author of the page/stylesheet to determine which features you need, not the user’s particular browser.

Cikonss

Cikonss

Cikonss are created in order to be pure CSS, responsive and cross-browser usable. By “cross-browser” I mean IE8 as well. This means that CSS2 is in use which leads to limited shapes (and icons) available.

Girder

girder

Girder is a minimalistic grid for building awesome websites with sass targeting the modern browser. It uses silent classes (placeholders) to structure content in HTML and keeps your Markup free of excess presentational classes like “unit_1of4″, “small-2″, “grid4″.

Codifferous

Codifferous

Codifferous helps you review code faster and more effectively. It tracks how much you’ve reviewed within the source code, and even lets you mark whether each line is accepted or rejected.

Stocksy

stocksy

Stocksy is a stock photo service that offers high quality and royalty-free photos that are unlike most stock photos and exclusive to Stocksy and with photos that starting at only just $10.

Twittstrap

Twittstrap

Twittstrap is a responsive web template built with twitter bootstrap font awesome and windows metro buttons, using LESS CSS and while being managed through github

WordPress Plugins & Themes

Portal – Free Theme

portal

At its core, Portal is a minimal blog theme, but it’ll work perfectly as photography and portfolio theme. It integrates with our Page Builder plugin, so you can use it to build anything from a single landing page to a full business website. We built Portal with speed in mind. It ships with fully optimized Javascript and image spritemaps – drastically cutting load times.

Current – Free Theme

current

Current is just about as flat as they come. It’s particularly well suited to designers and developers with its home page banner that can display your work on verity of flat devices. Current has full Page Builder integration. You can use this to build home and sub pages for your just about any type of site. Be it business, portfolio or just a simple marketing squeeze page.

Xin – Free Theme

xin

XIN is a Mobile First theme based on Foundation 4 Framework. XIN is the moment before sunrise in Chinese. It features a touch-friendly Home Page template and responsive sidebars. XIN supports 2 menu positions, 15 widget area, 7 Page Templates, 3 color scheme and 2 highly customizable widgets. XIN has many easy to use theme options and build-in Google Fonts support. This is the second theme from the author of the popular Voyage theme. Free and professional support at http://www.xinthemes.com/support/

AndroCaptcha – Free Plugin

AndroCaptcha

AndroCaptcha is a plugin that makes your admin page secure and it does it with style. It uses a captcha like an android lock screen where you have to match the pattern from an image.

New Google Plus Badge Widget – Free Plugin

New Google Plus Badge Widget

This plugin allows you to quickly and easily add the new Google Plus badge widget to your blog running WordPress.

Red Button – Free Plugin

Red Button

Adds css for a red button that matches the default blue button of WordPress 3.5.

WP FrontEnd Form – Premium Plugin – $21

WP FrontEnd Form

WP FrontEnd Form (WPF) is a WordPress Plugin, use to create a posting form at Front-End with shortcode support. WPF support unlimit Custom Post Types (CPT) , unlimited Taxonomies, unlimited meta fields and multiple input fields with different multiple purpose

InfinityFusion – WordPress Admin Skins – Premium Plugin – $12

InfinityFusion

InfinityFusion is a fully responsive and retina display ready (and even higher!) set of admin themes to accompany your front end WordPress theme, giving your users or clients a completely rounded and premium experience: This is a great way to impress all who view your work and make you and your website stand out from the crowd.

WP Store Frontend – Premium Plugin – $13

WP Store Frontend

Are you running e-shop with good traffic and want to increase more traffic, income and product then this plugin is best for you it help you to do so. this plugin support best WordPress eCommerce plugin WooCommerce, WP e-commerce, MarketPress just install activate and add your shortcode for start.

Hero – WordPress Portfolio – Premium Plugin – $14

Hero

Hero is a WordPress Plugin that shows your portfolio in an interactive way. You can display portfolio as three, two and one column. Additionally you can also display portfolio by category. Hero also supports single page, multiple images or video for each portfolio item.
– Premium Plugin – $

WP URL Shortener – Premium Plugin – $12

WP URL Shortener

WP URL Shortener is plugin that allow you to shrink long URL to short URL with your own website domain. (e.g. yoursite.com/url/MTOLe) This plugin will placed on wordpress meta box, under post editor.

WPLocation – Premium Plugin – $13

WPLocation

WPLocation is a very easy-to-use plugin that allows location data to be attributed to posts and pages, which is then displayed through the use of Google Maps, to show either where in the world the article/post is refering to, or where it itself was written. This is very useful for websites which talk frequently about current affairs, and want to give a slightly deeper level of context with minimal effort.

WordPress Social Invitations – Premium Plugin – $14

Wordpress Social Invitations

Allow your visitors to invite friends of their social networks such as Facebook,Twitter, Linkedin, Google, Yahoo, Hotmail, Foursquare and more directly into your WordPress site. This plugin works perfectly with Buddypress and also hooks into Invite Anyone Plugin.

Orquidea – Premium Theme – $40

Orquidea

Orquidea Responsive WordPress Theme – is a wordpress theme for everybody. By our theme you can create an awesome website in less then 30 minutes. Choose Orquidea theme – and our support will help you to setting the theme. Our theme is universal, you can use it for a beauty salon, or for a fashion agency or as a photography theme.

Orquidea Theme have a lot of custom template, such as about pages, contacts, team, services, single service etc… You can enable or disable sidebars on pages or on the blog. The theme have an awesome gallery. Choosing Orquidea theme, you choose your future and your success!

Forest – Premium Theme – $40

Forest

Forest is a bold portfolio WordPress theme, created with flat design and solid coding practice. Clean, sharp and customizable design that is ideal for creative teams and individuals. Responsive from head to footer and retina display ready, this theme provides a future-proof solution for your next big thing.

Arto – Premium Theme – $45

Arto

ARTO is a beautiful Flat and Responsive WordPress theme with a clean design that fits perfectly for your upcoming project. ARTO is simple to use with an Advance Theme Option Panel and a lot of cool features that make this theme suitable to be a portfolio, business, corporate or landing website. Just be creative!

Clipboard – Premium Theme – $35

Clipboard

Clipboard is an awesome tumblog style WordPress theme that comes chock full of style and customisation options. If you’re looking to get started with microblogging then Clipboard is the way to go!

Superstore – Premium Theme – $55

Superstore

Superstore is a hugely scalable WooCommerce theme designed to cater for lots of products. With infinite scroll on shop pages site visitors can view your entire shop catalog on one page, or easily drill down to category specific listings. With an optional business focused landing page, a responsive layout, and slick CSS animations and styling it’s super lightweight, whilst completely versatile.

WP Pro Real Estate – Premium Theme – $50

WP Pro Real Estate

WP Pro Real Estate 5 is one of the most powerful real estate themes purpose built to showcase your listings, loaded with features & beautifully designed! WP Pro Real Estate 5 is fully responsive so no matter what device your users are on it always looks SHARP!

WP Pro Real Estate 5 can be used for anything from real estate to vacation rentals to automotive sales. Don’t be fooled by others promising clean code and easy customization, I’ve coded this theme from the ground up with customization and ease of use in mind.

Design Pieces – Icons, UI’s & Typography

Micro – A Grid based wireframe PSD Template

microframe

Mini Mail Application (PSD)

mini-mail-application-psd

Flat icons – EPS

Flat icons eps

Icon Set Grid and Guides

Icon Set Grid and Guides

iOS 7 icons – Vectors

Free iOS 7 icons in vector

Web & App UI Kit

Web & App UI Kit

Core Circus $5-$140

Core Circus

Niveau Grotesk $40-$249

Niveau Grotesk

Potomac – $15

potomac

No Comments

Be the first to start the conversation!

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s