[Lynda.com] Cборник видео курсов по CSS2, CSS3 [2009-2012, ENG]

Ответить на тему
 

Psymantis ®

Стаж: 5 лет 6 месяцев

Сообщений: 113

Симпатии: 8

Cборник видео курсов по CSS2, CSS3 от Lynda.com

-
Производитель: Lynda.com
Год выпуска: 2009-2012
Язык: английский
-
Описание: Сборник видео курсов от Lynda.com на тему CSS (англ. Cascading Style Sheets — каскадные таблицы стилей). Собрано все самое сочное для изучения CSS (отсутствует только пятерка старых курсов, которые по моему мнение были очень слабы). Данный сборник считается продолжением сборника на тему HTML5.
-
Видео курсы:

CSS Positioning Best Practices (CSS практика в позиционировании) [2009]

-Автор: Bill Weinman | Год выпуска: 2009 | Видео кодек: QuickTime | Видео: avc1 880x660 12fps | Аудио: mp4a ch1 48000 16 768kbps | Продолжительность: 2.32 часов | GUI: нет | Exercise Files: есть-Описание: Web designers and coders will be introduced to techniques to improve their results in CSS Positioning Best Practices. Beginning with a brief review of CSS, instructor Bill Weinman demonstrates how to position elements on a page using CSS instead of tables. He then goes step by step through the process of using CSS positioning to lay out pages that have traditionally been laid out using HTML tables. Exercise files accompany the course.

Веб-дизайнерам и программистам будут представлены методы, чтобы улучшить свою технику в CSS позиционировании. Начиная с краткого обзора CSS, преподаватель Билл Вайнман демонстрирует положение элементов на странице, используя CSS вместо таблиц. Затем он шаг за шагом с использованием CSS позиционирования сверстает страницы, которые традиционно делались с использованием HTML-таблиц.
Темы включают:
• Понимание стилей и уровней наследования
• Обучение, как использовать CSS единицы измерения в макет страницы
• Разметка содержимого страницы с помощью абсолютного, относительного, плавающего, и фиксированного позиционирования
• CSS позиционирование меню, кнопок, графики, и столбцов на странице
• Использование шаблонов для улучшения рабочего процесса
• Создание полного рабочего веб-сайте, шаг за шагом
-

Содержание

Introduction
Welcome 0:56 0.6 MB
Using the exercise files 1:28 1.6 MB
Choosing a text editor 2:20 3.0 MB
1. CSS Overview
Reviewing CSS linking and setup 1:31 2.2 MB
Understanding levels of inheritance 3:00 4.4 MB
Understanding levels of style sheets 2:02 3.8 MB
Apply styles with SPAN and DIV 2:26 3.4 MB
Relating styles to the HTML document with selectors 5:08 8.6 MB
Understanding units of measure in CSS 8:34 11.4 MB
2. CSS Positioning Properties
Using absolute positioning 5:56 9.7 MB
Using relative positioning 2:54 5.2 MB
Using the float property for positioning 4:51 9.2 MB
Using fixed positioning 3:51 11.8 MB
3. Building a Web Site with CSS Positioning
Exploring the finished web site 2:05 11.3 MB
Building a document header 9:40 18.6 MB
Placing a contact button 6:05 11.9 MB
Laying out a main menu 11:44 25.5 MB
Creating a layout template pt. 1: Main body area 11:44 20.0 MB
Creating a layout template pt. 2: Sidebar area 6:46 15.4 MB
Creating a layout template pt. 3: Footer content 5:19 9.2 MB
Building a main home page pt. 1: Main body content 10:57 30.8 MB
Building a main home page pt. 2: Sidebar content 8:21 29.0 MB
Creating a page with a menu, graphics, and formatted links 15:31 39.1 MB
Creating a page containing an ordered list 9:08 18.3 MB
Creating a page containing video 9:23 16.8 MB
Conclusion
Goodbye 0:28 0.5 MB

Скриншоты

CSS for Designers (CSS для Дизайнеров) [2010]

-Год выпуска: 2010 | Видео кодек: QuickTime | Видео: avc1 880x660 12fps | Аудио: mov ch1 48000 16 768kbps | Продолжительность: 3ч. 48м. 13с. (1-st CD) + 3ч. 45м. 33с. (2-nd CD) = 7ч. 33м. 46с. | GUI: есть | Exercise Files: есть-Описание: In CSS for Designers, Molly E. Holzschlag and Andy Clarke expertly guide you through some of the most complex and useful techniques used in progressive Web design. Molly and Andy consider the topics from the point of view of creative, visual people rather than developers or programmers. Their unique approach helps give designers all the tools they need to create accessible, manageable, and beautiful websites.
В CSS для дизайнеров, Molly E. Холцшлаг и Энди Кларк квалифицированно проведут вас через некоторые из самых сложных и полезных методов, используемых в прогрессивном веб-дизайне. Молли и Энди рассматривают вопросы с точки зрения творческой, визуальной стороны, а не со стороны разработчиков и программистов. Их уникальный подход позволяет дать дизайнерам все инструменты, с помощью которых вы должны создать доступные, управляемые, удобные и красивые веб-сайты. -

