Создай свой вебсайт - гайд по HTML, CSS и Wordpress

Автор: Nate Cooper
Год издания: 2014

Скачать для ознакомления

#html #css #book #english

​​В Москве установят памятник верстальщику

Как сообщают профильные издания, комитет по архитектуре и градостроительству утвердил установку памятника верстальщикам в районе Сколково. По предварительной информации, скульптура будет представлять собой логотип Internet Explorer и плачущего на ним человека.

Читать подробнее

​​Подборка свежих выпусков подкастов по верстке (и фронтенду в целом)

Новые выпуски подкастов по верстке. Закиньте в плейлист и послушайте в свободное время, чтобы оставаться в курсе последних трендов верстки и фронтенда в частности.

CSSSR: Новости 512 — Angular 9.1, Prettier 2.0, CSS auto, практикуем чистый JS и учимся на карантине
Слушать на SoundCloud

Веб-стандарты: 223. Safari, третьи куки и ваши хранилища, Prettier, быстрые картинки, старые трюки, auto в CSS
Слушать на SoundCloud

UnderJS: Cамый большой changelog от пакетного менеджера Yarn 2, самые быстрые веб сервера, а так-же про грустные асинхронном баги в коде.
Слушать на SoundCloud

#css #js #html #русский

​​Всё о ключевом слове auto в CSS

Большой материал со всеми особенностями применения ключевого слова auto в CSS. Must read как для начинающих, так и для опытных верстальщиков.

Читать статью

#css #русский

​​Свежие русскоязычные туториалы по верстке

Привет, собрал для вас видеотуториалы, вышедшие за последнюю неделю. Будут полезны начинающим.

- Калькулятор туалетной бумаги на HTML, SCSS и jQuery
Cмотреть на YouTube

- Верстка интернет-магазина техники из PSD макета.
Смотреть на YouTube

- Игра "Час земли" на чистом HTML/CSS
Смотреть на YouTube

#html #css #русский

​Если бы я учил Frontend сегодня. Советы начинающим

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

Читать статью

#html #css #js #русский

​​Плавность анимации CSS: миф или реальность

Свежая статья с погружением в оптимизацию CSS-анимаций. Рассказыватся, как отследить работу анимации в браузере, сколько памяти расходуется. Сравниваются JS и CSS подходы для создания анимаций.

Рассчитана на опытных разработчиков.

Читать статью

#css #русский

больше юмора про верстальщиков и не только ищите на канале Программист от бога

​​14 плагинов для Фигмы, которые помогут повысить производительность пока мы все #сидимдома

Обзор свежих плагинов для повышения производительности при работе с Figma. Куча полезного - от удобного исплользования CSS до исправления орфографических ошибок.

Читать статью

#design #figma #css

​20 расширений VS Code, которые вам понравятся

Подборка плагинов для верстки и фронтенд-разрботки в целом. Читайте, если используете VSCode (а если еще не используете, начните - как по мне, лучший редактор для верстальщика)

Читать статью

#hmtl #css #русский

​Подборка видеотуториалов по верстке, вышедших за последнюю неделю.

- Большой плейлист с редизайном реального проекта
Смотреть на YouTube

- Верстка сайта на HTML5 и CSS3 за час! + Публикация на сервер
Смотреть на YouTube

- Онлайн-марафон по верстке лендинга
Смотреть на YouTube

P.S. Хороших выходных, не болейте!

​​Единицы измерения CSS, связанные с областью просмотра

Свежая статья, посвященная разбору единиц вьюпорта в CSS и вариантам их использования. Если вы до сих пор путаетесь в vm, vh, vmin и vmax или вообще не знаете, что это - обязательно прочитайте.

Читать статью

​​Запись докладов JavaScript fwdays'20

Всем привет - отличные новости, на прошлой неделе появились записи конференции JavaScript fwdays'20, которая в свете последних событий проходила online. В основном доклады по JS - по верстке есть крутецкий доклад Вадима Макеева - HTML: The Good Parts.

Смотреть на YouTube

​​CSS Import

Небольшая исчерпывающая статья про @import в CSS. Описаны преимущества, недостатки, альтернативы и стоит ли вообще их использовать (спойлер: да)

Читать статью

​​Подборка видеотуториалов по верстке, вышедших за последнюю неделю.

- Адаптивная верстка письма с нуля (~1 час)
Смотреть на YouTube

- Интенсив: верстка сайта с нуля для новичков (>8 часов)
1ый день | 2ой день | 3ий день

- Mobile first метод. Адаптивная верстка (~3 часа)
Смотреть на YouTube

Всем хороших и продуктивных выходных :)

​​Работа с изображениями в веб

Свежая статья, где описано все, что нужно знать о теге img, css-свойстве background и svg. Теория и куча примеров использования.

Читать статью

Актуальное

​​Доклады AvitoTech x FrontendConf 2019

На прошлой неделе появились записи докладов конференции FrontendConf 2019. Довольно много докладов по CSS. Посмотрите, чтобы оставаться в курсе последних трендов фронтенда и верстки в частности.

Смотреть на YouTube

​​4 свойства CSS Grid для большинства ваших потребностей

Отличная статья для тех, кто хочет начать работать с CSS Grid. Перечислен наименьший возможный набор свойств grid-ов, который вы должны знать, чтобы удовлетворить большинство ваших потребностей.

Читать статью