10 кейсов масштабируемой вёрстки

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

Начинающие разработчики верстают по принципу «чётко по макету». Это хороший вариант для сайта, который никогда не поменяется.

Если же продукт развивается, в интерфейс постоянно нужно будет вносить изменения: добавить новые пункты в меню, поменять текст в заголовке, заменить изображения, и многое другое. Делать это в свёрстанном строго по макету сайте может быть долго и сложно.

На вебинаре разбираются проблемы верстальщиков и рассказывается, как их избежать.

Смотреть на YouTube (~1 час)

Поиск Frontend вакансий для мидлов и сеньоров ⚡️

Ребята из Masterhub создали чат-бота, который рассылает разработчикам релевантные Frontend вакансии без спама

Настрой бота за 1 минуту и получай до 50 вакансий в неделю, отобранных по твоим предпочтениям

@MasterHuBot

😍 Голограммы, пленочные засветки и шейдеры на чистом CSS

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

История стиля который никто не просил или body margin 8px

#почитать #middle

Занимательная статья о том, почему браузеры элементу body добавляют внешний отступ со значением 8px (margin 8px). Это часть таблицы стилей по умолчанию, рекомендованных w3c. Но почему именно 8px? Откуда такая тенденция?

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

Образовательная платформа Хекслет объявляет набор на подготовительный курс по JavaScript.

Даём только мясную и прикладную информацию. Никакой воды и траты твоего времени. По окончании 14-дневного курса ты уже владеешь базовым знанием языка и даже напишешь собственную программу!

Всего за 990 рублей😉

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

Sass: разрабатываем дизайн-систему

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

Практическая статья, в которой описывается разработка простой, но относительно полноценной дизайн-системы для веб-приложения средствами Sass.

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

Новый сезон онлайн-конференции Podlodka Frontend Crew стартует уже 15 августа. 
🛠 Тема сезона — тулинг — инструменты, облегчающие жизнь фронтендеру 🛠

Возьмите максимум пользы всего за 5 дней:
👽 Вместе с Андреем Ситником из «Злых марсиан», Александром Краснояровым и Валентином Семирульником из Aviasales узнайте всю правду про Webpack и плагины  — «золотой стандарт» организации процесса сборки. 
🤖 Научитесь автоматизировать процесс написания документации и не корпеть над скучными задачами вместе с Арманом Мурзабулатовым из Rabobank.
🧛🏻 Антон Крылов из Авито научит анализировать граф зависимостей, чтобы сложные зависимости на проекте или отсутствие документации не заставляли вас чувствовать боль и страдания.
🧙🏼‍♀️ Овладейте магией схем и декларативности с волшебной Полиной Гуртовой из «Злых марсиан».

Конференция продлится всего 5 дней. Продажа билетов уже стартовала на сайте. Поспешите на борт!

📖 Лучшие Self-Help книги для разработчиков

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

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

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

Научиться вёрстке сайтов стало еще легче!

В этом канале собраны бесплатные, структурированные уроки и различные материалы по HTML, CSS, JS. Также автор делится советами по заработку на фрилансе.

Канал будет полезен:
1. начинающим и опытным верстальщикам
2. программистам
3. веб-дизайнерам

Научиться и зарабатывать на верстке:
free_html_lessons

👶 Почему джуны все-таки не нужны?

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

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

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

Как изучить основы HTML и CSS за 5 занятий

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

На бесплатном курсе Нетологии «Основы вёрстки сайта» вы выполните 16 практических заданий и научитесь самостоятельно вносить изменения в HTML-код, верстать с нуля текстовые блоки, менять внешний вид отдельных элементов сайта с помощью CSS, а также готовить контент для публикации на сайте

3 часть из цикла "Как работают браузеры"

#почитать #middle

Объемный материал о деревьях специальных возможностей (accessibility tree) и рендеринга (render tree).

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

​🔥Приходите на бесплатный открытый онлайн-буткемп "Управление командой" от Школы менеджеров и тимлидов "Стратоплан"

Любая команда — живой организм, люди, связанные общей целью и постоянно погруженные в социальную динамику. Как часто вы сомневаетесь, что у вас именно такая команда, а не группа людей с одним интересом в виде ЗП?

Четко ответить на все эти вопросы самому — сложно. Чтобы понять, что происходит внутри, нужно выйти из ситуации и проработать ее со стороны.

«Управление командой» — бесплатный, открытый онлайн-буткемп от Школы менеджеров и тимлидов «Стратоплан»

Буткемп состоит из трех занятий:

◾️29 августа: «4 стиля управления командой»
Что такое стили управления? Почему их 4? Какой стиль у вас и в вашей компании? Будем разбираться, почему тот или иной стиль может (не)работать в ваших кейсах

◾️31 августа: «Как давать обратную связь: положительную и негативную»
Почему так сложно давать корректирующую обратную связь? Как сделать так, чтобы вы и ваши сотрудники видели ценность в ней?

◾️2 сентября: «Инструменты настройки команды»
Почему команды не складываются, а сложившиеся выгорают? Какая этом роль руководителя? И что делать уже сейчас, чтобы сохранить команду в перформинге

Что в итоге?
— Определение своего «правильного» стиля управления
— Набор практических шагов для повышения производительности вашей команды
— Взгляд со стороны, в динамике, на свои типичные ошибки в управлении командой
— Возможность практической отработки управленческих навыков в малых группах с единомышленниками

Мы хотим, чтобы этот курс был доступен абсолютно всем, кто сейчас работает с людьми и хочет делать это вдолгую. Поэтому он открытый и бесплатный. Возможно Bootcamp «Управление командой» — это именно та опорная точка, которой вам не хватало

Управление командой: открытый, бесплатный онлайн-буткемп Стратоплана
https://stratoplan-school.com/events/bootcamp/

Виды анимации на верстке: свойства, особенности, примеры кода

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

Разбираемся, что происходит в браузере, когда мы запускаем анимацию и каким образом браузер перерисовывает все эти кадры, а также делимся основными правилами для успешной работы анимаций.

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

Где найти и сравнить лучшие курсы по верстке прямо сейчас?

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

Собрали для вас полезную подборку:
• 31 курс по верстке на HTML/CSS
• 34 курса по Frontend-разработке
• 65 курса по JavaScript-разработке

Сравните и подберите курс среди сотен школ, подходящий именно вам, быстро, просто и бесплатно!

Почему ваш веб-сайт должен быть меньше 14 КБ

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

Чем меньше веб-сайт, тем быстрее он грузится, и это неудивительно.

Удивительно то, что страница на 14 КБ может грузиться гораздо быстрее, чем страница на 15 КБ, даже на 612 мс быстрее, хотя разница между страницами на 15 КБ и 16 КБ минимальна.

Так происходит из-за алгоритма медленного старта TCP. В статье рассказывается, что это такое, как оно работает и почему это важно.

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

Верстка сайта онлайн. Подробно с объяснениями для новичков. HTML, CSS, JS

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

Верстка макета в прямом эфире.
Адаптивная мобильная верстка HTML CSS JS из Figma. FlexBox, формы, карусель, видео на сайте.

Смотреть на YouTube (~5 часов)

Как дизайнеры тестируют, или Что такое дизайн-ревью

#почитать #middle

Старший продакт-дизайнер из Ozon рассказывает про дизайн-ревью и как это работает в ее компании.

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

Верстка сайта по продаже недвижимости

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

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

Смотреть на YouTube (~2 часа)