A tutorial on how to create some nice custom drop-down lists with CSS and jQuery. There are five examples with different looking drop-down menus and lists.


SliderTabs is a customizable jQuery plugin that allows you to create a content slider that can turn into a tabs plugin or a custom slider by changing a few options.


Kontext is a context-shift transition inspired by iOS. It’s created using JavaScript, CSS 3D transforms and CSS Animations.


A couple of modern and subtle tab styles and effects for your inspiration. We use pseudo-elements, SVGs and CSS transitions for some of the techniques.


Page Preloading Effect

Monday, 18 May 2015

A tutorial on how to re-create the page preloading effect seen on the website of Fontface Ninja. We are going to use CSS animations, 3D transforms and SVGs used for this tutorial.



Simply Toast All css styles were extracted from bootstrap, so, if you already use bootstrap, you don’t need simply-toast.css


jQuery is a cross-platform JavaScript library designed to simplify the client-side scripting of HTML. jQuery is the most popular JavaScript library in use today. jQuery is free, open-source software licensed under the MIT License.

jQuery is a cross-platform JavaScript library designed to simplify the client-side scripting of HTML. jQuery is the most popular JavaScript library in use today. jQuery is free, open-source software licensed under the MIT License.

JavaScript is a dynamic programming language. It is most commonly used as part of web browsers, whose implementations allow client-side scripts to interact with the user, control the browser, communicate asynchronously, and alter the document content that is displayed.

If you are going to use a preloader in your next site then why not make it worth watching. Here are some great examples found at CodePen to get your creative juices spinning.