Posts tagged UCLA

(3/3) Creating a Two Column Layout – UCLA Extension

Aug 20th

Posted by admin in Web Standards


This video concludes the two column layout series. Padding and margins on text is the last step in creating a two column layout.

VN:F [1.9.6_1107]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.6_1107]
Rating: 0 (from 0 votes)
, , , ,

(2/3) Creating a Two Column Layout – UCLA Extension

Aug 19th

Posted by admin in Web Standards


This video illustrates how to use the float and clear CSS properties to being molding your two column layout.

VN:F [1.9.6_1107]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.6_1107]
Rating: 0 (from 0 votes)
, , , ,

(5/6) Breaking Down a CSS Layout – ID Selectors Only – Dissecting the Zen Garden CSS Layout – UCLA Extension

Aug 17th

Posted by admin in Web Standards


This video shows how you can break down the DIV tag structure of a CSS document simply by deleting everything expect the ID selectors of the document.

VN:F [1.9.6_1107]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.6_1107]
Rating: 0 (from 0 votes)
, , , , , , , ,

Block versus Inline Level Elements – CSS Basics – UCLA Extension

Aug 12th

Posted by admin in Web Standards


One of the most basic concepts to understanding Web design with CSS is the difference between block and inline level elements. This video explains the differences.

VN:F [1.9.6_1107]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.6_1107]
Rating: 0 (from 0 votes)
, , , , , , ,

(06/14) Labeling Input Elements With HTML Label Tag – Accessible Forms – UCLA Extension

Aug 6th

Posted by admin in Web Standards


Providing labels for input elements will provide your visitors using screen readers with information on what exactly the field requires. This video shows how to use the Label HTML element within your form design.

VN:F [1.9.6_1107]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.6_1107]
Rating: 0 (from 0 votes)
, , , , , , , , ,

(01/11) Setting Up A Simple CSS Layout – UCLA Extension

Aug 6th

Posted by admin in Web Standards


Explains how to setup a very simple div-based layout.

VN:F [1.9.6_1107]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.6_1107]
Rating: 0 (from 0 votes)
, , , , ,

Fixed Positioning – CSS Basics – UCLA Extension

Aug 5th

Posted by admin in Web Standards


This video explains the concept of fixed positioning; a CSS attribute that defines the location of a block level element on a web page.

VN:F [1.9.6_1107]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.6_1107]
Rating: 0 (from 0 votes)
, , , ,

Using Relative and Absolute Positioning – CSS Basics – UCLA Extension

Jul 18th

Posted by admin in Web Standards


Two different positioning techniques, relative and absolute, coming together in a document layout.

VN:F [1.9.6_1107]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.6_1107]
Rating: 0 (from 0 votes)
, , , , , ,

(4/10) Putting a Div Wrapper Around Your Main Content – UCLA Extension

Jul 13th

Posted by admin in Web Standards


Specifically target your main content by wrapping a div container around it. This video illustrates this technique.

VN:F [1.9.6_1107]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.6_1107]
Rating: 0 (from 0 votes)
, , , , , , ,

(11/14) Adding Vertical Spacing with Padding – Accessible Forms – UCLA Extension

Jul 5th

Posted by admin in Web Standards


Adding vertical spacing is a breeze with some CSS padding. This video illustrates how to do just that to your input and labels. This video also emphasizes why you should wrap your input and labels in list form for easy styling management.

VN:F [1.9.6_1107]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.6_1107]
Rating: 0 (from 0 votes)
, , , , , , , ,

(3/10) Horizontally Aligning a Vertical List – UCLA Extension

Jul 4th

Posted by admin in Web Standards


By default, list items in an unordered list to align vertically. Applying the float property to the li will changes things, for the horizontal.

VN:F [1.9.6_1107]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.6_1107]
Rating: 0 (from 0 votes)
, , , , , ,

(09/11) Defining Web Safe Font Family – UCLA Extension

Jul 3rd

Posted by admin in Back Links


Explains what web-safe fonts are, why they are important, and declaring a web-safe font family for your site.

VN:F [1.9.6_1107]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.6_1107]
Rating: 0 (from 0 votes)
, , , , , ,

(10/14) Aligning Text & Input Elements with Float & Width – Accessible Forms – UCLA Extension

Jul 2nd

Posted by admin in Web Standards


Once you have your label and input elements wrapped inside of a list item, aligning them vertically is easy with a little help from the float and width CSS properties. This video explains how to do just that.

VN:F [1.9.6_1107]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.6_1107]
Rating: 0 (from 0 votes)
, , , , , , , , , ,

Absolute Positioning – CSS Basics – UCLA Extension

Jun 29th

Posted by admin in Web Standards


This video explains the concept of absolute positioning; a CSS attribute that defines the location of a block level element on a web page.

VN:F [1.9.6_1107]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.6_1107]
Rating: 0 (from 0 votes)
, , , ,
«12