Some simple ideas and effects for unobtrusive website notifications. A little script is employed for showcasing some styles and CSS animations are used for the effects.Some of them are preceded by a dummy loading animation, which could be a nice idea for specific actions that require some time in a system (i.e. saving, sending a message, etc.).
Best jQuery CSS2 / CSS3.0 Plugins & Tutorials with Demo
Fixed Auto-Hiding Nav Bar with JavaScript
Top navigation bars have always been popular in web design. Since these elements contain such vital information some designers like to keep them fixed on-screen while scrolling down the page. But unfortunately this can get in the way of content if the bar is too large. A popular online blogging platform Medium created an interesting method of hiding the bar when scrolling down and re-showing it when scrolling back up.
Clipping in CSS and SVG
CSS and SVG have a lot in common. A lot of the features that we have in CSS today were imported from SVG. One of these features is the Clipping operation. Both CSS and SVG allow us to “clip” elements into custom non-rectangular shapes. In this article we will go over the clipping techniques in both CSS and SVG, covering everything you need to know to get started.
shCircleLoader : HTML5 Circle loading animation jQuery plugin
shCircleLoader is a jQuery plugin, which helps web developers to create a variety of loading animations and integrate them easily into their web applications.
Features:
- Customizable animation controlled by a wide range of options.
- Normally you do not have to include CSS file, but you can do this turning off CSS styling from the script.
- CSS “namespaces” allows you to create different loading animations in one page.
- Custom CSS keyframe animtion declarations.
- Optional progress status in the center of the animation.
Inspiration for Custom Select Elements with CSS3 & JavaScript
Some inspiration for styling a custom version of the select element. There are many possibilities and today we are exploring some ideas of how to let the user select a choice in style.We can use JavaScript libraries that transform the HTML elements into a structure that allows us to do some better styling, especially for more complex inputs like the select element. Once a custom structure is in place, the possibilities are really endless and the aim of creating a better experience for the user can be reached more easily.
BWL Searchable Accordion jQuery Plugin
BWL Searchable Accordion jQuery Plugin provide you a great way to create responsive and animated accordions for your website. This jQuery plugin comes with well commented jQuery code and valid HTML5 markup, so that you can easily customize code without any issue.
Features:
- Smooth jQuery & CSS3 based Accordion.
- Unique search bar to find contents easily.
- Unlimited Accordions in a single page.
- 14+ Smooth Animation & Effects.
- 6 Stylish Predefined Accordion Theme.
- Less file included for easy CSS customization.
- Font Awesome.
- Google Fonts.
- Retina Ready.
- Responsive Accordion