Содержание

1. Introduction
Welcome 0:23 2.2 MB
Setting up for exercise files 4:59 7 MB
Chapter intro 6:09 9.3 MB
Web standards and CSS 10:53 22.4 MB
CSS goes mainstream 7:38 15.8 MB
The evolution of CSS design 8:45 17.4 MB
Into the future 9:45 13.4 MB
2. Beginning with Markup
Chapter intro 4:18 4.1 MB
Creating an XHTML document 8:51 6.3 MB
Adding semantic elements 9:06 11.4 MB
Validating and error correction 8:28 13 MB
3. How CSS Is Applied
Chapter intro 4:05 3.7 MB
Browser style 4:43 6.6 MB
User style 4:57 6.5 MB
Author style: inline 5:35 10.2 MB
Author style: embedded 5:48 11.1 MB
Author style: linked 3:52 7.8 MB
Author style: imported 6:41 13.5 MB
Inheritance 5:16 10.1 MB
4. Conflict Resolution in CSS
Chapter intro 2:19 4.9 MB
Origin and source order 8:57 11.1 MB
The important declaration 5:22 9.4 MB
Specificity (weight) 5:56 7.2 MB
5. CSS Typography
Chapter intro 2:29 1.4 MB
Using CSS to create great-looking type 20:29 34.3 MB
Combining graphics and CSS 9:40 19.7 MB
Examining image replacement 19:35 34.2 MB
6. Working with Color and Contrast
Chapter intro 2:14 2.2 MB
CSS color values 5:52 6.4 MB
Applying color to page elements 3:21 4.1 MB
Applying color to links 5:04 7.5 MB
Managing multiple link styles (descendent selectors) 4:18 6.6 MB
Creating depth of field 4:59 10.4 MB
Testing your design for color blind users 6:44 12.4 MB
Ensuring sufficient contrast 6:15 9.3 MB
7. Background Graphics
Chapter intro 1:58 1.5 MB
Adding a background image to an element 9:29 9 MB
Background repeat 7:44 14.3 MB
Background position 5:09 10.7 MB
Fixed or scroll background 4:40 9 MB
8. CSS for Navigation
Chapter intro 1:22 2.4 MB
Removing bullets or numbers from lists 6:46 9 MB
Using images for list markers 6:01 11.8 MB
Creating vertical navigation 5:08 5.8 MB
Designing a text-based horizontal navigation bar 5:10 6.5 MB
Creating a tabbed horizontal navigation bar 11:59 23.5 MB
9. CSS Floats
Chapter intro 2:06 2.1 MB
Floating columns 5:24 11.2 MB
Floating page elements 4:28 9.6 MB
Clearing floats 7:22 15 MB
Multi-column floated layout with header and footer 6:44 14.2 MB
10. CSS Positioning
Chapter intro 2:45 2.7 MB
Normal flow 3:05 6.3 MB
Relative positioning 4:32 6.5 MB
Absolute positioning 2:56 3 MB
Relative positioning to create a positioning context 5:00 7.4 MB
Fixed positioning 4:40 9.4 MB
11. CSS for Design Details
Chapter intro 1:02 2.2 MB
Making panels 8:16 14.5 MB
Creating grids 12:00 12.7 MB
Laying out products 4:45 9.2 MB
12. Designing Beautiful Data Tables
Chapter intro 2:00 4 MB
Creating table structures 5:45 5.3 MB
Adding table borders 5:02 8.2 MB
Using backgrounds in tables 4:43 5.1 MB
Special effects 7:01 14.3 MB
13. Styling Forms
Chapter intro 0:35 0.4 MB
Accessible form markup 5:22 5.3 MB
Basic fieldset styling 4:38 8.5 MB
Fieldset grid layout 2:57 5.2 MB
Styling labels and form controls 3:16 6 MB
Styling form buttons 5:12 9.3 MB
14. CSS and Design Workflow
Chapter intro 1:02 1.6 MB
Creating symbols for wireframes in Fireworks 14:57 28.1 MB
Naming conventions for class and ID 8:47 6.6 MB
Organizing your CSS document 8:11 16.5 MB
Working with multiple CSS files 5:58 6.8 MB

Скриншоты

Dreamweaver CS5: Managing CSS (Dreamweaver CS5: Манипулируем CSS) [2010]

