MyPage is a personalized page based on your interests.The page is customized to help you to find content that matters you the most.


I'm not curious

CSS3

Course Summary

This course is a discovery of the many new features found in CSS3. Web developers will learn tips and tricks on how to target content for styling, enhance text, understand colors, provide smooth corners, add dimension with shadows, adapt to sizing, transf


  • +

    Course Syllabus

    ● Introduction to CSS3
        ◦ Introduction
        ◦ Course Overview
        ◦ Topics Covered
        ◦ Accelerated Introduction to CSS
        ◦ CSS Syntax
        ◦ DEMO: Getting Started with Visual Studio
        ◦ DEMO: Examining the HTML Source
        ◦ DEMO: Adding Style to HTML
        ◦ DEMO: Simple CSS Syntax
        ◦ Summary
    ● Content
        ◦ Introduction
        ◦ Fonts
        ◦ Text Shadow
        ◦ DEMO: Font Face
        ◦ DEMO: Text Shadow
        ◦ Selectors
        ◦ DEMO: Positional Selectors
        ◦ DEMO: Target Selector
        ◦ DEMO: Selection Selector
        ◦ Styling Form Inputs
        ◦ DEMO: Stateful Selectors
        ◦ Summary
    ● Layout
        ◦ Introduction
        ◦ Layouts
        ◦ Box Layout
        ◦ Vendor Prefixes
        ◦ Columns
        ◦ DEMO: Columns
        ◦ DEMO: Box Layout
        ◦ Background
        ◦ DEMO: Multiple Image Background
        ◦ Summary
    ● Colors
        ◦ Introduction
        ◦ Opacity
        ◦ DEMO: Opacity
        ◦ RGBA and HSLA
        ◦ Alpha
        ◦ currentColor
        ◦ DEMO: Colors
        ◦ Gradients
        ◦ DEMO: Gradients
        ◦ Summary
    ● Borders
        ◦ Introduction
        ◦ Resizable Borders
        ◦ Rounded Corners
        ◦ DEMO: Borders
        ◦ Shadowing
        ◦ Complex Box Shadows
        ◦ DEMO: Shadowing
        ◦ Summary
    ● Transforms
        ◦ Introduction
        ◦ Rotate
        ◦ Skew
        ◦ Scale
        ◦ Translate
        ◦ DEMO: Transforms
        ◦ Summary
    ● Animations
        ◦ Introduction
        ◦ Animations
        ◦ KeyFrames
        ◦ KeyFrames and Animations
        ◦ DEMO: Animations
        ◦ Transitions
        ◦ DEMO: Transitions
        ◦ Summary
    ● Media Queries
        ◦ Introduction
        ◦ Brief Overview of Responsive Design
        ◦ Responding to Viewing Dimensions
        ◦ Responding to Device Constraints
        ◦ DEMO: Site before changes
        ◦ DEMO: Applying Media Queries
        ◦ Summary
    ● Script
        ◦ Introduction
        ◦ Managing Styles in Script
        ◦ Supporting Multiple Browsers
        ◦ DEMO: Adding Scripts
        ◦ DEMO: Viewing with Multiple Browsers
        ◦ DEMO: Using Modernizr, No Support
        ◦ DEMO: Using Modernizr, Supported
        ◦ DEMO: Script for Feature Detection
        ◦ DEMO: Using jQuery to Change Style
        ◦ Module Summary
        ◦ Resources
        ◦ Course Summary

     


Course Fee:
USD 29

Course Type:

Self-Study

Course Status:

Active

Workload:

1 - 4 hours / week

This course is listed under Development & Implementations Community

Attended this course?

Back to Top

Awards & Accolades for MyTechLogy
Winner of
REDHERRING
Top 100 Asia
Finalist at SiTF Awards 2014 under the category Best Social & Community Product
Finalist at HR Vendor of the Year 2015 Awards under the category Best Learning Management System
Finalist at HR Vendor of the Year 2015 Awards under the category Best Talent Management Software
Hidden Image Url

Back to Top