Category archives: dropkick




How Create Nice Looking Dropdowns Using DropKick.js

In today’s tutorial we are going to use a nice jQuery plugin which will change the style of your select boxes by converting them to use divs and list items. The reason it will convert the select box to a div and list items is because now it is easier to style in what ever way you want. With normal select boxes you can style the top selected option but you can’t easily style the dropdown options of the select box. When these are list items you can apply a CSS class to the selected item and change the style. What Is DropKick.js Creating custom dropdowns is usually a tedious process that requires a ton of extra setup time. Oftentimes lacking conveniences that native dropdowns have such as keyboard navigation. DropKick removes the tedium and lets you focus on making it look good. DropKick will also degrade gracefully so if Javascript is turned off then […]

Read more