Search
Social Header Links easy Drop in Code with Font Awesome Icons
Drop in this code in the header of your site to quickly add some social links in your header. Social Icons in Header This version uses foundation for the grid system. But you can swap this grid..
Make your site look like windows 7
How can i make my website look like Windows 7? You can just add the Windows 7 CSS Framework to your site, and it will look like windows 7. Well almost like it, you will also have to add some custom c..
Front-End Checklist
The Front-End Checklist is an exhaustive list of all elements you need to have / to test before launching your website / HTML page to production. If you want to check your project for the best practi..
Font Awesome Icons
I have been using this awesome font library for so long now that i almos overlooked it as being such a stable web developer resource for an amazing set of icons and easy to add to your project. Wha..
Responsive Mobile Bootstrap 4 Animated Rounded Navbar
What is it? An Animated Bootstrap based navigation with font awesome icons What can i use this for? This navigation works on mobile and desktop browsers for a nice twist to your navigation needs.&n..
Neumorphic Analog Clock
Here is a working Neumorphic Analog Clock from here. Gif Example:
Punica pure CSS Framework
Punica CSS is a clean, lightweight, responsive, modern and fully customizable (even class names) pure CSS Framework based on SASS/SCSS with multi-theme support. What is Punica? Pu..
checkbox groups with icons that highlight when checked
Here we have a nice way to layout some checkboxes in group format, giving each checkbox an icon and also a title. A nice form layout for checkboxes. Also would be good for touch input. &..
Blob Navigation Menu Selection Animated
This seemingly innocent menu has a hidden animation in it, just click on each icon to see the change, something different and out of the box for this one.
Neumorphic UI Element Examples
Here is a very slick example of Neumorphic ui elements, with some active examples. Credits Codepen, Maria M. Muñoz
Profile Card Hover Effect
Nice zoom and move effect on profile mouse over.
Center Mode Carousel using GSAP
I am so excited about this carousel, it looks amazing! The 1st thing i thought when viewing this carousel, was wow, and the second thing i thought was what is GSAP. What is GSAP? Simply put, GSAP i..
adding a favicon to css bundle
I noticed as soon as i set this site up that it was missing a favicon. What is a favicon? Its this little icon up the top of the browser tab. see how there is a little globe icon on there, ..