
This project shows examples of advanced usage of CSS and SASS.
This project shows examples of advanced usage of CSS and SASS.
Modern cutting-edge CSS techniques to create stunning designs and effects like mask-image, object-fit, transform and custom CSS properties
Advanced CSS animations with @keyframes, animation and transition;
Advanced CSS selectors, pseudo-classes and pseudo-elements required for modern CSS development
CSS architecture: The 7-1 rule, component-based design, the BEM methodology, writing reusable, maintainable and scalable code
Advanced responsive design workflow with a Desktop-first strategy, selecting breakpoints, em and rem units and feature queries for the best browser support
SVG images in HTML and CSS: Using and referencing SVG sprites in HTML and CSS, changing SVG colors in CSS with best practices
Flexbox layouts: Flex container and flex item specific properties, advanced positioning techniques.
More information and Github repo coming soon
Featured Resources
Blog posts authored by Jameel with easy-to-navigate table of content
Starters Guide to Git & GitHub in Web Development
The Definitive Guide to 508 and ADA Website Compliance
3 Easy Steps to Add a Dynamic Logo to Your WordPress Theme
Here's a couple of recommendations from Linkedn