​​Подборка видеотуториалов по верстке за последние 2 недели

- Обзор Tailwind CSS и практика (~ 25 минут)
Смотреть на YouTube

- Вёрстка сайта - анализ, вёрстка десктопа, рефакторинг, оптимизация, доступность (~ 8.5 часов)
Часть 1 | Часть 2

- Делаем мультиязычный сайт c JavaScript (~ 25 минут)
Смотреть на YouTube

Хороших выходных 😇

​​Использование компонентов Bootstrap с пользовательским JavaScript

Методы и события, предоставленные Bootstrap-ом для взаимодействия с интерактивными элементами. Как писать свой JS код для работы с этой библиотекой.

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

​​10 инструментов разработчика, которые вам наверняка понадобятся

Подборка веб-сайтов и расширений для браузеров, упрощающих разработку и повышающих производительность.

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

​​Поиск данных в столбцах таблицы с пагинацией

Написание алгоритма для решения реальной задачи по поиску данных.

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

​​Как ускорить сайт на Wordpress

Настройка эффективного кэширования для веб-сайта на Wordpress.

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

​​«Я никогда не научусь верстать» и другие мифы о разработке

Распространенные среди начинающих мифы о верстке и разработке в целом.

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

​​Pet-проект для джуна. Или зачем и как выбрать pet project

На что стоит обращать внимание при разработке pet project-ов, зачем они вообще нужны. Примеры таких проектов.

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

​​Три способа создания клякс с помощью CSS и SVG

Приемы, позволяющие создавать фигуры, которые могут пригодиться при верстке.

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

​​Обмен данными между CSS и JavaScript

Приемы, позволяющие в CSS получать информацию от JS и наоборот.

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

​​Вариант повторного использования кода компонентов, который упустили в веб-разработке

Нестандартный подход к переиспользованию кода с помощью сущностей и их составляющих в React.

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

​​Как создать уменьшающийся при прокрутке Header без JavaScript

Использование position: sticky для создания эффекта уменьшения элемента при прокрутке страницы.

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

​​Забудьте про div, семантика спасёт интернет

Почему семантика важна и как начать верстать с ее применением.

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

​​Адаптация таблиц под мобильные устройства

Как решить проблему отображения таблиц на устройствах с маленькими экранами.

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

​​Очередной гайд по HTML-элементам, которые можно использовать в каждом проекте

Недавно мы делились статьей о том, зачем нужна семантика. А в этой статье вы найдете наглядные примеры использования семантических тегов.

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

​​Погружаемся в логические свойства CSS

Разбор свойств, позволяющих задавать направление свойств не напрямую, а в привязке к прописанному в HTML направлению (например, слева направо или справа налево). Таким образом верстка не сломается в связке с арабскими языками.

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

​​5 советов для первого года работы junior разработчика

Как максимально проявить себя и прогрессировать в первый год работы.

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