CSS3 Essentials Course
(4.80 out of 5) 142 Student Reviews
About the Course
During this 2-day course, participants will learn the most popular, useful, and well-supported pieces of CSS3 through a series of practical but innovative projects. Participants learn by completing a number of practical exercises involving the new techniques of CSS3 to produce a finished web page or section of a page. Participants can adapt these exercises to their own projects, or use them as inspiration for completely different ways to creatively use the new properties, selectors and values they have learnt.
Who should do this course?
This CSS3 course is for web designers who already have experience using CSS, but want to take their sites and skills to the next level. This course assumes that participants know HTML and CSS syntax and terminology, but you don’t need have any experience using anything that is new to CSS3. Weather you’ve just started using CSS or have been developing sites with it for years, this course will teach you powerful new techniques to add to your CSS toolkit.
Course Details
$990 incl GST
- Duration:2 Days
- Max. Class Size:10
- Avg. Class Size:5
-
Study Mode:
Classroom Online Live
- Level:Advanced
- CPD Hours:12 hours
- Course Times: Classroom: 9.00am - 5.00pm approx(Local Time) Online Live: 9.00am - 5.00pm approx(AEST or AEDT)
- Download Course PDF
Course Dates
Sydney Class Dates
Level 11, 32 Walker Street, North Sydney , NSW 2060
| 01-02 Dec 25 | Mon - Tue | Online Live |
| 12-13 Jan 26 | Mon - Tue | Online Live |
| 25-26 Feb 26 | Wed - Thu | Online Live |
| 07-08 Apr 26 | Tue - Wed | Online Live |
| 19-20 May 26 | Tue - Wed | Online Live |
Melbourne Class Dates
Level 12, 379 Collins Street, Melbourne , VIC 3000
| 01-02 Dec 25 | Mon - Tue | Online Live |
| 12-13 Jan 26 | Mon - Tue | Online Live |
| 25-26 Feb 26 | Wed - Thu | Online Live |
| 07-08 Apr 26 | Tue - Wed | Online Live |
| 19-20 May 26 | Tue - Wed | Online Live |
Brisbane Class Dates
All courses facilitated in, Online Live format , QLD
| 01-02 Dec 25 | Mon - Tue | Online Live |
| 12-13 Jan 26 | Mon - Tue | Online Live |
| 25-26 Feb 26 | Wed - Thu | Online Live |
| 07-08 Apr 26 | Tue - Wed | Online Live |
| 19-20 May 26 | Tue - Wed | Online Live |
Canberra Class Dates
All courses facilitated in, Online Live format , ACT
| 01-02 Dec 25 | Mon - Tue | Online Live |
| 12-13 Jan 26 | Mon - Tue | Online Live |
| 25-26 Feb 26 | Wed - Thu | Online Live |
| 07-08 Apr 26 | Tue - Wed | Online Live |
| 19-20 May 26 | Tue - Wed | Online Live |
Adelaide Class Dates
All courses facilitated in, Online Live format , SA
| 01-02 Dec 25 | Mon - Tue | Online Live |
| 12-13 Jan 26 | Mon - Tue | Online Live |
| 25-26 Feb 26 | Wed - Thu | Online Live |
| 07-08 Apr 26 | Tue - Wed | Online Live |
| 19-20 May 26 | Tue - Wed | Online Live |
Perth Class Dates
All courses facilitated in, Online Live format , WA
| 01-02 Dec 25 | Mon - Tue | Online Live |
| 12-13 Jan 26 | Mon - Tue | Online Live |
| 25-26 Feb 26 | Wed - Thu | Online Live |
| 07-08 Apr 26 | Tue - Wed | Online Live |
| 19-20 May 26 | Tue - Wed | Online Live |
Course Units
⊕ Expand full topic list
Unit 1: Unit 1: Introduction to CSS3
- Overview of What is New
- Where CSS3 Stands
- Using CSS3
- Understanding Browser Support
- Browser Market Share
- How Major Players Stack Up
- Progressive Enhancement
- Advantages of Progressive Enhancement
- Benefits of CSS3
- Reducing development and Maintainace time
- Increasing Page Performance
- Better Search Engine Placement
- Increasing Usability and Accessibility
- Case Study: Before and After CSS3
- Browser Prefixes
- Dealing with Non-supporting Browsers
- Filtering IE with Conditional Comments
- Educating Clients About Progressive Enhancement
- Managing Client Expectations
⊕ See more
Unit 2: CSS3 Speech Bubbles
- Corralling Long Text
- Graphics Effects Sans Graphics
- Rounding the Corners
- Adding the Bubble's Tail
- Semitransparent Backgrounds with RGBA or HSLA
- Image-free Gradients
- Image-free Drop Shadows
- Image-free Text Shadows
- Transforming with avatars
- What are Transforms?
- Rotating the Avatars
⊕ See more
Unit 3: CSS3 Notebook Paper
- Beyond the Basic Background
- Scaling the Background Image
- Multiple Background Images on One Element
- Adding a Graphic Border
- Adding a Drop Shadow
- Embedding Unique Fonts
- Understanding @font-face
- Choosing Acceptable Fonts
- Converting Fonts
- Using @font-face
⊕ See more
Unit 4: Styling Images and Links by Type
- Understanding Attribute Selectors
- Indicating File types with Dynamically Added Icons
- Alternative Icon Ideas
- Styling Full-size Photos and Thumbnails
- Understanding the Troubles with Classes
- Using Attribute Selectors to Target by Type
⊕ See more
Unit 5: Improving Efficiency Using Pseudo-classes
- Targeting Specific Elements Without Using IDs or Classes
- New Structural Pseudo-classes
- Back to Speech Bubbles: Alternating Colors
- Back to Photos: Random Rotation
- Dynamically Highlighting Page Sections
- The :target Pseudo-class
- Adding the Table of Contents
- Changing Background Color on the Jumped-to Section
- Animating the Change with Pure CSS
⊕ See more
Unit 6: Different Screen Size, Different Design
- Understanding Media Queries
- Changing the Layout for Large Screens
- From Horizontal Nav Bar to Vertical Menu
- Multi-column Text
- Changing the Layout of Small Screens
- Changing the Layout of Mobile Devices
- Understanding Device Width
- Improving the Look on High-resolution Displays
- The Viewpoint meta tag
- Workarounds for Non-supporting Browsers
⊕ See more
Unit 7: Flexing your Layouts
- Creating Multi-column Layouts Without Floats and Positioning
- Making Blocks Flex
- Adding Columns
- Reordering Columns
- Equal-height Columns
- Vertical and Horizontal Centering
- Flexible Form Layout
- Sticky Footers
- Alternatives to the Flexible Box Model
- The box-sizing Property
- Future Layout Systems
⊕ See more
Related Courses
Student Reviews
The exercises and examples were very good. The course went at a good pace and the instructor was very open to questions.
Excellent content. Cath was very knowledgeable and covered a lot of extra material specific to our requirements.
Very useful course - Cath had a great teaching style using very interest examples to highlight all of the aspects of CSS. She was very patient in answering questions and followed up when she didn't know the answer immediately. Overall highly recommended.
Excellent! Very informative. Instructor was more than happy to go off-topic to explain concepts and cover additional content.
Cath was a great instructor. Researched questions a short notice and provided examples of how to tackle.
Cath provided very valuable examples and showed very engaging concepts. Cath was very friendly, engaging and checked to see if all participants were OK along the way.
Absoulutely loved this training! Cath was fantastic! She covered so much content and it all made perfect sense. She worked through activities at a comfortable pace and took time to help anyone who had difficulties.
Very useful and friendly and patient trainer. I achieved my objective to learn more about css3 and always asked at various points if I had any questions
Very useful course for my work. Linda was very helpful in explaining topics and answering my questions. Thank you so much.
Excellent course with an in-depth explanation of CSS3 concepts. The instructor was very knowledgeable and explained the lessons in a very clear manner. The use of lots of practical examples was also very helpful in explaining new concepts, in addition to providing extra resources/tutorials that a student could use to further their knowledge. Would recommend this course to others interested in learning about CSS3.
It was really good course, learned many new things in CSS. Instructor has really good knowledge of HTML & CSS and she presents it very well.
The course is very interesting! The instructor is very knowledgeable. Textbook covered a lot of information. I learnt a lot from this course.
Linda is really great instructor. I am happy to be in her class again. She is very attentive and helpful. There is nothing more that I need.
Very useful concepts shown that will ad plenty of value to our organisation. Trainer was very engaging and extremely knowledgeable of the subject.
The course was very well planned, it covered all the main topics from the basics upto the latest topics in CSS. The exercises were well structured and helped me understand the basic concepts and also helped me to understand the full extent of all that could be accomplished. Cath was a great instructor and was very informative, she gave various interesting examples and addressed many of the questions which baffled us. She also gave us a wide range of links and extra pieces of advice. Will recommend the course to beginners as well as those wanting to brush up on their CSS skills!
Enquire Now
Fill in your details to have a training consultant contact you to discuss your training needs.
Note: Form fields marked with * are required.
