8 Great Icon Font Generators to Give Your Site a Custom Feel High-quality images can make the difference between a good website and a great website. However, they also add file weight, aren't easily scaled, edited or manipulated, and result in additional HTTP requests. When it comes to responsive design, the best solution is often not to use an image at all, and instead use icon fonts when appropriate. They're easily customized, allow for transparency and have good browser support. And because they contain fewer characters than a complete typeface, they also take up less memory.
CSS Image Effects #5: Lomography This is part of a series of posts breaking down visual effects using CSS filters and blend modes. Read Part 1: The Vintage Washout Effect, Part 2: 3d Glasses, Part 3: Vignettes, and Part 4: Bokeh Textures for some background on blend modes and filters. In this post we'll explore a relatively new photography technique founded in Austria in the early 90's, called Lomography. A Google search for Lomography yields beautifully vibrant results. 100 greatest free fonts of 2014 It’s been a great year for fonts. New, more affordable, options in font design software, and more and more designers moving over to font design has produced a great crop of typefaces that are absolutely free to use for personal and commercial projects. Today we’ve put together a list of some of the greatest fonts we’ve found available, released in the last year, for cero dinero.
csscss by zmoazeni What is it? csscss will parse any CSS files you give it and let you know which rulesets have duplicated declarations. What is it for? One of the best strategies for me to maintain CSS is to reduce duplication as much as possible. It’s not a silver bullet, but it sure helps. To do that, you need to have all the rulesets in your head at all times. Free textures for your next web project. The seigaiha or wave is a pattern of layered concentric circles creating arches, symbolic of waves or water and representing surges of good luck. Made by Olga Libby Download A friend gave me a cork wallet. I scanned it and made this.
UX Crash Course: 31 Fundamentals Basic UX Principles: How to get started The following list isn’t everything you can learn in UX. It’s a quick overview, so you can go from zero-to-hero as quickly as possible. You will get a practical taste of all the big parts of UX, and a sense of where you need to learn more. iHover is an impressive hover effects collection, powered by pure CSS3, no dependency, work well with Bootstrap 3! Hover effect 1 <div class="row"><div class="col-sm-6"><!-- normal --><div class="ih-item circle effect1"><a href="#"><div class="spinner"></div><div class="img"><img src="images/assets/2.jpg" alt="img"></div><div class="info"><div class="info-back"><h3>Heading here</h3><p>Description goes here</p></div></div></a></div><!-- end normal --></div><div class="col-sm-6"><!
20 jQuery Plugins to Create Animating Image Effects jQuery can be very powerful and as you learn more about it you will be amazed what it is capable of doing. Today’s post is a collection of 20 jQuery plugins to create animating image effects on your site/blog. They could be very helpful to attract new visitors to stay on your page and reduce bounce rate or just for fun!