frontendmasters
FrontendMasters - Одна из самых лучших площадок для изучения Frontend. Видеокурсы ведут ведущие люди в этой отрасли.
Продолжительность
10 ч 38 мин
Категория
CSSКоличество уроков
112 Видео
Дата добавления
16 дек. 2017 г., 23:04
Язык
Английский
Дата выхода
11 дек. 2017 г., 22:36
Дата обновления
9 июн. 2018 г., 07:26
С пониманием того как правильно использовать CSS, вы можете сократить время разработки, сократить расходы на обслуживание и улучшить SEO, доступность и производительность сайта.
В этом курсе вы узнаете о возможностях CSS3, в том числе о новых методах компоновки, анимации, прогрессивных принципах проектирования, методах экономии времени и средствах отладки и разработки.
Смотря этот курс, вы узнаете:
- Многие функции CSS, начиная от базового до продвинутого уровня по каждой теме и окружающих свойств.
- Использование CSS для улучшения удобства использования веб-форм.
- Узнайте, как создавать визуальные эффекты с тенями, цветами и фоновыми изображениями.
- Основные линейные и радиальные градиенты с углами и цветными упорами.
- Решите упрямые задачи компоновки с помощью flexbox.
- Узнайте, как использовать сетки CSS для компоновки вашего контента независимо от порядка источника документа.
- Управляйте перспективой и обратной стороной элемента в трехмерном пространстве.
- Изучите все трюки, чтобы иметь возможность применять переходы и анимации в проекте без головных болей.
- Узнайте, как получить отзывчивый веб-дизайн, не используя медиа-запросы.
- Откройте для себя хаки, поддержку браузера, доступность и браузерные причуды самых современных функций CSS.
- Узнайте, как использовать инструменты, которые помогут вам более эффективно писать CSS3, касаясь отладчиков и предварительных процессоров.
- Ознакомьтесь с советами по написанию и обслуживанию CSS для проектов и команд как больших, так и малых.
Видео в формате .webm - работает в Google Chrome
Посмотреть больше
Удален по просьбе правообладателя
- Урок 1.00:02:53Introduction
- Урок 2.00:05:28CSS Introduction
- Урок 3.00:06:12CSS Setup
- Урок 4.00:06:31Basic Selectors & CSS Levels
- Урок 5.00:02:31Specificity Introduction
- Урок 6.00:05:18Relational Selectors & Combinators
- Урок 7.00:10:44Attribute Selectors
- Урок 8.00:04:22Attribute Selectors Recap
- Урок 9.00:09:18User Interface Selectors
- Урок 10.00:09:45Structural Selectors
- Урок 11.00:06:48nth-of-type Structural Selectors
- Урок 12.00:04:21Structural Selectors Demo
- Урок 13.00:03:17Root, Empty & Blank
- Урок 14.00:13:56Negation, Matching & Parent
- Урок 15.00:03:25Linguistic Pseudo Classes
- Урок 16.00:10:13Link, Locations & User Action
- Урок 17.00:13:39Specificity
- Урок 18.00:03:14Introduction to Pseudo-Elements
- Урок 19.00:03:25Before, After and Generated Content
- Урок 20.00:05:51Selection & More Pseudo Elements
- Урок 21.00:02:59Before and After
- Урок 22.00:05:42Counters
- Урок 23.00:06:20Quotes & Attributes
- Урок 24.00:04:21Counters Review
- Урок 25.00:04:11Images
- Урок 26.00:07:06Strings & Special Characters
- Урок 27.00:08:18Icon Accessibility
- Урок 28.00:03:59Design Elements
- Урок 29.00:13:14Media Type, Screen Size, Resolution
- Урок 30.00:02:36Syntax & Punctuation
- Урок 31.00:05:32Browser Capability @supports
- Урок 32.00:06:08Viewport
- Урок 33.00:02:03Use Cases: Hyphenations
- Урок 34.00:03:18Use Cases: Columns
- Урок 35.00:03:51Use Cases: SVG
- Урок 36.00:13:33Colors: RGB, HSL & HEX
- Урок 37.00:02:35Opacity vs. Alpha Transparency
- Урок 38.00:05:17Appearance
- Урок 39.00:05:28Goal of Flexbox and Demos
- Урок 40.00:05:37Browser Support and Overview
- Урок 41.00:08:36Setup Flex Container and Items
- Урок 42.00:10:02Understanding Flexbox
- Урок 43.00:12:23Flex Container Properties
- Урок 44.00:09:27Flex Item Properties
- Урок 45.00:12:02Flexibility & Shorthand
- Урок 46.00:03:56Overview & Semantics
- Урок 47.00:03:19Caption
- Урок 48.00:04:21Table Borders & Spacing
- Урок 49.00:04:00Other Table Properties
- Урок 50.00:09:22Styling a Table
- Урок 51.00:04:08Flexbox vs. Grids
- Урок 52.00:04:21Grid Basics
- Урок 53.00:03:27Display Property
- Урок 54.00:05:15Columns & Rows
- Урок 55.00:07:42Fraction Unit & Repeat Notation
- Урок 56.00:03:46Adding Gutters & Exercise
- Урок 57.00:02:49Exercise Walkthrough
- Урок 58.00:03:32Positioning Grid Items
- Урок 59.00:05:45Grid Column & Row Naming
- Урок 60.00:05:50Item Properties & Holy Grail Layout
- Урок 61.00:09:03Coding the Holy Grail Layout
- Урок 62.00:06:04Named Template Areas
- Урок 63.00:06:24Align and Justify Items
- Урок 64.00:06:01Align and Justify Content
- Урок 65.00:03:50Track Sizing & Auto Flow
- Урок 66.00:02:31More Grid Resources
- Урок 67.00:01:36Grid Dev Tools
- Урок 68.00:02:39Background Properties & Color
- Урок 69.00:06:57Background Image
- Урок 70.00:04:17Background Image Future
- Урок 71.00:08:31Repeat, Attachment & Position
- Урок 72.00:06:46Clip, Origin & Size
- Урок 73.00:06:33Shorthand & Demo
- Урок 74.00:03:03Border Color, Style & Width
- Урок 75.00:15:42Border Radius & Border Image
- Урок 76.00:04:41Gradient Demos & Overview
- Урок 77.00:02:58Linear & Radial Gradient Syntax
- Урок 78.00:10:20Color Stops
- Урок 79.00:06:20Color Hints
- Урок 80.00:06:38Gradient Directions
- Урок 81.00:06:30Stripes with Repeat Linear Gradient
- Урок 82.00:06:45Radial Gradients & Position
- Урок 83.00:10:55Shape, Size & Sizing KeyTerms
- Урок 84.00:03:12Color Stops, Hints & Repeating
- Урок 85.00:02:48Transform Overview
- Урок 86.00:09:112D Transform Functions
- Урок 87.00:05:32Function & Transform Order
- Урок 88.00:02:143D Transform Functions & Properties
- Урок 89.00:05:53Perspective & Perspective Origin
- Урок 90.00:05:26Backface Visibility & Box
- Урок 91.00:04:34Overview & Transition Properties
- Урок 92.00:06:36Animatable Properties
- Урок 93.00:06:55Events & Transition Examples
- Урок 94.00:01:53CSS Animations Features
- Урок 95.00:08:07@keyframes
- Урок 96.00:03:15Naming Animations & Specificity
- Урок 97.00:04:46Timing Functions
- Урок 98.00:03:26Steps
- Урок 99.00:02:55Iteration Count & Delays
- Урок 100.00:06:01Direction, Shorthand & Fill Mode
- Урок 101.00:03:25Stopping Animations & Events
- Урок 102.00:04:45CSS Columns
- Урок 103.00:01:20Box Sizing
- Урок 104.00:03:22Shaders & Blend Modes
- Урок 105.00:03:09CSS Shapes
- Урок 106.00:05:52Fonts, Icons & Subsetting
- Урок 107.00:07:03CSS as the Solution
- Урок 108.00:00:54Cursors
- Урок 109.00:01:49Text Overflow, Word Wrap & Calc
- Урок 110.00:02:02rem & Viewport Width
- Урок 111.00:02:26Pointer Events & Content Editable
- Урок 112.00:06:44Sass
Автор - frontendmasters
Комментарии