This course teaches learners how to implement modern CSS solutions to enhance web design and accessibility. The course covers topics such as contextual spacing, CSS math functions, advanced selectors, custom styling for form elements, CSS grid techniques, and responsive design strategies. By the end of the course, students will have acquired skills in creating custom styles, implementing layout techniques, and improving user experience using CSS. The course is designed for web developers and designers looking to advance their CSS skills and stay updated with the latest trends and best practices in web design.
Overview
Syllabus
- Contextual Spacing For Intrinsic Web Design
- Practical Uses of CSS Math Functions: calc, clamp, min, max
- Modern CSS Upgrades To Improve Accessibility
- Developing For Imperfect: Future Proofing CSS Styles
- Guide to Advanced CSS Selectors - Part Two
- Guide to Advanced CSS Selectors - Part One
- The 3 CSS Methods for Adding Element Borders
- Pure CSS Shapes 3 Ways
- Custom CSS Styles for Form Inputs and Textareas
- Custom Select Styles with Pure CSS
- Pure CSS Custom Checkbox Style
- Pure CSS Custom Styled Radio Buttons
- Announcing Style Stage: A Community CSS Showcase
- 3 Popular Website Heroes Created With CSS Grid Layout
- 3 CSS Grid Techniques to Make You a Grid Convert
- Expanded Use of `box-shadow` and `border-radius`
- Container Query Solutions with CSS Grid and Flexbox
- Generating `font-size` CSS Rules and Creating a Fluid Type Scale
- Resource: The Complete Guide to Centering in CSS
- Icon Button CSS Styling Guide
- CSS Button Styling Guide
- Solutions to Replace the 12-Column Grid
- CSS-Only Accessible Dropdown Navigation Menu
- Responsive Image Gallery With Animated Captions
- Totally Custom List Styles
- Pure CSS Smooth-Scroll "Back to Top "
- CSS-Only Full-Width Responsive Images 2 Ways
- Equal Height Elements: Flexbox vs. Grid
- Keep the Footer at the Bottom: Flexbox vs. Grid
Taught by
Stephanie Eckles
