С начала года появилось много новых инструментов, сайтов и приложений для веб-дизайнеров. Мы выбрали для вас лучшие. Смотрим и сохраняем ссылки!
Профессия веб-дизайнера подразумевает выполнение самых разных задач: от разработки дизайна до проектирования веб-интерфейсов и написания кодов. Грамотный веб-дизайнер должен уметь делать все это и постоянно узнавать что-то новое. Но для этого не обязательно ходить на дополнительные дорогостоящие курсы, вполне можно обойтись онлайн-уроками и обзорами новых приложений от признанных экспертов. Посмотрите подборку советов, приложений и программ, которые появились в 2016 году.
Программы и приложения
1. okayNav
Создание анимированного выпадающего меню для сайта.
2. CSSCO
Набор фотофильтров, создатели которых вдохновлялись приложениями VSCO и CSSGRAM.
3. Resizer
Удобный инструмент, который показывает, как ваш сайт будет выглядеть в плоском дизайне и на разных устройствах.
4. Descartes Styling for Programmers
Библиотека для создания CSS-стилей с помощью Javascript.
5. CSS vs. JS
Поможет выбрать элементы из CSS и JS.
6. Substance
Библиотека JavaScript для редактирования веб-контента.
7. PostCSS.parts
Поисковик по каталогам PostCSS плагинов.
8. WordPress SQL
Сниппет экономии времени для WordPress.
9. Qards
Инструмент WordPress для создания целевых страниц и промо-сайтов без кода. Подойдет для срочных проектов.
10. Atomic
Приложение прототипирования без кода.
11. Hamburgers
Коллекция отличных анимированных иконок-гамбургеров.
12. List.js
Легкий и быстрый JavaScript, который добавляет поиск, сортировку, фильтры и гибкость HTML.
13. Styleguide Toolbox
Библиотека шаблонов и готовых комплектов для пользовательского интерфейса и инструментов.
Обучающие ресурсы, уроки и советы
1. Анимированные иконки от mo.js (Codrops)
Хотите добавить немного анимации на сайт? Скачайте очень полезный инструмент по их созданию от авторов мощной библиотеки анимированной графики — mo.js. Будьте готовы увидеть несколько очень неожиданных анимаций.
2. The New Web Typography (Robin Rendle)
Небольшое эссе о веб-типографике от Робина Рендла — английского веб-дизайнера и писателя, который сейчас работает над CSS-Tricks.
3. Silver (Marc Andrew)
Обзор возможностей Silver, первого инструмента прототипирования, который был создан специально для Sketch.
4. Почему вы должны перестать использовать IE10, IE9 и IE8 (Lubos Kmetko)
Microsoft в начале 2016г. объявил о прекращении выпуска обновлений для старых версий Internet Explorer. Любош Клеметко объясняет, почему лучше не пользоваться старыми непроверенными браузерами.
5. Как сделать свою первую JavaScript-диаграмму (Rohit Boggarapu)
Даже если вы никогда не делали JavaScript-диаграммы, вполне возможно, что вам это понадобится в будущем. Поэтому не проходите мимо советов от Рохита.
6. Эффективный адаптивный дизайн (Ben Callahan)
Полезные техники и приемы из реальных проектов по разработке адаптивного дизайна от автора книги Responsive Process Бена Каллахана.
7. Гит для дизайнеров (Daniel Fosco)
Написать код без гит (система управления кодами) невозможно, даже если вы опытный разработчик, не говоря уже о начинающих дизайнерах. Советы от Даниэля Фоско не сделают вас гит-профессионалом, но помогут понять основы и научат некоторым практическим хитростям.
8. Необычный анимированный SVG леттеринг (Codrops)
Посмотрите, как можно оживить ваш сайт и сделать его динамичнее.
9. Гид по DPI для дизайнеров (Sebastien Gabriel)
Если вы начинающий дизайнер, вам точно нужно прочитать о DPI, что непременно поможет вам в будущем.
10. Последние тренды в веб-типографике (Eric Karkovack)
Самое время, чтобы прочитать о тенденциях на 2016 год. Эрик Карковак рассказывает о типографике и показывает лучшие примеры сайтов.
Согласитесь, очень полезные приложения и уроки на разные темы. Если вы думаете, что мы что-то забыли внести в список, делитесь ссылками в комментариях.
