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

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

Профессия веб-дизайнера подразумевает выполнение самых разных задач: от разработки дизайна до проектирования веб-интерфейсов и написания кодов. Грамотный веб-дизайнер должен уметь делать все это и постоянно узнавать что-то новое. Но для этого не обязательно ходить на дополнительные дорогостоящие курсы, вполне можно обойтись онлайн-уроками и обзорами новых приложений от признанных экспертов. Посмотрите подборку советов, приложений и программ, которые появились в 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 год. Эрик Карковак рассказывает о типографике и показывает лучшие примеры сайтов.

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

Асель Бакчакова

Иметь работу, которую любишь, разве это не мечта? Я как раз такой счастливчик. Пишу, встречаюсь с интересными людьми, узнаю что-то новое — это потрясающе. И это моя работа! Я учусь в магистратуре по филологии, пишу научную работу о проблемах в переводе поэтических текстов, работаю в фотобанке PressFoto, люблю хоккей и наслаждаюсь жизнью!

Последние статьи

Что такое ролик-эксплейнер и зачем он нужен бизнесу?

Эксплейнеры (объясняющее видео) — это короткие ролики, которые объясняют, как работает продукт, услуга или компания,…

1 year назад

Предметная фотосъёмка для маркетплейсов удалённо. Почему это выгодно?

В мире e-commerce фотографии играют ключевую роль. Они являются визуальным представлением товара, на основе которого…

1 year назад

Как сэкономить бюджет на видеорекламу?

Видеореклама является одним из наиболее эффективных инструментов маркетинга. Однако, создание роликов может быть дорогостоящим. В…

1 year назад

Должна ли компания использовать анимацию?

Анимационный ролик — это идеальный способ оживить ваше сообщение за короткий срок и с минимальными…

1 year назад

Визуальные тренды 2023

Визуальные тренды — это отпечаток происходящих в мире изменений. Различные события выступают своеобразными триггерами, относительно…

1 year назад

Каким будет графический дизайн в 2023 году?

Графический дизайн при правильном использовании может повысить узнаваемость компании и эффективность маркетинга. Ведь первое, что…

1 year назад