-Год выпуска: 2010 | Автор: James Williamson | Продолжительность: 4:40 ч | Формат: клипы QuickTime (.mov) | Видео: AVC 960x540 15 fps ~70Kbps | Аудио: AAC 48kHz 1ch 96Kbps | Файлы примеров: присутствуют-Описание: Dreamweaver CS5: Managing CSS with senior author James Williamson shows how to create cascading style sheets that are efficient, reusable, and easy to navigate. In this course, James shares tips on how to find and use panels and tools, and how to deploy style sheets to screen, print, and mobile environments. Course topics include creating customized starter pages, learning to rapidly hand-code CSS through using Snippets, and using Dreamweaver’s CSS preferences to deploy lightweight styles. Exercise files are included with the course.
Dreamweaver CS5: Managing CSS с опытным автором James Williamson демонстрирует, как создать таблицы каскадных стилей, которые эффективны, многократно используемы и в которых легко ориентироваться. В этом видеокурсе James делится подсказками о том, как найти и использовать панели и инструменты, и как размещаются стили на экране, печати и мобильных устройствах. Темы курса включают создание настроенных стартовых страниц, изучение производительного ручного кода CSS через использование сниппетов и использование предпочтительных настроек CSS в Dreamweaver для размещения легких по объему стилей.-

Topics include

* Building a CSS-friendly workspace in Dreamweaver
* Creating style sheets visually
* Hand-coding styles
* Working with code hinting
* Organizing style sheets with color coding and sections
* Writing global classes
* Eliminating style conflicts
* Deploying styles
* Dealing with browser compatibility issues

Содержание

Introduction
Welcome 01:10
Who is this course for? 01:05
Using the exercise files 01:57
1. Using Dreamweaver's Tools and Panels
Controlling CSS in Dreamweaver 02:34
Style formatting options 04:59
Controlling shorthand notation 06:09
Building a style-focused workspace 06:10
CSS Styles panel overview 08:18
The Properties Inspector 06:39
Creating styles visually 11:32
Hand-coding styles 08:15
Code hinting and code completion 07:11
Modifying styles visually 05:24
Using the Code Navigator 04:47
Using CSS Inspect 09:52
2. Organizing Style Sheets
Structuring style sheets 04:52
Writing a style header 02:40
Building a color guide 06:05
Writing a style sheet table of contents 08:46
Creating sections for styles 09:10
Using the CSS Styles panel to organize styles 10:29
Resolving conflicts 07:03
Organizing style properties 09:33
Writing a CSS reset 05:20
Writing global classes 03:57
Creating a style guide 06:06
3. Reusing Styles
Preparing custom starter pages 11:32
Building custom starter pages 10:08
Working with code snippets 09:54
Writing snippets 11:30
Importing snippets 06:03
What is a CSS framework? 08:11
Building a CSS framework 10:36
4. Deploying Styles
Writing a print style sheet 10:03
Creating print-specific styles 10:45
Preparing modular styles 04:33
Creating modular style sheets 07:09
Checking browser compatibility 06:25
Using conditional comments for Internet Explorer 06:58
Optimizing CSS with Dreamweaver 06:22
Conclusion
Goodbye 00:38

Скриншоты

CSS3 First Look (знакомство с CSS3) [2010]

-Год выпуска: 2010 | Автор: James Williamson | Продолжительность: 6:34 ч | Файлы примеров: присутствуют | Формат видео: клипы QuickTime (.mov) | Видео: AVC 960x540 15 fps ~400Kbps | Аудио: AAC 48kHz 1ch 96-160Kbps-Описание: In CSS3 First Look, staff author James Williamson provides an in-depth introduction to the newest CSS standard, detailing its modular format, history, and current level of browser support, while also demonstrating its capabilities and applications. The course includes tutorials on using new selectors, modifying typography and color, working with the box model, and understanding media queries. Exercise files accompany the course.
В курсе CSS3 First Look автор James Williamson предлагает углубленное введение в новейший стандарт CSS, детализируя его модульный формат, историю и текущий уровень поддержки броузеров, в то же время демонстрируя его возможности и приложения. Курс включает уроки по использованию новых селекторов, модифицированию разметки и цвета, работе с коробочной моделью и пониманию медиа запросов.-

Topics include

* Understanding the history of CSS3
* Working with the new selectors
* Adding transparency and gradients
* Specifying web fonts with @font-face
* Understanding the advances to page layout
* Looking at CSS3 box model capabilities
* Using 2D and 3D transforms
* Understanding media queries

Содержание

