The following collection focuses on advanced CSS tutorials to help you sharpen your CSS skills. Once you’ve recreated these tutorials on your own, you can use and re-use the resulting files and keep them in your personal toolkit for future reference.
We avoided tutorials that used combinations of CSS and jQuery to focus entirely on CSS development tricks. jQuery is a powerful tool, but if you want to learn pure CSS, then these advanced tutorials are a great place to start. Topics range from sliders, accordions, forms, layouts, to even image transitions.
Stylish Image Content Slider in Pure CSS3
Horizontal Accordion Slider with Vertical Text
How to Create CSS3 Borders – CSS3 Handy Techniques
The Definitive Guide to CSS Animations and Transitions
Learn How To Create Drop Cap Letters In CSS
Creating Intrinsic Ratios for Video (Resizeable Videos)
CSS3 animated dropdown menu
Create Pulse Effect With CSS3 Animation
CSS Custom Fonts Tutorial
How to Create a Pure CSS3 Slideshow
How to Create Accordion Menu in Pure CSS3
How to Create a CSS3 Tabbed Navigation
CSS3 Minimalistic Navigation Menu
How to Build a Kick-Butt CSS3 Mega Drop-Down Menu
How to Create Nice Scalable CSS Based Breadcrumbs
Multi Column Layout and How it Will Change Web Design
Adventures In The Third Dimension: CSS 3D Transforms
Designing Modern Web Forms with HTML 5 and CSS3
Tara Hornor has a degree in English and has found her niche writing about marketing, advertising, branding, graphic design, and desktop publishing. She is a Senior Editor for Creative Content Experts, a company that specializes in guest blogging and building backlinks. In addition to her writing career, Tara also enjoys spending time with her husband and two children.
Jump Start Git, 2nd Edition
Visual Studio Code: End-to-End Editing and Debugging Tools for Web Developers
Form Design Patterns