Newbie

Welcome to the exciting world of web professionals! We're happy you decided to join us. Isn't it exciting being a Newbie?

Unlocked Dec 21, 2011

Introduction

Design Foundations HTML Introduction

This introduction is a broad overview of the Internet, the web, and markup languages.

Unlocked Dec 21, 2011

Text

Design Foundations HTML Text

Text in HTML can be structured many different ways. Utilizing text elements can add semantic structure to web pages.

Unlocked Dec 21, 2011

Lists

Design Foundations HTML Lists

Lists in HTML can be used to create an ordered or unordered grouping of list items, such as a grocery list or your top five favorite movies.

Unlocked Dec 23, 2011

List Challenge

Design Foundations HTML Lists Challenge

Test your HTML list skills in this Code Challenge! Good luck!

Unlocked Dec 23, 2011

Links

Design Foundations HTML Links

Hyperlinks are the fundamental idea that makes the web great. They allow pages to be linked together so that it's easy to navigate through the sea of information.

Unlocked Dec 23, 2011

Tables

Design Foundations HTML Tables

Tables in HTML can be used for structuring and formatting tabular data, similar to the display capabilities of spreadsheet software. Tables are useful for organizing and relating quantitative and qualitative data sets.

Unlocked Dec 23, 2011

Tables Challenge

Design Foundations HTML Tables Challenge

Challenge your knowledge of tables!

Unlocked Dec 23, 2011

Forms

Design Foundations HTML Forms

Forms are a special class of HTML elements that can be combined together to create pages that accept user input. The user input generated by forms can then be processed by software that runs on the server-side.

Unlocked Dec 23, 2011

Objects

Design Foundations HTML Objects

Objects in HTML include elements like images and multimedia plugins. This class of elements essentially allows for the addition of content that is not text-based.

Unlocked Dec 23, 2011

HTML Master

Design Foundations HTML Mastery Challenge

Bring it all together in this HTML Code Challenge!

Unlocked Dec 23, 2011

HTML

Design Foundations HTML

This HTML Tutorial helps you master HTML. HTML or "Hyper Text Markup Language" describes the basic structure and content of a web page. Mastering HTML and its many elements is critical for any type of web professional.

Unlocked Dec 23, 2011

Introduction

Design Foundations CSS Foundations Introduction

This introduction is a broad overview of cascading stylesheets.

Unlocked Dec 23, 2011

Selectors

Design Foundations CSS Foundations Selectors

Selectors allow for styling to be applied to particular page elements. This critical concept makes it easy to choose a specific page element and assign CSS properties to it.

Unlocked Dec 23, 2011

Selector Code Challenge

Design Foundations CSS Foundations Selectors Challenge

Test your knowledge of CSS Selectors in the code challenge.

Unlocked Dec 23, 2011

Text

Design Foundations CSS Foundations Text

In addition to the font property, there are several more properties that allow for text elements to be further manipulated. Examples include the word-spacing, letter-spacing, and line-height properties.

Unlocked Dec 28, 2011

Text Code Challenge

Design Foundations CSS Foundations Text Challenge

Test your knowledge of CSS text manipulations in this Code Challenge.

Unlocked Dec 28, 2011

Box Model

Design Foundations CSS Foundations The Box Model

The CSS box model describes rectangular elements on a web page. Each box has a content area which is surrounded by padding, border, and margin areas.

Unlocked Dec 28, 2011

Page Layout

Design Foundations CSS Foundations Page Layout

The visual formatting model in CSS governs the layout of page elements based on several CSS properties and concepts, such as the size of an element and its position.

Unlocked Dec 28, 2011

Printing

Design Foundations CSS Foundations Printing

When a user attempts to make a hard copy of a webpage, special CSS styles can be applied to enhance the printing experience. Users will appreciate this, because in most cases it increases the focus on the page content and decreases the amount of printer ink they have to use.

Unlocked Dec 29, 2011

Data Types

Design Foundations CSS Foundations Data Types

Data types are different classes of information that can be used with CSS properties. Data Types include integers and floating point values (numbers), strings (pieces of text), colors, and more.

Unlocked Dec 29, 2011

Mastery Challenge

Design Foundations CSS Foundations Mastery Challenge

Pass this Code Challenge to prove you've mastered CSS.

Unlocked Dec 30, 2011

Website Basics

Technology Foundations Website Basics

Beyond HTML and CSS, there are several basic technology skills that every web professional should know. Some of these include uploading files to the web via FTP or purchasing domains and hosting.

Unlocked Jan 2, 2012

Elements

Design Foundations Aesthetic Foundations Elements

The elements of art form the basic visual building blocks. With elements like line, shape, and form, it is possible to approach design from an objective and analytical perspective.

Unlocked Jan 2, 2012

CSS

Design Foundations CSS Foundations

Cascading Style Sheets (CSS) is a language used to describe the visual look of a web page. Using CSS, it is possible to change colors, margin, padding, fonts, and much more.

Unlocked Jan 4, 2012

Framework Foundations

Design Foundations CSS Foundations Framework Foundations

The CSS specification created by the W3C is already very powerful by itself. However, there are pieces of CSS code that most web professionals will have to create repeatedly. This development friction can be eased by using a CSS framework, which is a set of reusable CSS code that is general enough to be applied to just about any project.

Unlocked Jan 4, 2012

Basics

HTML5 Foundations Basics

The basics of HTML5 provides a broad overview of how it's being developed and how to use some of the new tags.

Unlocked Jan 4, 2012

Selectors

Design Foundations CSS3 Selectors

Selectors have been available since the advent of CSS, but there are several new CSS3 selectors. These selectors allow web professionals to apply properties to page elements that were previously more difficult to access.

Unlocked Jan 4, 2012

Typography

Design Foundations CSS3 Typography

CSS3 includes numerous new typographic features, such as text-shadows. This is an exciting and rapidly evolving area of CSS3, wherein layout engines like webkit are pushing beyond W3C standards.

Unlocked Jan 13, 2012

Web Fonts

Design Foundations CSS3 Web Fonts

The @font-face rule allows for the inclusion of customized fonts, beyond what is available by default. This isn't actually a new feature of CSS3, but it has become popular over the last few years, so it has a coloquial association with other CSS3 properties.

Unlocked Jan 14, 2012

Borders

Design Foundations CSS3 Borders

CSS3 expands upon borders by adding features like rounded corners, shadows, and more. Using these features reduces the need for image-based solutions, which allows web pages to generally load faster.

Unlocked Feb 2, 2012

Gradients

Design Foundations CSS3 Gradients

In design, a gradient is the visual effect of one color gradually fading into another across a surface. Applying CSS3 gradients to elements reduces the need for image-based solutions and can improve front-end performance.

Unlocked Feb 2, 2012