Jake Dickinson
53 badges unlocked — Member since Nov 7, 2011
-
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 Nov 7, 2011
-
Introduction
Design Foundations HTML Introduction
This introduction is a broad overview of the Internet, the web, and markup languages.
Unlocked Nov 7, 2011
-
Text
Text in HTML can be structured many different ways. Utilizing text elements can add semantic structure to web pages.
Unlocked Nov 7, 2011
-
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 Nov 7, 2011
-
List Challenge
Design Foundations HTML Lists Challenge
Test your HTML list skills in this Code Challenge! Good luck!
Unlocked Nov 7, 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 Nov 7, 2011
-
HTML Master
Design Foundations HTML Mastery Challenge
Bring it all together in this HTML Code Challenge!
Unlocked Nov 7, 2011
-
Introduction
Design Foundations CSS Foundations Introduction
This introduction is a broad overview of cascading stylesheets.
Unlocked Nov 7, 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 Nov 7, 2011
-
Selector Code Challenge
Design Foundations CSS Foundations Selectors Challenge
Test your knowledge of CSS Selectors in the code challenge.
Unlocked Nov 7, 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 Nov 7, 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 Nov 7, 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 Nov 7, 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 Nov 7, 2011
-
Text Code Challenge
Design Foundations CSS Foundations Text Challenge
Test your knowledge of CSS text manipulations in this Code Challenge.
Unlocked Nov 7, 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 Nov 7, 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 Nov 7, 2011
-
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 Nov 7, 2011
-
Tables Challenge
Design Foundations HTML Tables Challenge
Challenge your knowledge of tables!
Unlocked Nov 7, 2011
-
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 Nov 7, 2011
-
Mastery Challenge
Design Foundations CSS Foundations Mastery Challenge
Pass this Code Challenge to prove you've mastered CSS.
Unlocked Nov 7, 2011
-
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 Nov 8, 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 Nov 8, 2011
-
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 Nov 8, 2011
-
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 Nov 8, 2011
-
Principles
Design Foundations Aesthetic Foundations Principles
The principles of art are a set of rules or guidelines that utilize the elements of art to create patterns. By leveraging principles like harmony, contrast, and emphasis, the elements of art can be manipulated to bring forth emotional depth and dynamic visuals.
Unlocked Nov 8, 2011
-
Aesthetic Foundations
Design Foundations Aesthetic Foundations
Aesthetic Foundations will cover the elements and principles of art, along with color theory. This basic knowledge will provide a design language that enables more effective communication amongst designers and other team members.
Unlocked Nov 8, 2011
-
Color Theory
Design Foundations Aesthetic Foundations Color Theory
Color theory is the study of mixing colors together and the visual effects of various combinations. Color has been studied for many centuries, but the advent of computer graphics has made this area even more interesting.
Unlocked Nov 8, 2011
-
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 Nov 8, 2011
-
Video
The HTML5 video element was included in the draft specification with the specific purpose of playing videos or movies. This essentially replaces the need for the object element and browser plugins that handle video multimedia.
Unlocked Nov 9, 2011
-
HTML5
HTML5 is a collection of new open web technologies that builds upon established W3C standards. The HTML5 specification includes new semantic page elements, multimedia features, and more.
Unlocked Nov 9, 2011
-
Fundamentals
Design Foundations Responsive Web Design Foundations Fundamentals
Responsive Web Design enables web pages to make layout adjustments based on the width of the browser. This technique is powered by a new feature of CSS3 called media queries.
Unlocked Nov 9, 2011
-
Responsive Web Design
Design Foundations Responsive Web Design Foundations
Responsive Web Design (RWD) is a fresh take on a growing problem. RWD allows a single design to work across the ever widening spectrum of screen resolutions, as opposed to the more traditional method of designing separate sites for various mobile devices.
Unlocked Nov 9, 2011
-
Mobile
Design Foundations Responsive Web Design Foundations Mobile
Responsive Web Design allows a single code base to work across multiple screen resolutions. However, on mobile devices, there are special design considerations that need to be taken into account.
Unlocked Nov 9, 2011
-
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 Nov 9, 2011
-
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 Nov 10, 2011
-
Media Queries
Design Foundations CSS3 Media Queries
Media Queries are a unique addition to CSS3 that allows designers to apply CSS declarations dynamically based on client conditions. For example, if the width of the browser window drops below a predetermined value, alternative CSS can be applied dynamically.
Unlocked Nov 10, 2011
-
Basics
Introduction to Programming Basics
Computer programming can be intimidating at first, but this gentle introduction to the subject will make the learning curve a bit easier to climb.
Unlocked Nov 15, 2011
-
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 Nov 15, 2011
-
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 Nov 21, 2011
-
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 Dec 13, 2011
-
Backgrounds
Design Foundations CSS3 Backgrounds
Multiple backgrounds and background sizing are just two background features that are new in CSS3. Multiple backgrounds allows designers to build several layers of imagery into page elements and this feature in particular provides designers with tighter control than ever before.
Unlocked Dec 13, 2011
-
Multi-Column Layouts
Design Foundations CSS3 Multi-Column Layouts
The multi-column layout module in the CSS3 specification is capable of breaking up paragraph text into columns. These columns are created dynamically, which is much more flexible and accessible than continuous text that is broken across three separate HTML elements.
Unlocked Dec 13, 2011
-
Transitions
Design Foundations CSS3 Transitions
The :hover pseudo-class has been used to create basic transitions for many years now, but the transition property allows things to animate more smoothly. When a transition is applied to an element, most changes to that element will be animated between two keyframe states.
Unlocked Dec 13, 2011
-
Transforms
Design Foundations CSS3 Transforms
Transforms set page elements in either a 2D or 3D coordinate space. This makes it possible to manipulate the rotation and position of an element along the X, Y, and Z axis.
Unlocked Dec 13, 2011
-
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 Dec 29, 2011
-
Animation
Design Foundations CSS3 Animation
Animations are a set of keyframes that are applied to an element via the animation property. Each keyframe includes CSS styling that is to be applied at that point in the animation. Then, the animation property smoothly animates between each keyframe.
Unlocked Dec 29, 2011
-
CSS3
CSS3 (Cascading Style Sheets 3) is a superset of CSS that adds many new constructs and properties. Support for CSS3 is rapidly improving across all major browsers, making it a critical piece of technology for modern web professionals.
Unlocked Dec 29, 2011
-
Functions
Introduction to Programming Functions
A function contains a piece of code that needs to be executed several times from different parts of your application
Unlocked Dec 29, 2011
-
Control Structures
Introduction to Programming Control Structures
Control structures determine the flow of execution within an application. A conditional statement can fork the execution down several paths or a loop can execute the same code several times until a condition is met.
Unlocked Dec 30, 2011
-
Objects and Arrays
Introduction to Programming Objects and Arrays
An array is a way of storing multiple items and each item is associated to a number called the index. Each item can be accessed using the index value. Objects are usually associated to meaningful pieces of data which it can hold and manipulate.
Unlocked Dec 30, 2011
-
Introduction to Programming
Basic programming skills are essential for all web professionals, including designers. High level programming concepts learned here are applicable to most computer languages.
Unlocked Dec 30, 2011
-
Workspace Basics
Photoshop Foundations Workspace Basics
An introduction to the menus, toolbar, windows and panels that make up the Adobe Photoshop workspace.
Unlocked Dec 30, 2011
