Наш любимый Smashing Magazine предлагает вам чеклист Front End производительности. Даже в формате PDF можно скачать.
→ Прямая ссылка ←Front End
Весь контент про Front End — создание клиентской части сайта. Front-end разработчик занимается версткой шаблона сайта и созданием пользовательского интерфейса.
Почитайте отличную статью на Хабре о том, как с помощью нескольких шагов можно неслабо оптимизировать свой Front End. Здесь и про JavaScript, и про CSS, и даже про HTML атрибуты.
→ Прямая ссылка ←
Наверняка вы уже смотрели много методик для создания производительного параллакса на любых устройствах. Сегодня по ссылке вас ждёт гениальная инструкция от Пола Льюиса (Paul Lewis) из команды Google Chrome.
→ Прямая ссылка ←
Почитайте невероятно крутой лонгрид на Smashing Magazine о том, что такое «оптимистичные интерфейсы» и о том, как правильно с ними работать с точки зрения UX. Мы даже эту статью дополнительно в подкасте обговорим, очень занимательная.
→ Прямая ссылка ←
На PixelBuddha выложили ещё один свёрстанный HTML шаблон, для портфолио, называется Magnet. Можете его взять и потренироваться верстать темы для WordPress.
→ Прямая ссылка ←
Дорогие друзья, в этом выпуске вместе с вами поговорим про цвет 2017 по версии Pantone, попробуем остаться с JavaScript друзьями, обсудим лучшие front-end инструменты уходящего года, а также приоткроем завесу тайны победы Трампа и успеха Brexit (Big Data). А ещё поговорим про российский атомный ледокольный флот и влияние марихуаны на мозг человека.
Привет зрители и слушатели подкаста «Суровый веб»! Сегодняшний подкаст просто взорвёт вам мозг, ведь мы поговорили о том, как быть крутым фронтендером в 2017 году. А кроме этого рассмотрели большое количество интересных тем про дизайн: что выбрать прогресс бары или загрузочные анимации, как писать заголовки с маленькой или Большой буквы, а также как отравить жизнь мобильного пользователя?
Библиотека CurrencyFormatter.js поможет вам легко настроить форматирование почти всех известных валют на большинстве известных языков для любых HTML элементов. Очень полезный инструмент для фронтендера.
→ Прямая ссылка ←
«Настольная книга Фронтендщика» — ресурс, который рассказывает нам в трёх частях об основных практиках при вёрстке и разработке клиентского кода.
→ Прямая ссылка ←
На гениальном (без преувеличения) freeCodeCamp написали отличную статью о том, как грамотно использовать изображения в Интернет. Имеем ввиду изображения в тегах <img>, несколько интересных советов будут очень полезны.
Редко мы здесь выкладываем статьи с блога A List Apart, но иногда они стоят того. Сегодня делимся одной из последних — дизайны с помощью CSS Shapes. В статье рассказываются примеры конкретной вёрстки с использованием этого нового (на самом деле нет) модуля.
Мы про него даже ролик (CSS Shapes module level 1) уже снимали.
→ Прямая ссылка ←
Посмотрите ресурс fontfamily.io — сравнительную таблицу поддержки системных шрифтов в разных операционных системах. Чтоб знать наверняка где какой шрифт покажется.
→ Прямая ссылка ←
Друзья, делимся с вами бесплатным отличным HTML шаблоном Howdy, который можно потренироваться и перевести в WordPress тему для портфолио.
→ Прямая ссылка ←
Привет, коллеги! Мы вновь спешим к вам со свежей порцией новостей и заметок про разработку и дизайн. На этой неделе обсудили: каково это учить JavaScript в 2016, почему дизайнеры должны уметь верстать, а также какими способами можно стилизовать подчёркивания. Кроме этого обсудили очень интересную статью про мастерство, в которой сказано, что наш профессиональный рост никому не нужен кроме нас самих.
Редакторы Smashing Magazine подготовили для нас крутейшую статью о том, как решить проблему с «прыгающим» контентом при загрузке страницы. А то можно потерять позицию скроллинга и будет неприятно.
→ Прямая ссылка ←