📜 ⬆️ ⬇️

05 Collector: links for designers and developers



In this collection you will find a collection of add-ons and tools for graphic editors that will save you a lot of time. And the bonus is a lot of inspiration materials with the latest trends in web development and web design.


Addons and tools for working with graphics


Gentleman's set for the designer, which will help in creating the next site layout and improve the functionality of your favorite graphic editor. They are sorted in order of their usefulness, note that some of them are paid, the prices are shown in brackets.

PNG EXPRESS is an excellent plugin that cuts the PSD layout into PNG and JPEG sets, and can also preserve the versioned design and its specifications ($ 29)



GuideGuide helps you manage your guides easily.



CSS Hat can generate CSS code from layer styles ($ 29.99)



WebZap is indispensable for quickly creating mockups ($ 19)



Simplify the process of defining design specifications. Specctr works with Adobe Photoshop, Illustrator and Fireworks ($ 49)



CSS3Ps is a free alternative to CSS Hat



Renamy - an extension for mass renaming of layers



Enigma64 can cut the necessary layers and save them in a PNG or JPG with maximum optimization, according to the developers ($ 24.99)



LiveSurface helps the designer to see how his new layout will look “live” without leaving Illustrator (MacOS)



Layervault is a kind of “github” for the designer



A collection of patterns for your designs.



Service that checks your PSD documents for compliance with the rules of the Photoshop Etiquette site



Page Layers converts a screenshot of the site into layers, separate for each element ($ 28.99 MacOS)



Dribbble is now always on hand



If you often have to arrange graphics for social networks, this site will be an indispensable help.



')

Designers



Cool mockup set for all occasions for 29 bucks. They can be useful for making quick submission of their work.


Free mokapy mobile screens in perspective


Detailed lesson on creating an illustration of an astronaut in Photoshop


The exciting process of creating a Quixo font from the German studio FontFont


Tips for working with fonts in Photoshop


Design podcasts


Just about good design, aimed at solving the task set for him



Ux




Case on how users helped the service to improve its design


GOST usability



For developers



WebGL sea wave generator


Tutorial on creating the effect of "opening" letters


An article about the animation of SVG lines on the example of a well-known special project from The Polygon



Inspiration sites



Incredibly cool project in the framework of the Chrome Experiments - an interactive map of the world "The Hobbit" (based on the movie P. Jackson). All the latest chips in web development on face


Google takes mobile reading experience to a new level


Red Bull again pleases with an interesting promotional site, this time talking about events in club music and subculture of the UK


A digital studio site that demonstrates its capabilities in design and web development. Scroll to the end to see the glitch effect.


Minimalistic website of minimalistic watches



Bonus




inFORM is a display that allows the user to interact with physical objects, but processing 3D information in digital form


The technical side of the history format GIF


Previous issues:
04 Collector
02 Collector
01 Collector

Source: https://habr.com/ru/post/204214/


All Articles