Name: CSS3 for Responsive Web Design
Availability: InStock
Rating: 4.6 (5878 reviews)

Duration:

32.00 hours

26.0 CPD hours

Overview:

Learn how to build web pages that are accessible across a wide range of devices, and ensure a great User Experience (UX) for all customers who interact with your website. In this training course, you gain the skills to design responsive and visually engaging content-oriented web pages using CSS3, apply mobile-first design techniques, and build responsive web forms, menus, and columns.

Description:

Learn how to build web pages that are accessible across a wide range of devices, and ensure a great User Experience (UX) for all customers who interact with your website. In this training course, you gain the skills to design responsive and visually engaging content-oriented web pages using CSS3, apply mobile-first design techniques, and build responsive web forms, menus, and columns.

Course Outline:

Introduction to Cascading Style Sheets (CSS)

Employing CSS syntax and semantics

- Separating content from design
- Discovering how CSS makes RWD possible
- Structuring HTML containers with IDs
- Manipulating CSS colour rules
Integrating style sheets

- Choosing from inline, embedded and external styles
- Optimising rules via group selectors
- Targeting elements with contextual selectors
- Demystifying the Cascade Inheritance Model
- Updating browser with CSS developer tools
Leveraging the CSS Box Model

Manipulating HTML containers

- Selecting accessible units of measure
- Overcoming collapsing CSS margins
- Moving HTML content with CSS margins
- Condensing rules with shorthand definitions
- Distinguishing relative from absolute position
Adopting accessible units of measure

- Tailoring global style resets
- Overriding author styles
- Distinguishing block from inline elements
- Defining WCAG accessibility obligations
-

Positioning with Accuracy and Consistency

Explicitly rendering any HTML container

- Replacing HTML align attribute with CSS float and clear
- Exploiting the default static position rule
- Extending position with relative relationships
Advanced positioning

- Creating advanced contextual position with absolute rules
- Replacing HTML frames with fixed position rule

CSS3 Selection Syntax

Making optimised and advances selections

- Reviewing contextual and combinatory selector syntax
- Introducing CSS3 semantic pseudo selectors
- Chaining pseudo selectors for more specific selections
Advanced Selection Techniques

- Moving beyond selecting by class, ID or HTML elements
- Exploiting selections by behaviour
- Selecting by HTML attribute content
- Selecting based on HTML DOM relationships
- Managing dynamic content using set selectors
Designing Responsive Content

Combining the three CSS ingredients to RWD

- Assessing mobile-specific design theory
- Incorporating a mobile-first design
- Exploring liquid dimensions
- Introducing min and max attributes
Responsive column layout

- Designing multi-column layouts that fit any device
- Performing basic calculations with calc()
- Dealing with browser vendor prefixes
Exploiting CSS3 flexible layout

- Implementing columns with CSS flexbox
- Composing parent and child grid styles
- Extending CSS2 @media directives
- Detecting viewport height, width and orientation
- Exploring mobile device support
Accessible and Responsive Forms

Web Consortium Accessibility Guidelines

- Exploring regional interpretations of WCAG
- Complementing HTML5 form validation
- Styling WCAG compliant fieldsets, labels and legends
Enhancing RWD with jQuery

- Animating content with pure CSS transitions and transforms
- Modifying DOM properties
- Adding responsive menu toggles
- Adding responsive and infinite scrolling
Providing legacy browser support

- Automated prefix and fallback libraries
- SASS and LESS pre-processors

Available Delivery Options for CSS3 for Responsive Web Design

Live Instructor Led Classroom Online (Live Online)
Traditional Instructor Led Classroom training (TILT/ILT)
Delivery at your offices in United Kingdom
Private dedicated course for your staff

How many CPD hours does CSS3 for Responsive Web Design provide?

The 4 day CSS3 for Responsive Web Design course gives you up to 26.0 CPD hours/structured learning hours.

Do you provide training for CSS3 for Responsive Web Design?

Yes, we provide corporate training, dedicated training and closed classes for CSS3 for Responsive Web Design. This can take place anywhere in United Kingdom including London, Manchester, Birmingham, Edinburgh or live online.

What is the duration of CSS3 for Responsive Web Design?

The CSS3 for Responsive Web Design training takes place over 4 day(s), with each day lasting approximately 32.00 hours including breaks.

What other terms do people search for?

Popular related searches include: CSS3 for Responsive Web Design, Programming, CSS3

Why are Nexus Human the best provider for CSS3 for Responsive Web Design?

Nexus Human are recognised as one of the best training companies. Our trainers have won awards including Small Firms Best Trainer, national training partner of the year for Ireland, and global top 30 instructor awards in 2012, 2019 and 2021.

Is there a discount code for CSS3 for Responsive Web Design?

Yes, the discount code PENPAL5 is currently available for CSS3 for Responsive Web Design training. Only one discount code can be used per booking.

CSS3 for Responsive Web Design