Introduction 03:05
Welcome 01:20
Using the exercise files 01:45
1. Introducing CSS3 31:24
What is CSS3? 05:26
The current status of CSS3 03:29
An overview of CSS3 capabilities 02:24
Can you use CSS3 now? 05:31
Detecting support for CSS3 09:00
Understanding vendor prefixes 05:34
2. CSS3 Selectors 01:09:11
An overview of child and sibling selectors 03:11
Using child and sibling selectors 07:17
An overview of attribute selectors 03:19
Using attribute selectors 08:32
Pseudo-class UI selectors 05:56
Negation pseudo-class selectors 06:48
Target pseudo-class selectors 05:39
Structural selectors 03:58
Nth-child selector syntax 10:00
First, last, and only structural selectors 05:39
Using structural selectors to write more efficient code 08:52
3. Working with Color in CSS3 45:28
Color formats in CSS3 07:09
Transparency in CSS3 09:10
CSS3 gradients 04:11
Creating linear gradients 13:57
Creating radial gradients 11:01
4. CSS3 Typography 49:08
Working with web fonts 06:38
@font-face syntax 04:52
Downloading sample fonts 06:05
Writing @font-face declarations 07:57
Using web fonts 06:42
Using text shadows 07:14
Creating multi-column text 09:40
5. CSS3 and Page Layout 50:55
An overview of the flexible box model 04:42
Controlling box orientation 05:02
Setting element flexibility 12:59
Distributing boxes 07:54
Controlling box alignment 12:38
Working with box-sizing 07:40
6. The CSS3 Box Model 01:05:51
Using border-radius 06:20
Creating custom rounded corners 10:21
Understanding border images 05:15
Using border images 08:52
Creating box shadows 08:58
CSS3 backgrounds 04:55
Controlling background size 08:46
Creating multiple background images 06:04
Using background-origin 03:18
Clipping background content 03:02
7. CSS3 Transitions and Transforms 40:08
An overview of CSS3 2D transforms 04:26
Using 2D transforms 08:16
Setting transform origins 05:24
An overview of CSS3 transitions 05:00
Animating CSS properties 06:12
Using easing in animations 05:41
An overview of 3D transforms 05:09
8. Media Queries 37:56
Understanding media queries 06:18
Strategies for targeting multiple devices 06:04
Writing styles for target screen sizes 12:11
Deploying styles through media queries 03:55
Basing media queries on page orientation 02:24
Targeting media queries for iOS devices 07:04
Conclusion 01:06
Goodbye 01:06

Скриншоты

Site Navigation with CSS in Dreamweaver (Навигация сайта с CSS в Dreamweaver) [2011]

-Год выпуска: 2011 | Автор: Joseph Lowery | Продолжительность: 03:24:00 | Файлы примеров: присутствуют | Формат видео: MOV | Видео: AVC 960x540 15.000 fps 125 Kbps | Аудио: AAC 96.0 Kbps 2 channels-Описание: oin Joseph Lowery in Site Navigation with CSS in Dreamweaver as he explores current design trends in site navigation and shows designers and developers how to create robust CSS-based navigation. The course shows how to convert HTML lists to graphical controls that integrate seamlessly with an existing site design, and how to build menus with a wide range of navigation options, all in standards-compliant CSS. Exercise files accompany the course.
Join Joseph Lowery в курсе Site Navigation with CSS in Dreamweaver исследует текущие направления дизайна в навигации сайта и показывает дизайнерам и разработчикам, как создать трудоемкую навигацию на базе CSS. Курс показывает, как конвертировать списки HTML в графический контроль, который плавно интегрирует с существующим дизайном сайта, и как создавать меню с широким разнообразием опций навигации, все в стандартно совместимых CSS.-

Topics include

Using icons
Navigating with Spry widgets
Styling Spry menus
Working with background images
Implementing sprites
Designing navigation with accessibility in mind
Adding drop-down menus
Developing graphical navigation with jQuery
Creating pop-out vertical navigation
Exploring CSS3 and HTML5 enhancements

Содержание

Introduction
1. Trends in Navigation Design
2. Spry Navigation
3. Navigation Techniques
4. Horizontal Navigation
5. Vertical Navigation
6. Internal and External Navigation
7. Cutting-Edge Navigation
8. Conclusion

Скриншоты

Typography with CSS in Dreamweaver (Типографика с CSS в Dreamweaver) [2011]

-Год выпуска: 2011 | Автор: Joseph Lowery | Продолжительность: 02:30 ч | Файлы примеров: присутствуют | Формат видео: клипы QuickTime (.mov) | Видео: AVC 960x540 15fps ~80Kbps | Аудио: AAC 48kHz 2ch 96KbpsОписание: In Typography with CSS in Dreamweaver, author Joseph Lowery dives deep into key typographic concepts. The course introduces Dreamweaver type tools and shows how to perform basic text modifications, establish the appropriate type unit, integrate custom web fonts, and apply drop shadows, gradients, and other effects. The course also provides in-depth tutorials on structuring text with headings, paragraphs, columns, and lists, and offers a preview of Adobe's proposed CSS Regions. Exercise files accompany the course.
В курсе Typography with CSS in Dreamweaver автор Joseph Lowery углубляется в ключевые концепции типографики. Курс представляет инструменты шрифта Dreamweaver и показывает, как представлять основные модификации текста, устанавливать соответствующие шрифты, интегрировать настраиваемые веб шрифты и применять падающие тени, градиенты и другие эффекты. Курс также предлагает углубленные уроки по структурированию текста заголовками, параграфами, колонками и списками и дает предпросмотр предлагаемых Adobe CSS Regions.-

