hostmonster-Host Unlimited Domains on 1 Account   coolhandle offering reliable webhosting since 2001
Unlimited Hosting Space - FREE Site Builder   Smart Website Solutions for Your Small Business=

New Web Design and Development Resources: #13 November Edition

Hey there friends! Go ahead and scroll through this month’s round-up that we’ve prepared for you loaded with amazing resources like a huge engraving brushes pack, cool cartoon characters generator, branding and advertising mockups, useful website and print proposal templates, stacks of jQuery libraries and plugins for text handling and visual effects, roof overlaying stacks of icons you won’t believe, a powerful bunch of web design and development tools and resources, and amazing fonts worth a dribble over. So no need to wait any longer, don’t forget to take it all home.

New for Designers and Developers

Cute Cartoon Characters Generator

Quite a complete set of 600 different vector elements in Illustrator that allow you to combine-and-create as many characters as you can imagine in a cute cartoon style.

Cute Cartoon Characters Generator

20 Modern Flat Vector Icons Set

A set of 20 modern flat style icons regarding miscellaneous topics that are available in Ai, PSD, EPS, SVG and PNG formats.

20 Modern Flat Vector Icons Set

Over 5800 Sport-related Filled Icons for iPhone

A stunning set of over 5800 icons in filled style regarding all kind of sports released in PSD vector format and crafted following all iOS guidelines.

Sport-related Filled Icons for iPhone

20 Free Christmas Icons Pack

A nice pack of 20 icons for Christmas crafted in a nice flat style and available in Ai, EPS, PNG and SVG formats.

20 Free Christmas Icons Pack

Massive Collection of Flat Icon Sets

An amazing collection of 20 flat icons sets, each of them regarding a different topic and containing several thousand icons.

Massive Collection of Flat Icon Sets

Branding Identity Mockup PSD

A cool branding mockup set that comes in a fully layered PSD file featuring smart-object layers for you to easily add your designs. You can also customize this mockup’s colors, textures, and hide or move around objects.

Branding Identity Mockup PSD

Free Perspective Website Mockup

A nice perspective screen mockup for website template featuring that comes in PSD format allowing you to include your design through smart objects.

Free Perspective Website Mockup

A Set of 110 Engraving Brushes for Illustrator

An amazing pack of 110 different brushes for Adobe Illustrator that feature a stunningly real-looking engraving style allowing you to compose breath-taking illustrations.

Engraving Brushes for Illustrator

Smooth Low-Poly Style Proposal Template

A nice proposal template that features a smooth low poly style mixing pastel and sour colors and that comes available in Ai, PSD and InDesign formats.

Smooth Low-Poly Style Proposal Template

CircleType.js: Curve Text Typing jQuery Plugin

CircleType is a lightweight jQuery plugin that allows you to generate texts following several types of arcs and circles totally customizable to your taste.


Morphext: Animate.css-powered jQuery Text Rotator

Morphext is a jQuery text rotator dependent on Animate.css library and that allows you to apply cool effects to your text such as flipping, fading, bouncing, and attention seeking.


Quietflow.js: jQuery Visual Effects Library

Quietflow is a library for jQuery that allows you placing dynamic or static visual effects in your websites backgrounds. Some of the visual effects have star fields, triangles, flashing streams, and more.


Material Design Swipe to Refresh

A material design pull-to-refresh effect plugin for jQuery and Zepto that uses CSS3 that can be easily instantiated and hidden with a one-line code.

Material Design Swipe to Refresh

Viewer.js: Full-featured jQuery Viewing Plugin

Viewer is a jQuery plugin for showcasing images allowing you to handle with effects like flip horizontally or vertically, rotate left or right, zoom, reset, and more.


Project Management for Creative Agencies

Paymo is an intuitive project management tool that allows you to take control of your projects and keep your team in synchronized by optimizing time, replicate success, and improve accountancy.

Project Management for Creative Agencies

Bootstrap Studio: Web Design Tool

A powerful web design tool for creating responsive websites using the Bootstrap framework which features an intuitive user interfaces, real-time previewing, rich library components, smart reusable components, and an advanced CSS editor.

Bootstrap Studio

Inject: Web-apps Compliant Dependency Management

Inject implements a modern way to manage dependencies in a Library Agnostic way featuring in-browser CommonJS Compliance, Cross domain retrieval of files, and localStorage.


Codeception: BDD-style PHP Testing

Codeception is a PHP testing framework that requires minimal installation steps and no dependencies other than PHP allowing you to do a test of acceptance, APIs, units, AspectMocks, and more.


