А вы когда-нибудь задумывались как сделать задержку между итерациями в бесконечной анимации? Есть способ без JavaScript, почитайте на CSS-Tricks!
→ Прямая ссылка ←В этом подразделе собраны все самые интересные лонгриды про веб-дизайн и веб-разработку, которые мы нашли в сети интернет. Кроме этого здесь мы делимся большими и развёрнутыми туториалами, обязательно читайте!
Родительский раздел: полезные ссылки.
Юна Кравец написала неплохой пост о том, какие вещи должны делать дизайнеры для того, чтобы упростить фронтендерам жизнь и улучшить производительность.
→ Прямая ссылка ←
Читайте крутой лонгрид на Smashing Magazine о том как использовать аргументы и параметры в ECMAScript 6. Для тех, кто всё ещё разбирается с новым стандартом.
→ Прямая ссылка ←
Крис Койер в своей статье решает извечную проблему выпадающих меню, которые пропадают если неровно вести курсор. Посмотрите немного CSS магии по ссылке. Хоть статья и не новая — всё равно очень круто.
→ Прямая ссылка ←
А вы в своей компании / на фрилансе используете прайс-лист? Что думаете по этому поводу, нужен он или нет? Почитайте мнение Carrie Cousins на Design Shack.
→ Прямая ссылка ←
Есть несколько интересных возможностей для использования псевдо-класса :target, чем просто стилизация. Почитайте крутую статью на блоге bits of code.
Если вы делаете сложные проекты на WordPress и устали придумывать разные системы для упорядочивания проекта (или по какой-то причине не используете Genesis Framework), то попробуйте Classy и почитайте статью на хабре про него.
→ Прямая ссылка ←
Недавно показывали вам библиотеку EQCSS, которая позволяет реализовать элементные запросы для адаптивного дизайна. Сегодня почитайте статью на Smashing Magazine, в которой рассказано как это делать на примерах.
→ Прямая ссылка ←
Почитайте статью о том, как использовать WordPress функции для того, чтобы уменьшить количество «магической» HTML разметки в контенте записей. Лучше этого избегать и всё делать программируемым, не оставлять статической разметки.
→ Прямая ссылка ←
Работаете с JavaScript массивами? А знаете про методы every и some? А вы посмотрите заметку на the new code и вообще весь список для работы с массивами.
→ Прямая ссылка ←
Если вы ещё не разобрались во всех новведениях ECMAScript 6 (по-новому ECMAScript 2015), то обязательно посмотрите этот гайд на гитхабе — очень круто расписано, с примерами.
→ Прямая ссылка ←
На CSS-Tricks регулярно попадаются очень сносные и интересные лонгриды. Сегодня делимся с вами статьёй, которая расскажет всё о «доступных» (accessible) SVG и о том, как с ними работать.
→ Прямая ссылка ←
Почитайте крутую статью Сары Суайдан о том, как можно с помощью вложенности в SVG решать задачи с позиционированием внутри вьюпорта.
→ Прямая ссылка ←
Посмотрите доклад Val Head с конференции Render 2016, который называется «Designing Meaningful Animation» (Дизайним анимации, которые что-то значат). Очень интересное зрелище с точки зрения UX.
→ Прямая ссылка ←
На Smashing Magazine появилась неплохая заметка о том, как создавать 3D куб на чистом CSS с вращением. Не то чтобы очень сложный челлендж, но всё равно занятно.
→ Прямая ссылка ←