What’s new for designers, September 2015

In this month’s edition of what’s new for designers and developers, we’ve included lots of color resources, startup resources, educational tools, email tools, JavaScript resources, icons, inspiration sources, CSS resources, and much more. And as always, we’ve also included some awesome new free fonts!

Almost everything on the list this month is free, with a few high-value paid apps and tools also included. They’re sure to be useful to designers and developers, from beginners to experts.

If we’ve missed something that you think should have been on the list, let us know in the comments. And if you know of a new app or resource that should be featured next month, tweet it to [@cameron_chapman](http://twitter.com/cameron_chapman) to be considered!

HTML Color Codes

HTML Color Codes is a color picker that lets you get HTML color codes, hex color codes, RGB and HSL values, and more. There’s also a color chart, if you’d rather not use the picker.

Framer Inventory for Sketch

Framer Inventory for Sketch is a plugin that lets you generate FramerJS prototypes. You can export states rather than screens, it’s faster than Keynote, and more.

Rucksack

Rucksack is a collection of CSS features like responsive typography and property aliases that’s built on PostCSS. It’s modular and lightning fast.

Chocolat.js

Chocolat.js is a jQuery free lightbox plugin. It’s light, responsive, and powerful.

Frontify Style Guide

Frontify Style Guide lets you create free style guides for your projects quickly and easily. You can include logos, images, color palettes, typography, and much more.

Music Emojis

Music Emojis are designed by Brazilian art director Bruno Leo Ribeiro. He’s created emojis for a variety of artists, including Aerosmith, Elton John, The Spice Girls, and Daft Punk.

iOS 9 GUI for Sketch

iOS 9 GUI for Sketch includes devices, icons, and keyboard vector images. It includes a ton of elements, and respects the latest Apple guidelines for iOS9.

Font Flame

Font Flame is like Tinder for font pairing. You’re presented with a font pairing, and can select whether you love it or hate it to see another.

Flinto

Flinto is a prototyping tool for Mac. You can create prototypes with simple tap-throughs to more impressive interactions.

UI Movement

UI Movement delivers UI design inspiration right to your inbox. You can also search or browse the site for ideas.

Bonsai

Bonsai offers free, bulletproof contracts. It includes simple e-signing and integrated escrow, too.

Bootstrap 4 alpha

Bootstrap 4 alpha has just been released, after a year of development. They’ve moved from Less to Sass, improved their grid system, added new customization options, and dropped IE8 support, among other new features.

Wake

Wake is a private space for sharing and collaborating on design work with your team. You can share screenshots and photos, explain and get feedback, and more.

Typeset.js

Typeset.js is a typographic pre-processor for HTML that doesn’t use any client-size JavaScript. It includes soft hyphen insertion, small-caps conversion, punctuation substitution, and many other features.

Color Hunt

Color Hunt serves up beautiful color palettes every day. You can also see popular palettes, or suggest your own.

Futuramo Icons

Futuramo Icons offers up a huge selection of parametric icons, including over 2500 free icons. There’s an app for instant search by size, color, style, or swatch.

Bumpsale

Bumpsale lets you create a button for selling something using incremental pricing. After each sale the price will increase by an amount you choose, and payments are processed through Stripe.

Kickstarter Stories

Kickstarter Stories is a cureated collection of the best Kickstarter interviews. All the recordings are ad-free and uninterrupted. You can subscribe for free on iTunes to get all 340+ episodes.

Mockerie

Mockerie lets you create interactive, instant mockups of your website or app on free stock photography. Just provide the website URL to see it mocked up on a variety of device images, then take a screenshot to share.

Designer Mill

Designer Mill features the best free design resources out there. They include templates, fonts, PSDs, icons, mockups, and tons more.

HoverCards

HoverCards is a Chrome extension that lets you preview social links before clicking on them. It works with links from YouTube, Twitter, Reddit, Instagram, Imgur, and Soundcloud.

Nectar Ninja

Nectar Ninja allows you to send website notifications via Twitter. Let users know of things like new features, downtime, or deals, with no signup required.

GMass

GMass is a mass email system for Gmail. You can create instant recipient lists, track opens, and personalize based on names and email addresses, among other features.

CoNomads

CoNomads lets you find like-minded freelancers and nomadic workers that you can co-live with. Just meet other digital nomads, make co-living arrangements, and then stay with or host others.

Fanchimp

Fanchimp lets you schedule your social media content in less time. You can add blogs, feeds, Instagram accounts, hashtags, Medium users and collections, and more as sources.

Javvy

Javvy teaches you to code in Java, right on your iOS or Android device. It includes over 150 interactive tutorials.

Small Business API

Small Business API lets you create an Uber-like business for anything, anywhere. Just set up your app or website to take orders from customers, and the Small Business API lets you pick a specific business to handle the request or let local businesses bid on it, and then the request is completed.

Bedrock

Bedrock is a modern WordPress boilerplate that includes dependency management, easy configuration, and more.

The “I’m a better designer” checklist

If you want to greatly improve your design skills, check out The “I’m a better designer” checklist. It’s a curated list of the best practices and characteristics you can follow to become a better designer.

Pure CSS Apple

Pure CSS Apple lets you generate Apple devices in pure CSS. Just specify the device type, width, and inner color, or generate a random device.

FlySolo

FlySolo is an easy way for designers to track their projects. It integrates with your favorite apps, while also organizing your projects, files, email, time tracking, and more.

Paradeiser

Paradeiser is an alternative to the hamburger menu for mobile. It’s only 1.3kb and pure CSS.

Byte

Byte makes it easy to create web pages to share as you like. They can link to each other and the web, and can be created on either your iOS device or your Mac (though that version is still in alpha).

Ashley Madison Avenue

With a tagline like “Creative careers are short. Cheat on your partner”, Ashley Madison Avenue is a hilarious spoof of the infamous dating site. You can browse profiles, or create your own.

Tab Counter

Tab Counter gives you realtime stats from any site with a simple bookmarklet. See activity on a Facebook page, real-time visitors in Google Analytics, upload or download time, and more.

Foxhole

Foxhole is a hand drawn sans serif font made using a Tombow calligraphy pen.

Synsis

Synsis is a futuristic display font from LRC Type Foundry.

Amsdam

Amsdam is a free sans serif typeface with circle details.

Yuleo

Yuleo is a unique distressed display typeface.

New Mexico

New Mexico is an uppercase display font inspired by classic Western films.

Soda Fountain

Soda Fountain is an all caps typeface inspired by 1950s soda fountain signage.

Madyson

Madyson is a sans serif typeface inspired by architecture. It’s free for personal use.

Frame

Frame is a free geometric display typeface.

Ikra Slab

Ikra Slab is a geometric slab serif typeface with low contrast, perfect for logos, headlines, and information design.

Handletter

Handletter is a handdrawn font from Sasha Koggio that’s free for noncommercial use.

Mega Bundle of 185 Ultra-Premium Advertising Mockups – only $27!

Source

si pide pass es: Cameron Chapman

50 incredible freebies for web designers, September 2015

Here we go again with another fresh set of awesome freebies for your delectation. This month you’ll find unique icons, high-resolution mockups and templates, neatly crafted HTML themes and UI kits for many purposes, crazy and stylish fonts, brand-new coding snippets and some exciting new tools.

And as always, if you think we missed one of your favorite new freebies, let us know in the comments.

Thin line style PSD icons set

An icon set that comes with 48 icons in thin line style in PSD format, some of the icons contained in this set are download from cloud, image, headphones, share, thumbs-up, favourite, among others.

Collecticons

Collecticons is a collection of 135 filled icons that keeps growing. All of the icons are generated with a tool called Collections processor that comes along in this project licensed under Creative Commons Attribution License 4.0.

Socialoha Icons

Socialoha is a set of 756 regarding the most influential social media icons these days, there’s six different styles in this set making it quite a suitable set for any sort of project.

We Love Icon Fonts

We love icon fonts is an open source project featuring a collection of web font icons very similar to the ones at Google Web Font Icons and dependent of  Backbone.js and crystallo frameworks.

Animated flat emojis

A set of 28 animated emoticons that come in fully vector-based and scalable and pre-made GIF-animations in 3 sizes: 32×32, 64×64 and 100×100.

8 free clean business card mockups

A set of 8 mockups featuring clean and minimal business cards. Fully layered, and separated, with smart objects.

Geometric low-poly background business card template

A business card template that features a low-poly-like background with light edges that contrast with a pitch black background for the contact information section.

Clean A4 portrait brochure mockups

A set of two beautiful A4 portrait brochure mockups that comes in well-organized PSD files that feature smart objects. This set is released and delivered by Mockup Cloud.

Essential free logo mockup collection

A set of five 72ppi high-resolution logo mockups in a canvas of 2000×1500 pixels. Some of the logos you’ll find are related to coffee, golden cursive font,  and fashion-like logos.

Cardzz: dark schemed iOS UI kit

Cardzz is a UI Kit crafted by Volodymyr Kurbatov for iOS screens that comes with a set of 21 high-quality dark schemed components that contrast really well with colorful content.

Food & drink website UI kit

A kit of round corner containers that feature an appealing food related scheme. You’ll find containers for calendars, interactive ingredient list, type of food sidebar, and shopping cart.

Elegance

Elegance is a user interface kit that features soft cream-like colors and works really well for fashion eCommerce sites. It comes in both PSD and Sketch formats.

Sunshine Travel

Sunshine Travel is a UI kit that features elements specially designed for travel and tourism related topics. This kit is focused on iOS screens and has a flat style.

Apollo: PSD & Sketch UI navigation bar kit

A UI kit that features rounded corner bars, uppercase font, filled icons and a dark and light scheme.

GEOM Display

GEOM Display is a typeface that features only uppercase characters with the characteristic of being completely adorned with geometrical outlined and filled shapes all over them, making it be quite suitable for new era fashion design.

Intro Rust

Intro Rust is a multi-styled and multi-textured font family that comes with 4 sub-families which contain 214 fonts. The names of these subfamilies are Intro Rust, Intro Script, Intro Head and Intro Goodies.

Shumi

Shumi is a very bold line font that is characterized by straight one-angled edges and ends. It features uppercase, numeral and special characters.

Fanaisie

A font with a vintage style with a cowboy town look and feel that features only uppercase characters adorned with well-defined ends and details.

Reef

Reef is a typeface released by Gatis & Evita Vilaks that features both Latin and Cyrillic alphabets for a total of over 500 uppercase, lowercase, numeral, and special characters as well as extra glyphs and symbols. All of them designed with rounded edged bold lines.

Shophia

Shophia is a clean eCommerce website template crafted by Robi Wahyudi and delivered in PSD format that features big containers with framed images, and a fancy looking photo slider.

Creato

Creato is a PSD template for a very modern looking WordPress theme. It basically features two sections a main one with a top menu button and full-width content with a load more buttons at the bottom, and a bottom-most contact section.

Dream

Dream is a Sketch crafted one-page laid out landing page that features a very clean style and soft color scheme. You’ll also find some color-filled and outline icons

Fjord

Fjord is a landing page template that features a very clean style with a thin line black font and 2 color line icons. It is perfectly suitable for any kind of website.

Vanilla Milkshake

Vanilla Milkshake is a WordPress theme that comes in a very simple and background-less layout and refined with elegant typography. It is laid out in a title, main content column and right-side bar.

Huxley

Huxley is a versatile WordPress theme that features a screen-size post slider laid out in a single column, and six extra layout types such as single post and contact page.

Portefeuille

Portefeuille is a one-page portfolio website theme that features a low-poly header background and clean style along its one-column layout.

Sedna

Sedna is a clean and minimal style one-page website theme crafted in Sketch 3 that features colored outlined icons and regular full-width container sections.

30 Bootstrap themes curated bundle

A bundle of Bootstrap themes for both WordPress and non-WordPress environments, collected from all over the Internet, curated and presented to you.

Responsive material card snippet

A snippet developed by David Foliti to generate material design style cards that feature an image that slides away to let content behind it be shown when you click on its top menu icon.

Super simple CSS tooltips

A simple CSS code snippet developed and released by Ben Mildren that adds tooltips to links at three different positions, bottom, left or right, and with or without triangular adorn.

Navigation Reveal

Navigation Reveal is a concept introduced by ZCKVNS that when clicking on menu button, the whole page layout beneath the header sets off tilted in the background to show alternative pages links.

Graphic Library-featured Icons Particle Generator

A code snippet created by Kenji Saito that generates icons by particle flowing effects, every time you scroll or do any mouse gesture this icon gets disintegrated and reintegrates as a different one.

Bootstrap Theme frameworks set

A set of elite Bootstrap themes that work as frameworks, featuring rich and full-guiding documentation and lifetime licensing and updates.

Front-end bookmarks compilation

A huge compilation of web development sites focused on front-end resources that come sorted out from general knowledge at the beginning, to concrete and particular problems at the bottom.

Spark Framework

Spark Framework is a project inspired in Sinatra, that allows you to create Java8 web applications in a very easy way.

FormFiller

FormFiller is a Bookmarklet developed in JavaScript for repopulating forms by only filling the form once and saving the settings for that specific form.

Hobo

Hobo is a collection of open-source plugins written in Ruby, that helps you creating web applications with less coding involved.

Panique

A SASS to CSS automatic compiler through pure PHP that doesn’t use ruby language and features one-line coding. This compiler currently uses SCSS 3.2 syntax, imports and mixins. 

GitHub Desktop

GitHub Desktop is a downloadable tool that allows you easily manage open-source projects from GitHub from your Mac or Windows computer. Start projects, branch off projects, craft the perfect commit and more features to see in it.

Elemental

Elemental is a flexible UI Toolkit for React.js websites and apps featuring out-laying tools for CSS, buttons, forms, modals and more elements.

Lavagna

Lavagna is a management tool for open-source issues and projects suitable for small teams. It is lightweight and is coded purely in Java, that provides you with a nice dashboard view and gives you an organized overview of projects.

Rucksack

Rucksack is a CSS Library that simply makes CSS development easier by featuring responsive typography, shorthand for positioning properties, native clear fix, and more.

Tridiv

Tridiv is a CSS 3D shapes creator developed by Julian Garnier that provides you with a right-side bar UI control for easily and intuitively edit your shapes and compositions.

Webflow

Webflow is a website builder that eases the process of developing by automatically generating code as you design and providing you with a full-featured control panel.

TypesetJS

A ty­po­graphic pre-proces­sor for HTML that doesn’t use any client-side JavaScript and provides you with text edition features such as real hang­ing punc­tu­a­tion, soft hy­phen in­ser­tion, op­ti­cal mar­gin out­dents, small-caps con­ver­sion, and more.

SamwiseJS

Samwise is a customizable modal that features list menu items and buttons for additional options at the bottom. Suitable for help offering and providing information.

Unsplash It

Unsplash It is an image placeholder generator that provides you with a single URL line and allows you using simple parameters for embedding the placeholders in your website, such as dimensions or effects.

Minigrid

Minigrid is a cascading grid layout designed in minimal style that features a nice and smooth animation when it is laid out onto the page.

Bootstrap image hover HTML & CSS effects gallery

A gallery of nice hover effects applied on images featuring thin lines icons and frames transitional effects. All of the effects are developed in HTML and CSS.

Outline

Outline is a simple and clean CSS framework that works as a starter boilerplate for new web projects. It features full responsiveness, Sass coding, modular building and Susy grids on demand.

Datedropper

Datedropper is a jQuery plugin that allows you to quickly manage and input dates into form fields with animated tooltip-like looking date-pickers.

Artyom

Artyom is a voice control speech recognition library for JavaScript that helps you create your own personal virtual assistant and embed it to your website.

Get 44 Different Fonts in 1 with Sant’Elia Script – only $19!

Source

si pide pass es: Juan Pablo Sarmiento