#почитать #junior #middle

Небольшой гайд по созданию параллакса на чистом CSS.

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

#посмотреть #junior #middle

Как существенно увеличить скорость верстки без потери качества.

Смотреть на YouTube

#почитать #junior #middle #senior

Медиазапросы от контейнера (а не от размеров всего экрана) уже доступны в Chrome Canary. Подробнее в статье о том, что они из себя представляют, в каких случаях могут быть полезны и как ими пользоваться.

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

#почитать #middle #senior

С какими факторами коррелируют навыки в программировании: как отличить сильного разработчика от слабого.

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

#посмотреть #junior #middle

Небольшой видеогайд по созданию эффекта, отображающего изображение по контуру текста.

Смотреть на YouTube (~7 минут)

#почитать #middle #senior

Оптимизация кода и удаление лишнего с помощью PurgeCSS.

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

#почитать #junior #middle #senior

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

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

#почитать #middle #senior

Базовые понятия и механизмы работы JavaScript "под капотом".

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

#посмотреть #junior #middle

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

Смотреть на YouTube (~15 минут)

#почитать #junior #middle #senior

Занимательная статья о том, как гиперссылки приобрели ныне широко узнаваемый синий цвет.

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

#посмотреть #junior #middle

Как определить географические координаты пользователя и выяснить, входят ли они в определенную область на карте.

Смотреть на YouTube (~25 минут)

#почитать #middle #senior

Что из себя представляет новый уровень каскада CSS Layer, который постепенно становится доступен в современных браузерах, пример его использования.

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

Основы и практика CSS Grid Layout: как использовать двумерную раскладку для повседневных задач

#почитать #junior #middle

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

Читать на Хабре

Есть важная информация.

С 25 по 28 марта будем делать пример реального заказа (сайт услуг по сборке ПК), используя HTML, CSS и JS.

Сверстаем сочный и современный сайт, который отлично впишется в твоё портфолио. А заодно составим план-схему что и как учить, чтобы быстрее освоить профессию.

Подробная программа:

◾️1 День
– знакомимся с макетом и верстаем хедер с главным экраном
– подключаем normilize
– публикуем код на GItHub и GitHubPages

◾️2 День
– подключаем шрифт к нашему проекту
– делаем блоки “Чем мы занимаемся” и “Процесс работы”

◾️3 День
– сверстаем блоки “Наша команда” и “Заказ сборки”

◾️4 День
– сверстаем модалку и оживим её при помощи нативного JS
– публикуем сайт

Переходи по ссылке, жми “запустить” и получи приглашение:
https://telegram.me/gloacademy_bot?start=i-ws-0322-godinhtml

Как использовать CSS ::before и ::after для создания пользовательских анимаций и переходов

#почитать #middle #senior

Как сделать плавный анимированный переход на сайте без использования специальных библиотек? Урок использования псевдоэлементов CSS для создания эффектов: от анимированной кнопки до карточки профиля. Подходит новичкам.

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

Привет! Это Илья, руководитель Frontend-разработки ЦВТ.

Приходи к нему в команду, чтобы делать продукт с миллионами пользователей для самой дорогой компании Рунета.

Удаленно или в офисе. Откликайся на HH.ru или почту hr@htc-cs.ru

6 вещей на JavaScript, которые можно делать и нельзя

#почитать #junior #middle

Оптимизации, и советы по созданию читаемого кода

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

🧳 Виталий Емельянцев: Как создать самый популярный чат об эмиграции для разработчиков «Релокейти» и что теперь будет с IT в России

#почитать #middle #senior

Хорошая статья с размышлениями о будущем IT-отрасли в России (применимо и к Беларуси). Поднимается вопрос, стоит ли уезжать или оставаться. Бонусом идет список телеграм-чатов по релокейту.

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

Пару слов о стилизации React компонентов

#почитать #junior #middle

Стилизация. Довольно насущный для меня момент. Несмотря на годы работы с React, стартуя новый проект, я каждый раз задумываюсь о стилизации. Я перепробовал многие её способы, больше и дольше всего я работал с css-modules и styled-components. Сегодня я хочу предложить вам рассмотреть еще один не менее интересный вариант.

Читать дальше

Как правильно верстать в 2022 году

#почитать #junior #middle

Большая статья с обзором самых распространённых ошибках в вёрстке современных проектов.

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

Паттерны верстки. Как объединить верстальщиков и дизайнеров

#почитать #middle

Данная статья поможет улучшить взаимодействие между дизайнерами и верстальщиками для минимизации ошибок и повышения продуктивности работы.

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