CSS Content Filter A slide-in filter panel powered by CSS and jQuery. Browser support ie Chrome Firefox Safari Opera 9+ A well-designed filter is a powerful tool users can take advantage of. It is actually an essential feature if your website has lots of content, distributed across different categories. Hover.css - A collection of CSS3 powered hover effects All Hover.css effects make use of a single element (with the help of some pseudo-elements where necessary), are self contained so you can easily copy and paste them, and come in CSS, Sass, and LESS flavours. Many effects use CSS3 features such as transitions, transforms and animations. Old browsers that don't support these features may need some extra attention to be certain a fallback hover effect is still in place. Licenses Hover.css is made available under a free personal license and paid commercial license. The Free Personal License allows you to use Hover.css for personal use only.
Framer - Import Designs Import Designs Framer Studio lets you import Sketch or Photoshop documents. All of your layer groups will be available. How to Write a Web Design Case Study that Lands New Clients Free Bonus Guide: Are you a freelance web designer? This comprehensive guide will show you everything you need to start fuelling the growth of your business. Download your copy now. One of the toughest challenges designers face when pitching prospective clients is winning over their trust and confidence. If your prospective clients haven’t worked with you in the past, they’ll likely have hesitations about handing over their hard-earned cash to a stranger.
Learn Sketch 3 - Design+Code Sketch is a vector design tool entirely focused on user interface design. It’s easy to pick up and costs a fraction of the price of Photoshop. Because of its simplicity, anyone with little to no training can learn Sketch. Seamless Responsive Photo Grid Let's say you have a bunch of images you want to display, and the goal is to get them edge-to-edge on the browser window with no gaps. Just because you think that would be cool. They are of all different sizes. You don't care if they are resized, but they should maintain their aspect ratio. Like this: Ideally we keep it pretty chill on the markup, like: Perspective Mockup Slideshow Previous Demo Back to the Codrops Article Free Mockup images from: Line Icons by Jonas Nullens for PixelBuddha