Solodev's public fiddles
-
Featured Menu Item
No-Library (pure JS), HTML, CSS, JavaScript
-
Subtle Image Overlays
Sections that utilize a background color can be enhanced with a subtle background image/image overlay that helps reinforce your brand.
-
covid-hero-banner
No-Library (pure JS), HTML, CSS, JavaScript
-
1yhwvg4f
No-Library (pure JS), HTML, CSS, JavaScript
-
covid-alert-modal
jQuery Slim 3.2.1, HTML, CSS, JavaScript
-
covid-alert-bar
No-Library (pure JS), HTML, CSS, JavaScript
-
Resizable Left Navigation
Your sidebar or left navigation may have content that needs to expand past the default width. One way to account for this is to make the left navigation resizable, thus allowing users to expand and collapse it by dragging.
-
Using FontAwesome icons to style your contact information
Basic contact information can be boosted in terms from a contemporary web design perspective with some key place FontAwesome icons.
-
Convert a sidebar navigation to dropdown
No-Library (pure JS), HTML, CSS, JavaScript
-
Expand your site search on click
No-Library (pure JS), HTML, CSS, JavaScript
-
Adding a search bar to your hero section
Search is becoming increasingly important as sites add more and more content. Depending on your industry, it may be that you want users to search for things first rather than navigate throughout a website. Nothing reinforces that action more than adding a search bar to your primary hero section.
-
Infinite Logo Carousel
No-Library (pure JS), HTML, CSS, JavaScript
-
Dynamic Shopping Cart Total
No-Library (pure JS), HTML, CSS, JavaScript
-
Showing the total number of items in your shopping cart
Showing users how many items are in their shopping cart helps encourage conversions.
-
How to add collapsible elements to your mobile menu
No-Library (pure JS), HTML, CSS, JavaScript
-
List of features with corresponding Font Awesome icons
By combining Bootstrap columns with Font Awesome, you are able to produce a distinctive list of features.
-
Scroll functionality in Dropdowns
No-Library (pure JS), HTML, CSS, JavaScript
-
guqLjdos
No-Library (pure JS), HTML, CSS, JavaScript
-
Creating a contemporary shopping cart layout using Bootstrap cards
Shopping carts demand intuitive and simple designs that users can quickly comprehend. Using Bootstrap cards, you can implement a layout that meets these demands.
-
82Lmv35q
No-Library (pure JS), HTML, CSS, JavaScript