Logical Imagination offers HTML5 and CSS3 training via our live, instructor-led online classes or as onsite classes at your location.  

HTML5, the fifth revision of the HTML standard, is a markup language and a core technology of the Internet that is used for structuring and presenting content for the web.

Cascading Style Sheets (CSS) is a style sheet language used for describing the look and formatting of a document written in a markup language, most often web pages. CSS3, the most recent version, is modularized but completely backwards-compatible with earlier versions of CSS.*

*Product details provided by the W3C. Check out more product details at W3C.org.

  • CSS Processors

    $325.00
    CSS Processors Logo
    CSS Processors provides a practical and detailed introduction to the world of CSS processors. A CSS pre-processor is a program that takes the data of one language and converts the data into CSS upon compilation. A CSS post-processor takes existing CSS and refurbishes it to meet the standards of today's browsers. The modern landscape of CSS has been transformed by processors such as LESS, Sass, Stylus, PostCSS and others. The implementation of CSS. . .

    CSS Processors

    • Introduction to CSS Processors
      • Overview of Pre-processors
      • Overview of Post-processors
      • The CSS Workflow
      • Pros and Cons
    • CSS Pre-processors
      • LESS
      • Sass
      • Stylus
    • CSS Post-processors
      • PostCSS
      • Pleeease
      • Stylecow
      • Garden (Clojure)
    • Features and Functionality
      • Syntax
      • Variables
      • Nesting
      • Mixins
      • Inheritance
      • Importing
      • Color Functions
      • Operations
      • Prefixes
      • Fallbacks
      • Minification
      • Sourcemap Generators
      • Single @media Rule
    • A Deeper Look at PostCSS
      • CSS Parser
      • Abstract Syntax Tree (AST)
      • CSS Generator
      • Code Map Generator
      • Autoprefixer
      • CSSNext
      • CSS Modules
      • Font-Magician
      • Stylelint
      • PreCSS
    • Choosing a CSS Workflow
      • LESS vs. Sass vs. Stylus
      • Using PostCSS with Plugins
      • Using LESS, Sass or Stylus with PostCSS
      • Full Clojure Stack: Clojure + ClojureScript + Garden
  • HTML5 for Developers

    $975.00
    HTML5 for Developers Logo
    HTML5 for Developers is the ideal course for web designers and developers who will be designing web sites and front-end web applications. They will learn HTML5 site design, including the new paradigms for structure, syntax and semantics.

    HTML5 for Developers

    • History and Motivation behind HTML5
      • History of HTML
      • Goals for HTML5
      • Syntax Changes
      • Browser Support
      • Feature Detection and Modernizr
      • Contrasting HTML5 with Prior Versions
    • HTML5 Structural Elements
      • Defining HTML5 Documents
      • The header Element
      • The nav Element
      • The section Element
      • The article Element
      • The aside Element
      • The footer Element
    • Tackling the Document Outline
      • HTML4 Outlines
      • The HTML5 Outline Algorithm
      • Sectioning Content
      • Using hgroup
      • Avoiding “Untitled Body”
      • Sectioning Roots
    • The Importance of Semantic Markup
      • Microdata Syntax
      • Using Microdata
      • Working with figure and figcaption
      • The mark Element
      • The cite Element
      • The address Element
      • Working with date and time
    • HTML5 Site Design and Page Structure
      • Planning Document Structure
      • The Element Decision Flowchart
      • Checking Document Outlines
      • Coding Document Structure
      • Using Class and ID Attributes
    • Rich Content with HTML5 Media Elements
      • The video Element and Attributes
      • Video Codecs and Cross-browser Support
      • Video Element Events
      • The audio Element and Attributes
      • Audio Codecs and Cross-browser Support
      • Audio Element Events
    • HTML5 Form Enhancements
      • New Form Elements
        • The datalist Element
        • The progress Element
        • The meter Element
        • The output Element
      • New Input-Type Attributes
        • Capturing Email Addresses
        • Building a Web Address
        • Creating a Phone Number Field
        • Number Fields and Number Ranges
        • Invoking the Color Picker
      • New Attributes and Methods
        • The autofocus Attribute
        • The autocomplete Attribute
        • Displaying Placeholder Text
        • The pattern Attribute
        • Regular Expressions
    • Graphics and Animation Using Canvas
      • Preparing the Canvas with getContext()
      • Drawing on the Canvas
      • Drawing Images
      • Animating the Canvas
      • Processing Video on the Canvas
    • Utilizing Geolocation Services
      • Finding Browser Location with getCurrentPosition()
      • Continuous Tracking with watchPosition()
      • Interacting with Google Maps
    • Client Side Data – Simple Storage
      • LocalStorage
      • SessionStorage

    Upcoming Dates

  • HTML5 and CSS3 Fundamentals

    $975.00
    HTML5 and CSS3 Fundamentals Logo
    This course is for anyone who wants to develop web pages the professional way, using HTML5 semantic tags to structure the content and CSS3 to format and lay it out on the page. If you are a budding web developer, an experienced web developer who wants to update your HTML/CSS skills to the new standards, or a web developer who still uses tables for page layout when you should be using CSS, this course is for you! But it's also for web programmers,. . .

    HTML5 and CSS3 Fundamentals

    • Introduction to Web Development
      • How Web Applications Work
      • Introduction to HTML and CSS
      • Tools for Development
      • View Deployed Web Pages
      • Compatibility, Accessibility, and Search Engine Optimization
    • Code, Test and Validate a Web Page
      • HTML Syntax
      • CSS Syntax
      • Test, Debug and Validate
    • Use HTML to Structure a Web Page
      • Code the Head Section
      • Code Text Elements
      • Structure Content of a Page
      • Code Links, Lists and Images
      • Page Layout
    • Use CSS to Format Elements of a Web Page
      • An Introduction to CSS
      • Specify Measurements and Colors
      • How to Code Selectors
      • Working with Text
      • External Style Sheets
    • The CSS Box Model for Spacing, Borders and Backgrounds
      • An Introduction to the Box Model
      • Size and Space Elements
      • Set Borders and Backgrounds
    • CSS for Page Layout
      • Float Elements in 2- and 3-column Layouts
      • CSS3 and Text Columns
      • Position Elements
    • Links and Lists
      • How to Code Lists
      • How to Format Lists
      • How to Code Links
      • How to Create Navigation Lists and Bars
    • Images
      • Types of Images for the Web
      • Include an Image on a Page
      • Resize, Align and Float an Image
      • HTML5 Figure and Figcaption Elements
      • Thumbnails, Image Rollovers and Image Maps
      • Image Editors
      • Favicons
    • Tables
      • Using Tables
      • CSS3 Structural Pseudo-Classes
      • Nest Tables
      • Control Wrapping
    • Forms
      • How to Use Forms and Controls
      • Align, Format and Set Tab Order
      • HTML5 and CSS3 for Data Validation
      • HTML5 Controls
    • Audio and Video
      • Media Types for Video and Audio
      • Video and Audio Codecs
      • How to Encode Media
      • Add Audio and Video to a Web Page
    • Format Web Pages for Printing
    • JavaScript to Enhance Web Pages
      • Introduction to JavaScript and DOM Scripting
      • Using JavaScript to Enhance Web Pages
    • jQuery to Enhance Web Pages
    • jQuery Mobile to Build Mobile Sites
    • Advanced HTML5 and CSS3 Features

    Upcoming Dates