Oтличный курс для новичков по верстке psd-макетов. Шаг за шагом на реальных примерах. На русском языке. Кстати, там же есть куча бесплатных psd макетов для тренировки.
http://psd-html-css.ru/css/uroki-vyorstki
#html #css #psd
http://psd-html-css.ru/css/uroki-vyorstki
#html #css #psd
Неплохая хабр-статья, где тезисно рассказывается о том, что нужно знать вестальщику. Вышла еще в 2018, но до сих пор очень и очень актуальна.
https://habr.com/ru/post/346010/
#html #css
https://habr.com/ru/post/346010/
#html #css
Хабр
Путь верстальщика: с нуля до сеньора
Здравствуйте, меня зовут Александр Зеленин , и я веб-разработчик. Многократно я слышал мнение, что верстка — удел начинающих frontend’еров. Хотя фактически это важнейшая часть любого (почти)...
Статья о том, как создавать сложные лэйауты с помощью CSS Grid. Для счастливчиков, которые speak english :)
Читать
#css
Читать
#css
Creativity & Code
Creating complex layouts using CSS Grid
An Interactive Designer/Developer based in Birmingham. Love anything on two wheels and have a weakness for anything Orange.
SVG или canvas? Неплохая статья, где разбираются преимущества и недостатки каждой техи. Если коротко - выбор зависит от того, что планиуете делать.
Читать
#css #canvas #svg
Читать
#css #canvas #svg
Хабр
SVG или canvas?
SVG и canvas — это технологии, которые можно использовать для рисования чего-либо на веб-страницах. Поэтому их стоит сравнить и разобраться в том, когда стоит...
Письменное изложение доклада Энди Белла «Не усложняйте масштабируемый CSS». Статья длинная и полезная, так что заваривайте ☕️, устраивайтесь поудобнне и читайте
#css
#css
Medium
Не усложняйте масштабируемый CSS
Перевод статьи «Keeping it simple with CSS that scales» Энди Белла
Шаг за шагом: Создание Scrapbook-макета на CSS Grid - свежая статья, поможет на реальном примере сделать несложный проект на CSS Grid.
Читать
#css #step_by_step
Читать
#css #step_by_step
Хабр
Создание Scrapbook-макета на CSS Grid
Недавно на уроках дошкольной подготовки моему сыну поручили в течение недели присматривать за плюшевым мишкой, что предполагало необходимость взять мишку в какое-то приключение, а свои воспоминания об...
Путь HTML/CSS
Автор собрал в одной статье большое количество инфы про html/css. По сути, многое из того, что нужно изучить, чтобы прокачаться в верстке. Бонусом идет список практических заданий.
Читать статью
#html #css
Автор собрал в одной статье большое количество инфы про html/css. По сути, многое из того, что нужно изучить, чтобы прокачаться в верстке. Бонусом идет список практических заданий.
Читать статью
#html #css
Gist
Путь HTML/CSS
Путь HTML/CSS. GitHub Gist: instantly share code, notes, and snippets.
Стандарты написания гибкого, надежного и жизнеспособного HTML c CSS
Отличная статья с рекомендациями по написанию хорошего HTML и CSS. Для тех, кто знает английский, в первом абзаце есть ссылка на оригинал.
Читать статью
#html #css
Отличная статья с рекомендациями по написанию хорошего HTML и CSS. Для тех, кто знает английский, в первом абзаце есть ссылка на оригинал.
Читать статью
#html #css
Medium
Стандарты написания гибкого, надежного и жизнеспособного HTML c CSS
Вообще, эта статья является неким руководством по написанию грамотного HTML и CSS. Но явно не полноценным БЭМ, который, кстати, является…
This media is not supported in your browser
VIEW IN TELEGRAM
Тестирую новый фреймворк без чтения документации
Именование в CSS Grid
Статья про одну из болей в css - именование классов. Рассматриваются разные способы именования линий и областей в CSS Grid разметке. Must read для тех, кто хочет писать читабельный css.
Читать статью
#css
Статья про одну из болей в css - именование классов. Рассматриваются разные способы именования линий и областей в CSS Grid разметке. Must read для тех, кто хочет писать читабельный css.
Читать статью
#css
Хабр
Именование в CSS Grid
Когда вы впервые изучаете, как использовать Grid-разметку, можно начать с размещения элементов на сетке по номерам линий. В этом случае необходимо следить за тем...
This media is not supported in your browser
VIEW IN TELEGRAM
Первый раз пользуюсь новым CSS-фрейморком