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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
Conclusion
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.
