<MyRusakov.ru />

Вёрстка сайта с нуля 2.0

Вёрстка сайта с нуля 2.0

Система "Вёрстка сайта с нуля 2.0" содержит в себе не только сами видеоуроки по адаптивной вёрстке сайтов с примерами, но и вспомогательную систему для более эффективного обучения.

Сам курс обучит Вас абсолютно с нуля HTML5 и CSS3, а также научит верстать сайты с помощью реальных примеров вёрстки. Обучение идёт от простого к сложному. В последнем разделе курса идёт обучение адаптивной вёрстке сайтов: Вы узнаете всю необходимую теорию, а также увидите пример реальной адаптивной вёрстки сайта.

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

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

CSS3

CSS3

CSS3 - это новая версия каскадных таблиц стилей. Я, надеюсь, не нужно объяснять, зачем нужен вообще CSS. Если нужно, то сначала обратите внимание на категорию по основам CSS, а уже потом можно будет изучать и новую версию.

В CSS3 появилась масса новых возможностей, которые в разы упрощают огромное количество задач. Помните, сколько Вам бед доставляло закругление обычного div? Сколько картинок приходилось вырезать, сколько блоков добавлять, сколько стилей прописывать? Теперь же ничего лишнего нет: 1 блок div и одно свойство border-radius, закругляющее рамку. Всё.

Появилась так же возможность добавлять градиенты, несколько фонов на один блок. Теперь можно делать лёгкую анимацию на CSS3, что само по себе уже чудо, поскольку раньше для подобных эффектов требовался JavaScript.

Такие вещи как тени, раньше отнимающие кучу нервов и времени, теперь реализуются так же всего одним свойством из CSS3.

В общем, расписывать все новые возможности надо достаточно долго. Одно могу сказать точно: если Вы изучите CSS3, что сделать совсем легко, если знаете предыдущую версию CSS, Ваша жизнь как верстальщика значительно упростится.

Прочитав статьи по CSS3, Вы узнаете:

1) Как создавать тени для текста и блоков.

2) Новые способы задания цвета в CSS3.

3) Как закруглить углы на CSS3.

4) Как делать плавные переходы на CSS3.

5) Как трансформировать объекты на CSS3.

6) Как сделать анимацию на CSS3.

7) Как задать несколько фоновых изображений на CSS3.

8) Как разбить текст на несколько колонок с помощью CSS3.

9) Как верстать круглые кнопки на CSS3.

10) Примеры теней на CSS3.

11) Как задавать градиенты в CSS3.

12) Как сделать комментарии в виде пузырька на CSS3.

13) Новое свойство CSS3 - box-sizing.

14) Новый псевдокласс CSS3 - nth-child.

15) Новый псевдокласс CSS3 - not.

16) Новые псевдоклассы CSS3 - only-child и only-of-type.

17) Новые псевдоклассы CSS3 - valid и invalid.

18) Новые псевдоклассы CSS3 - read only и read write.

19) Новые псевдоклассы CSS3 - in-range, out-of-range и indeterminate.

20) Как сделать эффект серого оттенка на CSS.

21) Зачем нужен псевдокласс target в CSS3.

22) Как сделать аккордион на чистом CSS3.

23) Как сделать эффект вдавленного текста на CSS3.

24) Новые свойства CSS3 - box-ordinal-group и box-orient.

25) Новые свойства CSS3 - nav-left, nav-right и nav-up.

26) Как сделать навигационное меню на HTML5 и CSS3, используя псевдокласс target.

27) Как сделать красивые анимации на CSS3, используя библиотеку Animate.css.

28) Зачем нужна функция calc() в CSS3.

29) Как сделать анимацию загрузки на чистом CSS3.

30) Как сделать пролистывающийся текст на чистом CSS3.

31) Как добавить эффект перехода аккордеону на CSS3.

32) Как сделать блоки со слайдер эффектом на чистом CSS3.

33) Как сделать 3D менюшку на чистом CSS3.

34) Зачем нужно свойство flexbox в CSS3.

35) Как сделать прелоадер на чистом CSS3.

36) Как сделать слайдер на чистом CSS3 без использования JavaScript.

37) Как сделать выскальзывающее меню на CSS3.

38) Как сделать прогресс бар на чистом CSS3.

39) Как сделать изогнутую тень на чистом CSS3.

40) Как сделать многоуровневое меню-аккордион на CSS3.

41) Как установить иконки загрузки на чистом CSS3.

42) Как сделать индикатор прокрутки на CSS3.

43) Как сделать выпадающее меню на чистом CSS3.

44) Как применять свойство CSS background-image в веб-дизайне.

45) Как использовать свойство float в CSS.

46) О свойстве float на практике.

Все материалы по CSS3

Михаил Русаков
Михаил Русаков
Михаил Русаков
Михаил Русаков
Михаил Русаков
Михаил Русаков
Михаил Русаков
Михаил Русаков
Михаил Русаков
Михаил Русаков
Михаил Русаков
Михаил Русаков
Михаил Русаков
Михаил Русаков
Михаил Русаков
Михаил Русаков
Михаил Русаков