Topics include

* Modifying type in the CSS Styles panel
* Understanding the different type measurement unit options
* Allowing users to set page type size
* Employing web-safe fonts
* Exploring CSS 3 typeface options
* Setting up @font-face
* Applying color and transparency to type
* Styling the font weight, case, and letter spacing
* Inserting drop caps
* Rotating text with CSS transform
* Laying out text in multiple columns
* Incorporating ordered and unordered lists
* Targeting lists items with the nth-child selector

Содержание

Introduction 03m 52s
Welcome 01m 19s
Using the exercise files 02m 33s
1. Modifying Type in Dreamweaver 19m 16s
Working with the Property inspector's HTML tab 02m 00s
Making the most of the Property inspector's CSS tab 04m 57s
Defining and changing type with the CSS Rule Definition dialog 06m 16s
Modifying type directly in the CSS Styles panel 06m 03s
2. Establishing the Proper Type Unit 19m 45s
Understanding type measurement unit options 02m 50s
Working with pixels 02m 34s
Defining a percentage-based page with ems 06m 51s
Letting users set page type size 07m 30s
3. Choosing Site Typefaces 17m 36s
Getting to know the basic font categories 01m 32s
Employing web-safe fonts 03m 20s
Defining new font families 03m 22s
Exploring CSS3 typeface options 03m 09s
Setting up @font-face 06m 13s
4. Integrating Color 09m 39s
Dispelling the myth of web-safe colors 01m 13s
Applying color to type 04m 52s
Incorporating semi-transparent type 03m 34s
5. Selecting Type Styles 19m 46s
Setting the font-weight 03m 48s
Mandating font case 02m 25s
Exploring font variants 01m 50s
Utilizing white space effectively 03m 40s
Changing letter and word spacing 02m 20s
Defining first-line variations 02m 19s
Inserting drop caps 03m 24s
6. Using Advanced CSS Text Effects 20m 17s
Applying CSS3 text effects 05m 26s
Designing type gradients 08m 27s
Rotating text with CSS transform 06m 24s
7. Structuring CSS Text 15m 21s
Implementing advanced headings with HTML5 03m 11s
Preparing CSS3 multiple-column layout 04m 50s
Future type: Defining CSS Regions 07m 20s
8. Defining Lists with HTML and CSS 24m 51s
Styling unordered lists 06m 51s
Specifying a sequence with ordered lists 05m 14s
Applying definition lists 07m 19s
Targeting list items with CSS3 nth child 05m 27s
Conclusion 00m 20s
Next steps 00m 20s

Скриншоты

CSS: Core Concepts (CSS: Основные концепции) [2011]

-Дата Выпуска: 22 Ноября 2011 | Автор: James Williamson | Продолжительность: 08h 49m | Файлы примеров: присутствуют | Формат видео: mov | Видео: AVC 960x540 15fps ~200Kbps | Аудио: AAC 48kHz 2ch 96Kbps-Описание: In this course, staff author James Williamson offers a high-level overview of Cascading Style Sheets. This course explores the basic concepts, terminology, and tools of the language. Beginning with an exploration of CSS syntax, James explains how CSS modifies text, borders, backgrounds, and color; demonstrates CSS and HTML integration; and contextualizes the current state of CSS. The course also tours some of the most popular CSS editors and frameworks and lists online tools and resources for further study. This course is for people who want a big-picture overview before taking hands-on courses.
В этом курсе автор James Williamson предлагает высокоуровневый обзор Cascading Style Sheets. Этот курс исследует базовые концепции, терминологию и инструменты языка. Начиная с исследования синтаксиса CSS, James объясняет, как CSS модифицирует текст, границы, фон и цвет; демонстрирует интеграцию CSS и HTML; определяет место CSS. Курс также рассматривает некоторые наиболее популярные CSS редакторы и фреймворки и предоставляет список онлайн инструментов и ресурсов для дальнейшего изучения. Курс предназначен тем, кто хочет получить панорамный обзор перед практическими курсами.-

Topics include

Understanding basic selector types
Integrating CSS with HTML
Examining browser rendering differences
Exploring CSS specifications
Checking browser support
Understanding the box model
Adjusting margins and padding
Positioning elements
Exploring basic layout concepts
Understanding media queries
Introducing CSS3
Using CSS Reset

Содержание

Скриншоты

CSS Fundamentals (Основы CSS) [2011, с субтитрами]

