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
Tag: Modal
A simple modal window with an animated SVG background
Today’s tutorial simple modal window comes from Codyhouse.It shows you how to animate at once multiple SVG paths to create a stylish background effect for a modal window.The inspiration is from UI8 Nav on Dribbble. Demo Source
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