[Перевод] Ещё пять идей, как прокачать свое мастерство фронтенд-разработчика (декабрь 2019)

Скрипты и советы | 16 декабря 2019 1 212

Уроки CSS на Хабрахабре, habrahabr.ru, Блог компании Edison

Цель публикации — подкуинуть несколько идей, что можно повторить, чтобы повысить свое мастерство front-end разработчика. Это просто идеи, без исходников и туториалов, что немного усложняет задачу, но прививает более самостоятельный подход к обучению.

Предыдущий полный список идей: Front-end додзё: проекты для тренировки навыков разработчика (5 новых + 43 старых)

1.Динамическое меню


Посмотрите, как это круто, когда кликаешь в меню и контент уменьшается.

image

motrix.app

Чему научитесь:

CSS переходы и анимации.

Как изменить компоновку и содержимое.

Как гармонично использовать HTML и JavaScript, чтобы добавить интерактивность на ваш сайт.

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

Источник: Уроки CSS на Хабрахабре

Эксплуатация идей – или как один макет кормит несколько проектов

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

Подробнее
[Перевод] Чеклист фронтенд-разработчика

Глеб Летушов, редактор-фрилансер, адаптировал для блога Нетологии чеклист с Github от David Dias. Этот чеклист уже...

Подробнее
Opium.Fill — стандартизация цветовой схемы глазами программиста

Привет. Сегодня покажу вам цветовую схему, которой пользуюсь последние 2 года. Она была придумана, чтобы на проблемном...

Подробнее
Сайт-портфолио для веб-разработчика

Еще одна работа нашей студии, выпущенная в февраля 2012 года. Это сайт для демонстрации своего портфолио потенциальным...

Подробнее
[Перевод] Современный CSS для динозавров

— Двигать пиксели в CSS и так было трудно! А теперь мне говорят, насколько круто использовать несемантические названия...

Подробнее
SASS: Оптимизируем media screen

Приветствую! Примерно месяц назад я написал статью, в которой выдвинул идею об оптимизации @media screen. Идея...

Подробнее

💬 Комментарии

В связи с новыми требованиями законодательства РФ (ФЗ-152, ФЗ «О рекламе») и ужесточением контроля со стороны РКН, мы отключили систему комментариев на сайте.

🔒 Важно Теперь мы не собираем и не храним ваши персональные данные — даже если очень захотим.

💡 Хотите обсудить материал?

Присоединяйтесь к нашему Telegram-каналу:

https://t.me/tcsecms

Нажмите кнопку ниже — и вы сразу попадёте в чат с комментариями