-Год выпуска: 2011 | Автор: James Williamson | Продолжительность: 3:14 ч | Файлы примеров: не предусмотрены | Формат видео: клипы QuickTime (.mov) | Видео: AVC 960x540 ~30fps ~800Kbps | Аудио: AAC 48kHz 2ch 96-128Kbps-Описание: In this course, author James Williamson offers a high-level overview of Cascading Style Sheets. This course explores the basic concepts, terminology, and tools of the language. Beginning with an exploration of CSS syntax, James explains how CSS modifies text, borders, backgrounds, and color; demonstrates CSS and HTML integration; and contextualizes the current state of CSS. The course also tours some of the most popular CSS editors and frameworks and lists online tools and resources for further study. This course is for people who want a big-picture overview before taking hands-on courses.
В этом курсе автор James Williamson предлагает обзор Cascading Style Sheets высокого уровня. Курс исследует базовые концепции, терминологию и инструменты языка. Начиная с исследования синтаксиса CSS, James объясняет, как CSS модифицирует текст, границы, фон и цвет; демонстрирует интеграцию CSS и HTML; рассказывает о текущем положении CSS. Курс также рассматривает некоторые из наиболее популярных CSS редакторов и фреймворков и предлагает список онлайн инструментов и ресурсов для дальнейшего изучения. Курс предназначен тем, кто хочет иметь общее представление до начала непосредственной работы.-

Topics include

* Understanding basic selector types
* Integrating CSS with HTML
* Examining browser rendering differences
* Exploring CSS specifications
* Checking browser support
* Understanding the box model
* Adjusting margins and padding
* Positioning elements
* Exploring basic layout concepts
* Understanding media queries
* Introducing CSS3
* Using CSS Reset

Содержание

Introduction 01m 16s
Welcome 01m 16s
Who is this course for? 01m 59s
1. CSS Basics 33m 27s
What is CSS? 03m 26s
Default browser styles 03m 38s
Syntax 02m 46s
Basic selector types 05m 24s
How CSS works with HTML structure 04m 52s
Authoring options 02m 41s
How browsers apply styles 06m 05s
Browser rendering differences 04m 35s
2. CSS Specifications 41m 01s
A brief history of CSS 05m 51s
The current state of CSS 03m 40s
Exploring specifications 07m 29s
Reading specifications 13m 12s
Checking browser support 10m 49s
3. Common CSS Concepts 01h 24m
Working with fonts 04m 53s
Formatting text 08m 02s
What is the box model? 04m 51s
Margins and padding 04m 21s
Borders 04m 09s
Backgrounds 05m 08s
Color 05m 52s
Common units of measurement 07m 39s
Element positioning 07m 05s
Floats 04m 49s
Basic layout concepts 05m 13s
Media types and media queries 05m 48s
What is CSS3? 06m 15s
Vendor prefixes 04m 49s
What is a CSS Reset? 05m 46s
4. CSS Resources 31m 38s
Using frameworks and grids 05m 12s
Popular frameworks 03m 23s
Preprocessors 05m 33s
Editors 08m 17s
Online tools 06m 52s
Additional resources 02m 21s

Скриншоты

CSS: Styling Forms (CSS: Стилизация форм) [2012, с субтитрами]

-Год выпуска: 2012 | Автор: Ray Villalobos | Продолжительность: ~4 ч | Субтитры: Английские | Файлы примеров: присутствуют | Формат видео: MOV | Видео: AVC 960x600 15fps ~300Kbps | Аудио: AAC 48kHz 1ch 96Kbps-Описание: This course covers CSS best practices and techniques for styling and structuring forms. Author Ray Villalobos explains how forms work, best practices for structuring HTML, new additions to forms in HTML5, and how to style individual elements. The course discusses how to use CSS to style traditional and custom elements and reviews browser discrepancies, custom elements, and custom fonts and how to style for different types of user feedback. Advanced CSS layouts and design patterns and issues specific to styling for handhelds are also covered. Exercise files are included with the course.
Этот курс охватывает CSS лучших практик и методов для оформления и структурирования форм.-

Topics include

* Creating forms with the <form> element
* Adding labels and basic usability features
* Navigating elements between browsers
* Styling the background
* Creating input and button fields
* Working with select fields
* Floating and positioning grouped elements
* Using HTML5 input types
* Resizing elements and adjusting the view for mobile devices
* Adding jQuery navigation
* Designing validation feedback

Содержание

