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: Toggle
30+ Tutorials for UI Designers
With such an abundance of free Photoshop tutorials online many UI designers tend to ignore the benefits of Adobe Illustrator. Vector workflow is one of the best methods for creating full-scale website mockups, icons, mobile apps, and really anything related to interface design. Each of the following tutorials focuses directly on interface design from the… Continue reading 30+ Tutorials for UI Designers
10 jQuery snippets every designer should know
jQuery is used on thousands upon thousands of web pages. It’s one of the most common libraries to insert into pages, and it makes DOM manipulation a snap. Of course, part of jQuery’s popularity is its simplicity. It seems we can do almost anything we like with this powerful library. For all the options… Continue reading 10 jQuery snippets every designer should know
45+ Cool PSD Toggle Switches
It is a strong trend in web and mobile UI design to use styled form elements instead of the basic look and feel offered be the browsers. Doing so allow web designers to make form elements fit much better into the overall design of the website or web app. It has always been common practice… Continue reading 45+ Cool PSD Toggle Switches