Front-end: Стратегическое усиление слабых мест
В последнее время я упорно начал двигаться вперед к продвинутому вебу. Но слишком поторопился. Позади осталось много пробелов ,которые нужно срочно закрыть ,прежде ,чем двигаться вперед.
Этот месяц я постараюсь сделать максимально практичным ,чтобы выявить все свои пробелы.
Чтобы ускорить верстку и не обращаться постоянно к гуглу ,отвлекая свое внимание ,нужно разобраться в механике некоторых свойств ,а так же подучить новые.
Например у меня дикий пробел с формами. Не верстал их 100 лет и напрочь забыл. А так же неполное понимание механики позиционирования ,потоков и флоатов. Иногда верстаю методом тыка ,без предсказуемости отображения в браузерах. И наверное исходя из этого 50% времени верстки тратится на гуглоюз и исправление багов.
Новые задачи будут добавляться как этапы в течении месяца ,а подэтапы будут нести в себе список материалов для изучения.
Критерий завершения
Найдены все слабые места и усилены
-
Работа с Photoshop
-
Автоматизация
-
-
Формы
-
Верстка форм
-
Стилизация форм
-
-
Потоки и позиционирование элементов
-
Флоаты и clearfix
-
Инлайн-блоки и потоки
-
Абсолюты ,релативы и фикседы
-
Марджины и паддинги ,схлопывание
-
-
Дефолтные значения свойств
-
Формы
-
Списки
-
Заголовки и абзацы
-
Ссылки
-
Body
-
Картинки
-
Бэкграунды
-
-
Анимация и трансформация
-
Анимация
-
Трансформация
-
-
box-shadow и text-shadow
-
box-shadow
-
text-shadow
-
-
Псевдоэлементы выборок
-
Шрифты
-
Отображение кастомных шрифтов в разных браузерах
-
Иконочные шрифты
-
Немного о SVG
-
FontAwesome
-
Оптимизация шрифтов
-
Организация шрифтов
-
-
Слайдеры
Практически на каждом лэндинге используются слайдеры.
Нужно разобраться ,как делать слайдеры с помощью js или JQuery.
Было бы не плохо так же изучить технику создания слайдеров на CSS
-
На JQuery
-
На CSS
-
Не пропустите новые записи!
Подпишитесь на цель и следите за ее достижением