Introduction 06m 47s
Welcome 00m 42s
What you should know before watching this course 00m 33s
Using the exercise files 00m 49s
Setting up the working environment 04m 43s
1. Understanding Form Structure 18m 29s
Creating a form with the form element 05m 29s
Adding labels and basic usability to your forms 04m 59s
Normalizing form elements between browsers 08m 01s
2. Styling Basic Elements 01h 21m
Creating a background with textured gradients 08m 41s
Using a seamless background with radial glow 06m 41s
Using custom fonts 09m 32s
Creating custom input and buttons fields with CSS3 PIE 14m 55s
Working with text fields 12m 21s
Designing labels 09m 53s
Custom radio and check box styles 13m 11s
Working with select fields 05m 50s
3. Laying out Forms 48m 47s
Floating fields 07m 23s
Organizing forms with lists 10m 03s
Grouping elements 12m 26s
Floating groups 05m 36s
Positioning groups 13m 19s
4. Using HTML5 Additions 11m 33s
Exploring new input types 04m 32s
Working with new attributes 07m 01s
5. Styling for Handhelds
Creating a responsive form 13m 25s
Adjusting the viewport 04m 36s
Using media queries 07m 13s
Resizing elements 04m 30s
6. Advanced Design Patterns 44m 15s
Styling for progressions 10m 20s
Visualizing navigation 11m 03s
Adding jQuery navigation 13m 20s
Designing validation feedback 09m 32s
Additional Resources 01m 12s
Next steps 01m 12s

Скриншоты

CSS&#58; Page Layouts (CSS&#58; Макеты страниц&#41; &#91;2012, с субтитрами&#93;

-Год выпуска: 2012 | Автор: James Williamson | Продолжительность: ~9 ч | Субтитры: Английские | Файлы примеров: присутствуют | Формат видео: MOV | Видео: AVC 960x540 15fps ~80Kbps | Аудио: AAC 48kHz 1ch 96Kbps-Описание: CSS: Page Layouts introduces basic layout concepts, gives advice on how to create properly structured HTML based on prototypes and mockups, and goes into critical page layout skills such as floats and positioning. Author James Williamson shows how to combine these techniques to create fixed, fluid, and responsive layouts. Designers are also shown how to enhance their pages through the creative use of CSS techniques like multi-column text, opacity, and the background property. Exercise files are included with this course.
Курс CSS: Page Layouts представляет основы концепции макета, дает советы по созданию точно структурированных HTML основанных на прототипах и макетах и погружается в критичное макетирование, как floats и позиционирование. Автор James Williamson показывает, как комбинировать эти техники для создания хороших макетов. Также дизайнерам показывают, как улучшать страницы посредством творческого использования таких техник CSS как многоколоночный текст, прозрачность и свойства фона.-

Topics include

* Reviewing the box model
* Calculating em and percentage values
* Controlling how elements display
* Creating fixed, fluid, and responsive layouts
* Structuring content with HTML5
* Floating elements
* Using relative, absolute, or fixed positioning
* Defining column spacing
* Creating grid-based assets and layouts
* Considering mobile-design-specific issues
* Working with multi-column text
* Enhancing page design CSS Sprites

Содержание

Introduction
Welcome 00m 54s
How to use the exercise files 03m 26s
1. Layout Basics 01h 39m
Box model review 08m 47s
Calculating element dimensions 11m 11s
Understanding margin collapse 07m 59s
Calculating em values 07m 41s
Calculating percentage values 07m 51s
Normal document flow 13m 03s
Controlling element display 08m 53s
Using CSS Resets 07m 11s
Fixed, fluid, and responsive layouts 09m 09s
CSS debugging tools 06m 46s
Using the Firebug Inspector and the WebKit Web Inspector 11m 05s
2. Design Considerations 53m 15s
Page design workflow 03m 06s
Page design tools 04m 56s
Determining page structure 07m 18s
Creating image assets 08m 58s
Creating initial page structure 07m 03s
Adding meaning with classes and IDs 05m 23s
Structuring content with HTML5 06m 06s
Building internal structure 10m 25s
3. Working with Floats 01h 36m
Floating elements 07m 50s
Clearing floats 07m 28s
Containing floats 07m 50s
Clearfix technique 10m 38s
Floating inline elements 14m 34s
Two-column floated layouts 08m 17s
Three-column floated layouts 11m 30s
Column height considerations 07m 03s
Creating equal-height columns 10m 42s
Floats: Lab 05m 25s
Floats: Solution 05m 21s
4. Positioning Elements 51m 42s
Relative positioning 07m 59s
Absolute positioning 08m 59s
Fixed positioning 04m 23s
Controlling stacking order 08m 31s
Clipping content 08m 21s
Controlling content overflow 05m 38s
Positioning elements: Lab 03m 59s
Positioning elements: Solution 03m 52s
5. Building Fixed Layouts 48m 46s
Design considerations for fixed layouts 03m 28s
Establishing the layout grid 07m 57s
Defining column spacing 09m 30s
Applying the grid through CSS 08m 56s
Creating grid-based assets 08m 26s
Grid design resources 06m 22s
Building fixed layouts: Lab 04m 07s
6. Building Flexible Layouts 44m 35s
Designing for flexible layouts 02m 30s
Calculating percentage values 08m 45s
Setting flexible width values 06m 06s
Making images flexible 08m 10s
Setting minimum and maximum widths 07m 24s
Building flexible layouts: Lab 04m 53s
Building flexible layouts: Solution 06m 47s
7. Building Responsive Layouts 49m 36s
Responsive layout overview 03m 49s
Using media queries 07m 16s
Organizing styles 08m 39s
Making content responsive 08m 33s
Mobile design considerations 07m 32s
Building responsive layouts: Lab 04m 23s
Building responsive layouts: Solution 09m 24s
8. Enhancing Page Design 01h 22m
Creating multi-column text 06m 36s
Using borders to enhance design 13m 59s
Rounding corners 06m 56s
Adding drop shadows 10m 35s
Working with opacity 06m 08s
Utilizing the background property 15m 05s
Working with CSS sprites 07m 58s
Enhancing page design: Lab 06m 22s
Enhancing page design: Solution 08m 38s
Additional Resources 06m 25s
Additional resources 06m 25s

