This project shows examples of advanced usage of CSS and SASS. This Wordpress theme features navigation and popups animations made of pure CSS. In this project I utilize many examples of the lesser-known CSS declarations that helps create next generation websites, with feature queries for browsers that are behind on the innovation curve.
Workflow
For this project I used Local by Flywheel to quickly spin up a local WordPress environment, along with NPM and WPGulp. WPGulp helps with:
- Sass to CSS conversion
- JS concatenation
- Watch files for changes
CSS
I used most of the newest CSS features to create an all CSS navigation and CSS popup that uses the super useful checkbox hack. On most of the elements you’ll notice a slant-like design that breaks up the boxy layout look. I even put to use background gradients on images, videos and headers to bring everything to life.
More details and github repo link 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
Jameel has worked with us on many of our graphics needs. You will find no one better than Jameel as he makes sure that every (I) is dotted and every (T) is crossed before he will release any of his work for publication. He is the best of the best. C. J. Brown III President PeoplePower, LLC
Jameel was a student in my program that I had the pleasure of teaching in several graphic design courses. He is a very talent graphic artist and has a great work ethic. He is also very versatile when it comes exploring new tools to assist him in his creations. Jameel is friendly and easy to communicate with and a true professional.
I had the pleasure of teaching Jameel several advanced web classes. He is an excellent problem solver, detail oriented and life long learner. A specific strength Jameel possess is his ability to find and implement answers on his own. I highly recommend him as graphic and/or web designer, as well as an essential team player.
I worked with Jameel at the AHA-Health Research and Educational Trust for over a year. Jameel is an exceptional team member and played a key role in supporting our project. His expertise as Web Support Specialist provided us with the key essentials to meet our deliverables. He is very attentive to detail and always willing to answer any questions. He will be a great asset to any organization!
Jameel worked on my team at the Health Research and Educational Trust leading our web design and additionally supporting us in number of other technology platforms. Jameel is self-directed individual who has a unique ability to approach each challenge with a positive attitude and a willingness to learn. In addition, Jameel was a reliable and trusted team member whose contributions will be missed!
Jameel is awesome to work with, he is very supportive and a great team member. I was lucky to work and collaborate with him on creating, designing and editing multiple project’s SharePoint sites
