New Web Design and Development Resources: #6 April 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.
Dofont PSD Text Effect
Give your boring-looking text a complete makeover by applying this awesome Photoshop effect.
Isometric Art Equipments Scene Generator
An amazing scene generator including 89 different elements and six ground textures, resulting in endless possibilities!
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.
A good-looking poster design for creatives, containing icons and images. You can modify it with either Photoshop, Illustrator or InDesign.
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.
Use Type.js to have greater control over your web typography by adding new CSS properties to it.
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.
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.
30 Free Medical and Science Icons
Over two dozen outline and colored icons for fitness and science-related projects.
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.
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.
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.
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.
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.
Made for visualization and interaction with diagrams and graphs, JointJS can be used for creating static or fully interactive diagramming tools and application builders.
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.
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.
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.
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.
Easy Textures with CSS Masks
This cool experiment shows how to apply textures to elements by using CSS.
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.
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.
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.
A neat font with a division on the bottom half that gives it a distinguished look.
Flat Landing Page
A modern website template to quickly present products, companies or apps in a one-page layout.
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.
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.
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.
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.
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.
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.
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.
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.