Скриншоты

-

+ Web Fonts First Look (Первый взгляд - Веб шрифты&#41; &#91;2011&#93;

-Год выпуска: 2011 | Автор: James Williamson | Продолжительность: 03:17:50 | Файлы примеров: присутствуют | Формат видео: MOV | Видео: AVC; 960x540 (16:9); 29.970 fps; 1 079 Kbps | Аудио: AAC LC; 48.0 KHz; 2 channels; 159 Kbps-Описание: For this installment of the First Look series, James Williamson reviews the current implementation and future direction of web fonts: downloadable font resources that can be retrieved with the CSS @font-face declaration. The course begins with the evolution of online typography and current CSS font capabilities, and then dives into the W3C CSS Fonts Module specification, showing how to utilize web fonts, ensure cross-browser consistency, and how to use CSS3 to enhance the styling of web fonts. Font hosting services and tools such as TypeKit and the Google Fonts API are demonstrated. Exercise files accompany the course.
Для этого курса из серии First Look автор James Williamson выбирает текущую реализацию и будущее направление веб шрифтов: ресурсы загружаемых шрифтов, которые могут быть получены декларацией CSS @font-face. Курс начинается с эволюции онлайн типографии и возможностей текущего шрифта CSS и затем углубляется в W3C CSS Fonts Module спецификацию, показывая как пользоваться веб шрифтами, обеспечивать кросс-браузерное постоянство и как использовать CSS3 для улучшения стиля веб шрифтов. Демонстрируются службы хостинга шрифтов и такие инструменты как TypeKit и Google Fonts API.-

Topics include

What are web fonts?
Understanding the font stack
Using @font-face
Rendering basics
Choosing a font hosting service
Downloading licensed fonts
Generating web fonts
Font sizing
Transforming text
Creating special effects with text shadows

Скриншоты



Последний раз редактировалось: Psymantis (2012-09-08 00:39), всего редактировалось 1 раз

Создавать темы 31-Авг-2012 16:17

[Профиль]  [ЛС] 

ibragimof

Стаж: 6 лет 7 месяцев

Сообщений: 253

Симпатии: 48

классно! ну дайте серебро :)

Создавать темы 31-Авг-2012 19:29

[Профиль]  [ЛС] 

nadezcda

Стаж: 7 лет

Сообщений: 454

Симпатии: 303

ibragimof, сейчас. Раздача настолько мощная, что пока проверяла - забыла про монетку ap

Создавать темы 31-Авг-2012 19:33

[Профиль]  [ЛС] 

PoJiRaTeL

Стаж: 5 лет 3 месяца

Сообщений: 2

а на русском языке нету?(((

Создавать темы 31-Авг-2012 22:45

[Профиль]  [ЛС] 

Psymantis ®

Стаж: 5 лет 6 месяцев

Сообщений: 113

Симпатии: 8

на русском только пару видео курсов Dreamweaver and WordPress от переводчиков videostudy.org доступно. Еще один парнишка переводит Deke's Techniques, но очень медленно. На данный момент от Deke доступно более 150 техник курсов, а он перевел от силы только 30. Ну и все больше не кто переводом не занимается.

Создавать темы 01-Сен-2012 01:00

[Профиль]  [ЛС] 

uz-media

Стаж: 5 лет 9 месяцев

Сообщений: 24

Спасибо за релиз

Создавать темы 03-Окт-2013 14:05

[Профиль]  [ЛС] 

MigranEli

Стаж: 5 лет 6 месяцев

Сообщений: 16

Симпатии: 1

раздача плиз Cборник видео курсов по CSS2, CSS3 от Lynda.com

Создавать темы 23-Фев-2014 17:34

[Профиль]  [ЛС] 
Показать сообщения:    
Ответить на тему

Текущее время: 20-Ноя 07:06

Часовой пояс: UTC + 5



Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах
Вы не можете прикреплять файлы к сообщениям
Вы не можете скачивать файлы