How to Build an Accordion Component With the CSS Checkbox Hack

What You’ll Be Creating In this short tutorial, we’ll learn how to build a CSS-only flexible accordion component by taking advantage of the “CSS checkbox hack technique”. Most importantly, our component will be fully responsive and its layout will switch between horizontal and vertical depending on the viewport size.  Along the way, we’ll discuss how… Continue reading How to Build an Accordion Component With the CSS Checkbox Hack

animatedModal.js – A jQuery plugin to create a fullscreen modal with CSS3 transitions

In user interface design, a modal window is a graphical control element subordinate to an application’s main window which creates a mode where the main window can’t be used.It can be used to generate alert or confirm messages with few lines of code. animatedModal.js is a jQuery plugin to create a fullscreen modal with CSS3… Continue reading animatedModal.js – A jQuery plugin to create a fullscreen modal with CSS3 transitions

Morphing Modal Window

This is a call-to-action button that animates and turns into a full-size modal window coded by Codyhouse.Modal windows are used to display related content, by hiding temporarily the main content. If we imagine our web page as layers distributed along the z-axis, modal windows are on top.The main idea here is the button that triggers… Continue reading Morphing Modal Window

Flat UI Pro 1.2 Released

Today, we announce the long-desired release of Flat UI Pro 1.2. The main feature of this release is its support of Bootstrap 3.0, officially issued a few weeks ago. This was a long time coming because of issues and the addition of new elements/code. Thank you for your patience! Here are the most important changes:… Continue reading Flat UI Pro 1.2 Released

13 Very Useful jQuery Modal Plugins

In today’s collection, we are presenting for you 13 jQuery Modal plugins. Many websites are using jQuery currently and it is important that one should know what jQuery plugins are available there in order to stay up to date with the latest web design trends. With the help of jQuery plugins, one can keep his… Continue reading 13 Very Useful jQuery Modal Plugins