Новые программы и ресурсы для веб-дизайнеров

11.03.2016

С начала года появилось много новых инструментов, сайтов и приложений для веб-дизайнеров. Мы выбрали для вас лучшие. Смотрим и сохраняем ссылки!

Профессия веб-дизайнера подразумевает выполнение самых разных задач: от разработки дизайна до проектирования веб-интерфейсов и написания кодов. Грамотный веб-дизайнер должен уметь делать все это и постоянно узнавать что-то новое. Но для этого не обязательно ходить на дополнительные дорогостоящие курсы, вполне можно обойтись онлайн-уроками и обзорами новых приложений от признанных экспертов. Посмотрите подборку советов, приложений и программ, которые появились в 2016 году.

 

Программы и приложения

1. okayNav

Создание анимированного выпадающего меню для сайта.

new-resources-for-web-designers - 15

2. CSSCO

Набор фотофильтров, создатели которых вдохновлялись приложениями VSCO и CSSGRAM.

new-resources-for-web-designers - 3

3. Resizer

Удобный инструмент, который показывает, как ваш сайт будет выглядеть в плоском дизайне и на разных устройствах.

new-resources-for-web-designers - 4

4. Descartes Styling for Programmers

Библиотека для создания CSS-стилей с помощью Javascript.

new-resources-for-web-designers - 5

5. CSS vs. JS

Поможет выбрать элементы из CSS и JS.

new-resources-for-web-designers - 6

6. Substance

Библиотека JavaScript для редактирования веб-контента.

new-resources-for-web-designers - 7

7. PostCSS.parts

Поисковик по каталогам PostCSS плагинов.

new-resources-for-web-designers - 8

8. WordPress SQL

Сниппет экономии времени для WordPress.

new-resources-for-web-designers - 9

9. Qards

Инструмент WordPress для создания целевых страниц и промо-сайтов без кода. Подойдет для срочных проектов.

new-resources-for-web-designers - 10

10. Atomic

Приложение прототипирования без кода.

new-resources-for-web-designers - 11

11. Hamburgers

Коллекция отличных анимированных иконок-гамбургеров.

new-resources-for-web-designers - 12

12. List.js

Легкий и быстрый JavaScript, который добавляет поиск, сортировку, фильтры и гибкость HTML.

new-resources-for-web-designers - 13

13. Styleguide Toolbox

Библиотека шаблонов и готовых комплектов для пользовательского интерфейса и инструментов.

new-resources-for-web-designers - 14

 

Обучающие ресурсы, уроки и советы

1. Анимированные иконки от mo.js (Codrops)

Хотите добавить немного анимации на сайт? Скачайте очень полезный инструмент по их созданию от авторов мощной библиотеки анимированной графики — mo.js. Будьте готовы увидеть несколько очень неожиданных анимаций.

new-resources-for-web-designers - 16

2. The New Web Typography (Robin Rendle)

Небольшое эссе о веб-типографике от Робина Рендла — английского веб-дизайнера и писателя, который сейчас работает над CSS-Tricks.

new-resources-for-web-designers - 17

3. Silver (Marc Andrew)

Обзор возможностей Silver, первого инструмента прототипирования, который был создан специально для Sketch.

new-resources-for-web-designers - 18

4. Почему вы должны перестать использовать IE10, IE9 и IE8 (Lubos Kmetko)

Microsoft в начале 2016г. объявил о прекращении выпуска обновлений для старых версий Internet Explorer. Любош Клеметко объясняет, почему лучше не пользоваться старыми непроверенными браузерами.

new-resources-for-web-designers - 19

5. Как сделать свою первую JavaScript-диаграмму (Rohit Boggarapu)

Даже если вы никогда не делали JavaScript-диаграммы, вполне возможно, что вам это понадобится в будущем. Поэтому не проходите мимо советов от Рохита.

new-resources-for-web-designers - 20

6. Эффективный адаптивный дизайн (Ben Callahan)

Полезные техники и приемы из реальных проектов по разработке адаптивного дизайна от автора книги Responsive Process Бена Каллахана.

new-resources-for-web-designers - 21

7. Гит для дизайнеров (Daniel Fosco)

Написать код без гит (система управления кодами) невозможно, даже если вы опытный разработчик, не говоря уже о начинающих дизайнерах. Советы от Даниэля Фоско не сделают вас гит-профессионалом, но помогут понять основы и научат некоторым практическим хитростям.

new-resources-for-web-designers - 22

8. Необычный анимированный SVG леттеринг (Codrops)

Посмотрите, как можно оживить ваш сайт и сделать его динамичнее.

new-resources-for-web-designers - 23

9. Гид по DPI для дизайнеров (Sebastien Gabriel)

Если вы начинающий дизайнер, вам точно нужно прочитать о DPI, что непременно поможет вам в будущем.

new-resources-for-web-designers - 24

10. Последние тренды в веб-типографике (Eric Karkovack)

Самое время, чтобы прочитать о тенденциях на 2016 год. Эрик Карковак рассказывает о типографике и показывает лучшие примеры сайтов.

new-resources-for-web-designers - 25

Согласитесь, очень полезные приложения и уроки на разные темы. Если вы думаете, что мы что-то забыли внести в список, делитесь ссылками в комментариях.

Также может понравиться