New Web Design and Development Resources: #6 May Edition

We’re here once more to enlighten you with some of the best free resources for both developers and designers alike. This time, we have code snippets, poster designs, icons, coding tools and many other surprises in store for you. You’d better free up some time and hard drive space, because we’re sure you won’t be able to resist the urge to download a few of these. Enjoy!

New for Designers and Developers

Apple Watch GUI for Sketch

The new Apple Watch is not far from hitting the shelves and getting your design assets ready is essential. Here’s a surprisingly detailed Sketch set for you to enjoy.

Apple Watch GI For Sketch

Dofont PSD Text Effect

Give your boring-looking text a complete makeover by applying this awesome Photoshop effect.

Dofont PSD Text Effect

Isometric Art Equipments Scene Generator

An amazing scene generator including 89 different elements and six ground textures, resulting in endless possibilities!

Isometric Art Equipments Scene Generator

Huge Pack of 100 Hipster Vectors

This set of fully vectorial designs features one of the most hated and beloved characters of everyday life: The hipster. Anyway, this is an amazing pack of badges, posters, photos and other elements that will scream for attention.

Huge Pack of 100 Hipster Vectors

Creative Poster

A good-looking poster design for creatives, containing icons and images. You can modify it with either Photoshop, Illustrator or InDesign.

Creative Poster

Plyr: A Simple HTML5 Media Player

Plyr might be simple, but it is still quite impressive. Use this resource to play both audio and video in modern browsers, applying captions and trusting in its responsive design.

Plyr

jQuery Geo

This JavaScript mapping API will help you display both simple maps and complicated guides in your projects.

jQuery Geo

Type.js

Use Type.js to have greater control over your web typography by adding new CSS properties to it.

Type.js

Nuclide: A Unified IDE

This IDE for React Native is built as a bundle of packages on top of Atom in order to ensure hackability, as well as having the support of a huge community.

Nuclide

Nex: Fullscreen Slider

A performance-oriented fullscreen slider, meant to be used on all possible platforms while boosting features such as keyboard and touch controls, effects, SEO, etc.

Nex

30 Free Medical and Science Icons

Over two dozen outline and colored icons for fitness and science-related projects.

30 Free Medical and Science Icons

45 Retro Web Icons Set

A very good-looking set of colorful icons with ordinary elements such as mail, camera, telephone and many, many more.

45 Retro Web Icons Set

Flat Web Design Icons

A fresh set of icons with a focus on web design elements such as error messages, badges, networks, multimedia and much more.

Flat Web Design Icons

Noduino

Gain control of basic Arduino board functions right from Web applications using this JavaScript and Node.js framework.

Noduino

Rebar Grid Framework

Rebar is a Sass and Stylus grid framework that aims to improve your efficiency when developing responsive projects, while keeping CSS in order.

Rebar Grid Framework

Free Resources for Developers

This is a huge compilation of free services, software and other utilities aimed at developers, split into an enormous 35 categories and growing.

Free Resources for Developers

Hashcash.IO

This service promises to help you against spammers and bots by making the bots work for you. It can even help you make a little money along the way, but that’s yet to be seen.

Hashcash

JointJS: The HTML 5 JavaScript Diagramming Library

Made for visualization and interaction with diagrams and graphs, JointJS can be used for creating static or fully interactive diagramming tools and application builders.

JointJS

Pttrns

Need a bit of help with inspiration? Pttrns is an amazing repository of patterns, resources and elegant pieces of work that will surely get your creative self going again… it is also a pretty great time killer.

Pttrns

SassyFlags

Thanks to this neat Sass library, you can easily add international flags to your projects. There are almost 30 flags at this moment with more on the way.

SassyFlags

INeedAResume: Online Resume Creator

Need a quick CV for a job interview? Did you leave your papers at home? This website will allow you to put together your information in a neat way in order to present and/or print.

INeedAResume

Blackhole: Minimal SCSS Framework

Blackhole is an interesting framework based on simplicity but armed with a modular approach that makes it extremely flexible and powerful.

Blackhole

Easy Textures with CSS Masks

This cool experiment shows how to apply textures to elements by using CSS.

Easy Textures with CSS Masks

Dying Light Loading Indicator

Dying Light is a new horror game that features a nice little loading animation. Sebastian Inman decided to recreate it in CSS after playing the game himself.

Dying Light Loading Indicator

Radial Pop-Out Navigation

This menu starts with a single circle that, when clicked, animates and uncovers a whole new set of interactive elements. Great concept and execution from Dudley Storey.

Radial Pop-Out Navigation

Jekyll and Hyde Sister Fonts

An awesome combo of serif and sans serif fonts made to work harmoniously together, simplifying the typography selection of your next project.

Jekyll and Hyde Sister Fonts

Melma Font

A neat font with a division on the bottom half that gives it a distinguished look.

Melma Font

Flat Landing Page

A modern website template to quickly present products, companies or apps in a one-page layout.

Flat Landing Page

Namaste PSD Template

A modern website template best suited for creative agencies and artists that want to showcase their material. It offers two different color options.

Namaste PSD Template

Designing Settings

Settings are a part of your product that people won’t access too often, but that can totally change their experience. This article will show you how to create the perfect settings screen.

Designing Settings

Using Sketch For Responsive Web Design (A Case Study)

A completely pro-Sketch article exposing all its positive (and a few negative) aspects, based on the experience acquired from a website design using the tool.

Using Sketch for Responsive Web Design

The Best UI Typeface Goes Unnoticed

Typeface is perhaps the most important part of user interface. This article tackles that thought by explaining how designers need type that goes unnoticed because of how effortless it makes things for people.

The Best UI Typface Goes Unnoticed

User Experience Design is Not What You Think

This article talks about user experience by differentiating it from the user interface and highlighting the areas where it is most important.

User Experience Design is Not What You Think

In Pieces: 30 Endangered Species, 30 Pieces

A truly beautiful website that tells the story of 30 endangered species through an animated presentation. You can investigate why they’re in this position and even get a video on the matter.

In Pieces

100 Days of Fonts

This project will display a pair of Google fonts every day for 100 days. It’s a pretty cool way to see quick ideas for your own websites.

100 Days of Fonts

Conclusion

So did you find something here that you couldn’t resist? Hopefully, once again, your toolbox and libraries are a little more populated after looking through this list.

Have you come across something new during April that we have missed from this list? Please share your links and comments with us in the section below.