[Lynda.com] CSS: Основные концепции

​

Lynda.com [RUS]
CSS: Основные концепции
(CSS: Core Concepts)​

Автор: James Williamson
Продолжительность: 8:49 ч​

Перевод: Favrik
Гарант: Prametei

В этом практическом курсе Джеймс Вильямсон продемонстрирует концепции, которые являются основой каскадных таблиц стилей (CSS), включая стилизацию текста, добавление отступов margin и padding и контроль отображения изображений. В курсе также рассказывается об инструментах, необходимых для работы с CSS, о различиях между встроенными и внешними стилями, о том, как использовать селекторы для обращения к элементам, и что делать при конфликте стилей.​

Темы:

• Обзор стилизации по умолчанию
• Написание селектора
• Установка свойств
• Работа со встречающимися единицами измерения, включая Em и пикселы
• Правильное структурирование HTML
• Понимание каскадирования и наследования
• Установка семейства шрифтов, размера шрифта, цвета текста, и другого
• Понимание блочной модели
• Стилизация элементов-контейнеров
• Работа с RGB значениями вместо HSL
• Стилизация отбрасывания теней

​

Спойлер: Содержание

• Introduction 4m 57s
  • Welcome 55s
  • Using the exercise files 4m 2s
• 1. CSS Basics 1h 7m
  • Exploring default styling 4m 56s
  • CSS authoring tools 2m 29s
  • CSS syntax 4m 45s
  • Writing a selector 4m 10s
  • Setting properties 8m 40s
  • Common units of measurement 7m 47s
  • Inline styles 5m 1s
  • Embedded styles 5m 19s
  • Using external style sheets 10m 34s
  • Checking for browser support 8m 48s
  • Dealing with browser inconsistencies 5m 30s
• 2. Targeting Page Content 2h 15m
  • Structuring HTML correctly 2m 51s
  • Element selectors 4m 52s
  • Class selectors 6m 4s
  • ID selectors 3m 27s
  • Using classes and IDs 10m 7s
  • Element-specific selectors 4m 35s
  • The universal selector 5m 42s
  • Grouping selectors 4m 49s
  • Descendent selectors 7m 32s
  • Child selectors 5m 7s
  • Adjacent selectors 5m 30s
  • Attribute selectors 12m 43s
  • Pseudo-class selectors 3m 54s
  • Dynamic pseudo-class selectors 8m 29s
  • Structural pseudo-class selectors 6m 45s
  • Nth-child selectors 13m 10s
  • Pseudo-element selectors 12m 40s
  • Targeting page content: Lab 8m 56s
  • Targeting page content: Solution 7m 59s
• 3. Resolving Conflicts 42m 39s
  • What happens when styles conflict? 4m 0s
  • Understanding the cascade 5m 47s
  • Using inheritance 6m 11s
  • Selector specificity 6m 55s
  • The !important declaration 4m 5s
  • Reducing conflicts through planning 3m 33s
  • Resolving conflicts: Lab 6m 45s
  • Resolving conflicts: Solution 5m 23s
• 4. Basic Text Formatting 1h 47m
  • Setting a font family 7m 10s
  • Using @font-face 9m 18s
  • Setting font size 7m 35s
  • Font style and font weight 6m 52s
  • Transforming text 3m 58s
  • Using text variants 2m 49s
  • Text decoration options 4m 26s
  • Setting text color 3m 2s
  • Writing font shorthand notation 8m 49s
  • Controlling text alignment 6m 33s
  • Letter and word spacing 9m 11s
  • Indenting text 4m 30s
  • Adjusting paragraph line height 10m 30s
  • Controlling the space between elements 6m 41s
  • Basic text formatting: Lab 8m 45s
  • Basic text formatting: Solution 7m 14s
• 5. Styling Container Elements 2h 1m
  • Understanding the box model 16m 53s
  • Controlling element spacing 14m 29s
  • Controlling interior spacing 10m 49s
  • Margin and padding shorthand notation 6m 27s
  • Adding borders 8m 57s
  • Defining element size 10m 7s
  • Creating rounded corners 6m 58s
  • Background properties 2m 51s
  • Using background images 5m 10s
  • Controlling image positioning 10m 25s
  • Using multiple backgrounds 7m 5s
  • Background shorthand notation 5m 25s
  • Styling container elements: Lab 7m 55s
  • Styling container elements: Solution 8m 17s
• 6. Working with Color 47m 51s
  • Color keyword definitions 5m 4s
  • Understanding hexadecimal notation 6m 5s
  • Using RGB values 4m 58s
  • Using HSL values 5m 17s
  • Working with opacity 2m 23s
  • Using RGBa and HSLa 3m 8s
  • Styling drop shadows 5m 38s
  • CSS gradients 6m 32s
  • Working with color: Lab 4m 26s
  • Working with color: Solution 4m 20s
• Conclusion 1m 58s
  • Additional resources 1m 58s

 

Поскольку во время перевода обнаружил, что сам автор часто ссылается на этот курс и советует начинать с него, особенно новичкам, считаю нужным предложить и этот курс для перевода. Это основы.

 

Надеюсь, этот курс отличается от курсов html "Специалиста", ранее ведущего Петровым. 2-ой уровень просто Жесть . До сих с содроганием вспоминаю эти садомазо Время, проведенные за просмотром этого уровня . Надеюсь в линдовском курсе нет тупых разжевываний для домохозяек, чрезмерное уделения внимания верстке в ie 6-7.

 

Изучение обоих курсов James Williamson заложит прочные основы - теорию и практику. Так что обоими руками ЗА!

 

CSS фреймворки и сетки [Lynda.com] (На русском!!!)

 

CSS: LESS и SASS [Lynda.com] (На русском!)

 

Давайте ребята организовывайте уже, я хоть 600р заплачу за курс , очень нужен!

 

Может кто-то и 20000р может заплатить. Только не мало и тех, для кого и 300р немалые деньги.

 

Как в прошлой складчине около 200 рублей оптимальная цена.

 

Жаль что не 10 тысяч Тогда бы цена всех устроила.

 

Тоже, очень бы хотел освоить данный курс... только что-то тут совсем тихо=(

 

Давайте дождемся 200-250 рублей думаю вполне адекватная цена.

 

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

 

По HTML5 есть Lynda.com переводы?

 

(Повтор) Photoshop CS6 " Ретуширование портрета "

 

пока нету

 

Очень нужен курс, Ув. переводчик когда ориентировочно можно ожидать Вашего перевода?

 

Присоединяюсь к предыдущему посту. Переводчик (Силя или может еще кто возьмется), переведи плиз этот курс, как время появится......

 

Ребята, переводчики! НУ кто возьмется?
Такой шикарный курс?
Заодно обратите внимание неа Мою подпись. Там стоит Магия флэша. Зайдите на страницу, может и пригодиться!!! Завтра стартуем

 

8,5 часов тяжеловато будет перевести.