Behat: Behavior-driven Development Framework

Behat is an open source behavior-driven development framework for PHP 5.3/5.4 which idea is to describe features of your application and how it should work, for implementing this in software.


Online React Cheat Sheet

React Cheat Sheet provides you with the key functions and cheats for the well-known user interface framework React, allowing you to boost your coding towards a higher level.

Online React Cheat Sheet

InkPaper: An Elegant Static Blog Generator

InkPaper is an elegant desktop software that allows you to easily generate static blogs with a fresh and clean style available in both English and Simplified Chinese.


BackstopJS: Responsiveness Testing Tool

BackstopJS is a testing tool that helps you checking for responsiveness errors in your stylesheets by screenshotting your website or web app in several sizes and providing you with an error report.


Photoshop CS6 Shortcuts Cheatsheet

A cheat sheet of Photoshop CS6 shortcuts for OSX devices keyboards including commands for switching tools, selecting, and viewing options.

Photoshop CS6 Shortcuts Cheatsheet

TypeSource: Google Web Font Inspiration in HTML CSS

TypeSource is a Google Web Fonts feed site that features Google’s fonts for inspiration purposes, allowing you to edit the featured text and view the styling source code of each of the posts.


Origami CSS JS Dialog Effect

An origami-like pop-up effect that gets activated as it is clicked on, deploying a customized message and shrinking back as you click it again.

Origami CSS  JS Dialog Effect

CSS Holidays Calendar

A grid laid out calendar crafted in CSS for showcasing the holidays throughout the year in the U.S. which months are expanded as click on each of them.

CSS Holidays Calendar

Navigation Bar Items Animation

A set of CSS animations for navigation bar items as you hover over them such as sliding screens, bars, fading parentheses, and more.

Navigation Bar Items Animation

Newspaper Style Design

A very useful and attractive CSS snippet that allows window resizing to have a very smooth and progressive responsiveness as it delays a bit the adjustment of the text and eventually it stabilizes.

Newspaper Style Design

Realistic Text Reading Effect

A realistic effect text reading effect that blurs the text you’re not focused on (edge-most positioned texts) as you scroll.

Realistic Text Reading Effect

Rotating Leaf Particle Animated Background

A breath-taking background effect featured by rotating leafs being blown by the wind as particles and which parameters you can adjust.

Rotating Leaf Particle Animated Background

Ikra Slab: Squared-ends Typeface

Ikra Slab is a typeface that features squared ends supporting Latin, Cyrillic, and Bashkir alphabets in both lowercase and uppercase, as well as numeral and glyph characters.

Ikra Slab Typeface

40 Curated Logo Fonts List

A curated list of 40 stunning fonts perfectly suitable for logo design and branding purposes, you’re able to download them all in one go, like them or suggest others.

40 Curated Logo Fonts List

Morracle: Free Hand Painted Font

Morracle is a hand-painted font that features a very freeish style featuring lots of curly ends and paint sprinkles around it being available in uppercase, lowercase, numeral, and glyph characters.

Morracle Font

Samfolio: Personal One Page Web PSD Template

Samfolio is a personal one-page template in PSD format featured by smooth contrasts between its containers with flat, pattern, and image backgrounds.


Afrodyta: Clean PSD Website Template

Afrodyta is a clean website template in PSD format that features nice combinations of font and thumbnail sizes creating quite a creative layout.


Foliac: 4-scheme HTML Template

Foliac is a nice HTML template for websites featuring a nice flat style and 4 different schemes crafted mainly for portfolio showcasing.


Better Icon Design in 6 Easy Steps

A cool article that comes with 6 tips or steps for a clean-cut and easy way to create icons for the web for any case, vertical or horizontal orientation, or square and round layouts.

Better Icon Design in 6 Easy Steps


Another great list of free resources this month, hopefully you can use them. Thanks as always to the designers and developers who bring us the results of their time, effort and skill for free.

Don’t forget, if you come across anything or have designed or developed anything that you think could make it into our next list, please share the link with us.

Article source:


Submit a Review

If you want a picture to show with your review, go get a Gravatar.

1&1 has shared hosting and dedicated hosting solutions for every budget and free domains with all hosting packages!  StartLogic - Affordable hosting: Free setup/domain, unlimited emails, PHP, mySQL, CGI, FrontPage. As low as $3.95/month
Cloud ecommerce platform delivers more traffic, higher conversion and unmatched performance

© Copyright 2008 Tyconia International, Inc. All Rights Reserved.