New Web Design and Development Resources: #15 February Edition
Hello there folks! This month’s freebies are supercharged with amazing web resources such as a set of T-Shirt mockup templates, the second version of the cute cartoon characters generator, an artistic collection of mobile UI screens, a professional looking invoice print template,some amazing PSD templates of websites for inspiration, frameworks for CLI, mobile development, and more.
As always, I’ve included a few articles that will revamp your skills regarding typography selection and general website building. So don’t wait any longer! Dive in and discover all these resources we’ve picked for you.
New for Designers and Developers
Huge T-Shirts Mockup Templates Pack
An amazing set of mockup templates for T-shirts, sweaters, and hoodies available in PSD format for branding purposes featuring smart objects for advanced customization.
Cute Cartoon Character Generator V2 (1800 Items)
A stunning set of 1800 different scalable and editable vector items like facial expressions, freckles, accessories, and more, for generating cute cartoon avatars and characters available in both PSD and Ai format files.
Mobile UI Kits Collection
A great collection of UI kits for mobile devices collected from all across the internet featuring several styles such as flat, material, and clean, as well as several categories like for restaurants, magazine, eCommerce, travel, and more.
Noir: Professional Invoice Template
A neatly crafted invoice template that features regular spaced and tilted line-shaded sections for its separators and blank areas as well as a perfect combination of serif and sans-serif fonts that provides your branding with an utterly professional style.
Retro Wood Photoshop Text Effect Styles
An amazing set of 4 PhotoShop text effects through text layer styles to give your texts a stunning vintage style.
16 PSD Web Badges Set
A cool set that contains 16 badges delivered in PSD format and includes the fonts they were created with. You’ll find badges for buy now, on sale, best choice, and more.
Vector Circular Logos And Badges Set
Aa amazing set of 10 minimal style fully editable and scalable circular logos and badges that come available in vector Ai, EPS, and PDF format.
Digital Glitch Text Effect
An amazing text effect for Photoshop that allows you to give your texts a realistic TV noise-like distortion through smart object layers counting on 2 versions of the effect.
Timbre.js: Functional Audio Processing & Synthesizing
Timbre.js is a JavaScript functional audio processing and synthesizing system for your web apps in a jQuery/nodeJS-like mode. It counts on many Timbre Objects that connected together to define the graph-based routing for overall audio rendering.
Zoom.js: jQuery Version of Medium’s Image Zoom
Zoom.js is a jQuery version that simulates to detail Medium’s image zoom functionality by lifting it forward in a nice transition as its overlay smoothly fades white.
Cory: Tiny Generator for Static Sites
Create static sites taking advantage of the amazing stack in the JavaScript universe, Cory combines clean, logic-less handlebars templates and markdown files counting on a straightforward development workflow.
Viewer.js: JavaScript Image Gallery Viewer
A highly useful image gallery viewer developed in JavaScript that features several functionalities like zoom, rotate, flip, and full screen, inline, and full window overlay presentation.
Calaba.sh: Cross-Device Automated Acceptance Testing
Calabash is a developing tool for mobile devices that allows you to execute automated acceptance tests of applications in Android in iOS consisting of libraries that enable test code to interact programmatically with native and hybrid apps.
DPM: Sketch Plugins Package Manager
DPM is a package manager for Sketch plugins that allows you to simply keep plugins synchronized across teams and devices.
Megamenu-js: Responsive Mega-menu
Quite a useful megamenu developed in JavaScript that features cross-browser compatibility, has no classes for dropdowns or lists, 100% responsive functionality, seamless WordPress integration, and much more.
iPhone Guideline Crafted Animal Icons
A huge set of over 5,000 mesmerizing animal icons in solid style crafted under the iPhone icons’ guidelines available in vector PSD format.
Colossal Vector Mobile Icons Bundle
A colossal collection of 26k vector icons sorted out in 6 different styles for several mobile devices, you’ll find icons for Windows Phone (Win8 & Win10), Android (Classic & Material), iPhone and general Line & Outline styles.
Home Appliance & Real Estate Icons
An amazing set of 72 icons related to home appliances and real estate items delivered in Ai, CSH, EPS, SVG, Webfont, and Sketch format files.
Vorpal: Command-line Interface JavaScript Framework
Vorpal is a framework that allows you to build mature and immersive applications in JavaScript Language in the command-line interface featuring simple syntax, built-in tabbed autocompletion, persistent command history, and more.
Rikulo UI: Web and Mobile Dart Framework
Rikulo is a user interface dart framework for mobile devices that features structured UI model, responsive UX across touch devices, MVC architecture, Cordova/PhoneGap integration, and more.
MJML: Responsive Email Framework
MJML is a markup language design to reduce dramatically the pain of coding for responsive e-mail newsletters by featuring a highly semantic syntax that makes everything be pretty straightforward and fast.
TruckJS: Mobile Apps Framework
TruckJS is a framework to help you build your mobile devices web applications by using platform-specific themes featuring encapsulating models for automatic views updating, as well as mediators, templates, components, and more.
StringBean: The 4K Featherweight Framework
StringBean is a CSS framework based on a 16-point system, rather than the traditional Bootstrap’s 12-point one featuring several breakpoint resolutions for better performance in bigger screens.
GrapesJS: Open Source Web Template Editor
GrapeJS is a free and open source web template editor that requires no code at all, allowing you to create websites completely effortlessly through simple and intuitive UI control elements and selectors.
Resizer: Google’s Responsivity Check Web Tool
Resizer is a Google’s web tool that allows you to simultaneously check the responsivity of your website in three different screens being these a laptop, a tablet, and a phone screen.
Direction-aware 3D Hover Effect (Concept)
A snippet that allows you generating a CSS description overlayer through 3D rotate effect on hover event that features direction awareness for grid layouts.
Cool Material Design Navigation Hover Effect
A nice hover effect for navigation menus that highlights each of the elements as you hover over them with a smooth transition of color change and underline sliding.
Wavescroll: Strip-Draggable Background
a new concept of page-by-page scroll transition that splits the background image of each page into regular width strips. You can either scroll with the wheel or drag the strips from any spot.
Social Share Expanding Button
A cool Material Designed First button that expands in a colossal white circle which contains nice circular social sharing buttons.
Bulletproof Centering in HTML Emails
A great article that gives you exceptionally valuable tips for centering email campaigns through pure HTML explaining how to do it individually for texts, containers, images, buttons, and multiple buttons or images.
Choosing and Pairing Typefaces for Cookbooks (Article)
An ultra valuable article that shows you step by step what to take in account and what to focus the most on when picking pairing of fonts for cookbooks
101 Ways to Make Your Website More Awesome (Article)
A truly awesome step-by-step guide stuffed with valuable tips to make of your website an awesome one, you’ll find tips for branding, typography, layouts, UI, UX, development, SEO, speed, graphic design, security, content, and social media.
QUOTES: Multipurpose Website PSD Template
QUOTES is a neatly crafted template for websites of multiple purposes that features a nice clean style featuring big thumbnails and post featured images, it also includes an eCommerce section.
iOS-style Landing Page Sketch Template
Quite an impressive landing page template delivered in Sketch format that features nice blurred background for its minimal and clean content with professional style fonts and transparent background elements.
Creative Portfolio PSD Template
A creative layout template for portfolio websites that features a clean style with flat elements, regular and masonry grids, as well as the basic extra pages layouts, all of them counting on organized layers.
Craft Lance: Modern One Page PSD Template
A neatly crafted one-page template in PSD format that features a flat style for its full-width layout composed of a top navigation bar, header and community sign up, pricing tables, features, and footer sections.
Conclusion
As always we have tried to bring you the new free stuff that will be of the most interest, and as always, we hope you have found some things here that are worthwhile for you.
If you come across any tools or resources that you think are worthy of being included in next month’s round-up, please don’t hesitate to let us know in the comments below.
