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.Lynda.com CSS: Styling Forms
Author: Ray Villalobos
Released: 1/20/2012
Duration: 04h 01m
Level: Beginner
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.
NOTE:
Exercise files are NOT included with this course.
You'll have to create them during the course - and that's a good learning practice
Topics include:
Creating forms with the 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
CONTENTS:
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 29m 44s
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
More info: http://www.lynda.com/Web-Interactive-CSS-tutorials/CSS-Styling-Forms/90368-2.html?srchtrk=index%3A1%0Alinktypeid%3A2%0Aq%3A%20CSS%3A%20Styling%20Forms%0Apage%3A1%0As%3Arelevance%0Asa%3Atrue%0Aproducttypeid%3A2
Download:
http://extabit.com/file/29gzbx3d9za1z/Lynda.com - CSS - Styling Forms.part1.rar
http://extabit.com/file/29gzbx3d9za2f/Lynda.com - CSS - Styling Forms.part2.rar
http://extabit.com/file/29gzbx3d9zd53/Lynda.com - CSS - Styling Forms.part3.rar
http://extabit.com/file/29gzbx3d9zptj/Lynda.com - CSS - Styling Forms.part4.rar
http://extabit.com/file/29gzbx3d9zpqf/Lynda.com - CSS - Styling Forms.part5.rar
http://extabit.com/file/29gzbx3d9zpqv/Lynda.com - CSS - Styling Forms.part6.rar
http://extabit.com/file/29gzbx3d9zd5j/Lynda.com - CSS - Styling Forms.part7.rar
http://extabit.com/file/29gzbx3d9zd5z/Lynda.com - CSS - Styling Forms.part8.rar
Mirror:
http://turbobit.net/o5bxcd8476lb/Lynda.com - CSS - Styling Forms.part1.rar.html
http://turbobit.net/7fi8wuscb3yx/Lynda.com - CSS - Styling Forms.part2.rar.html
http://turbobit.net/104a4jo1mvyj/Lynda.com - CSS - Styling Forms.part3.rar.html
http://turbobit.net/9qvm5w7csc20/Lynda.com - CSS - Styling Forms.part4.rar.html
http://turbobit.net/0iihfdeg8wxz/Lynda.com - CSS - Styling Forms.part5.rar.html
http://turbobit.net/dht1sohp07kg/Lynda.com - CSS - Styling Forms.part6.rar.html
http://turbobit.net/955oct0uwp7i/Lynda.com - CSS - Styling Forms.part7.rar.html
http://turbobit.net/n7oox09b5dw1/Lynda.com - CSS - Styling Forms.part8.rar.html
View the original article here
0 comments:
Post a Comment