background preloader

❍ IcoMoon

❍ IcoMoon
IcoMoon is striving to build and provide the best iconography and icon management tool for perfectionists. IcoMoon's icon library features only the very best icon sets out there. All of our icons are designed on a precise pixel grid. The IcoMoon app lets you build and use your own icon sets in many different formats including SVG, Polymer, PDF, XAML, CSH, icon font or simple PNG/CSS sprites. IcoMoon was first built and released back in the November of 2011. Since its release, it has changed the way icon fonts (and icons in general) are being used in web today. IcoMoon was also the first to solve a big problem with icon fonts: Compatibility with screen readers. IcoMoon is constantly improving and it offers many unique features. With over 4000 free and open source icons available in IcoMoon's library, and by allowing you to generate crisp icon fonts and SVG sprites locally/offline, this service is far ahead of any similar one. Need to contact us?

http://icomoon.io/#home

Related:  graphic designWebdesign et graphisme

300 Icons for Designers & Developers Metrize Icons is a free icon set, it works perfectly for your apps or web projects. You may use these icons for both commercial and personal projects and customize them any way you like. All Icons, WebFont and Updates are Free. The download includes: Why Facebook is blue: The science of colors in marketing 33.5K Flares Filament.io 33.5K Flares × Why is Facebook blue? According to The New Yorker, the reason is simple. It’s because Mark Zuckerberg is red-green colorblind. This means that blue is the color Mark can see the best.

Flat Icons & Icon Fonts Icon fonts are awesome. Other than the fact that they have to be single color, they are superior to using images as icons in every way. But which do you choose? There are loads of different sets out there. I'm going to attempt to round them all up here and keep this updated (this post has already been updated several times). Pictos Loading Effects for Grid Items with CSS Animations Some inspiration for loading effects of grid items using CSS animations. View demo Download source Today we’d like to share some loading effects for grid items with you. The idea is to show items in a grid with an animation once they are in the viewport. The possibilities are infinite and we’d like to give you some inspiration. Some of the effects are from the awesome CSS3 scroll effects by Hakim El Hattab and the idea is inspired by the tile animation seen in the Google Plus app.

Free Font Sail by Latinotype This license can also be found at this permalink: Copyright (c) 2011 by LatinoType Limitada (luciano@latinotype.com), with Reserved Font Names “Sail” This Font Software is licensed under the SIL Open Font License, Version 1.1. This license is copied below, and is also available with a FAQ at: —————————————————————————————- SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007—————————————————————————————- PREAMBLE The goals of the Open Font License (OFL) are to stimulate worldwide development of collaborative font projects, to support the font creation efforts of academic and linguistic communities, and to provide a free and open framework in which fonts may be shared and improved in partnership with others.

Contrast Analyser for Windows and Mac About the Colour Contrast Analyser This native application (available for both Windows and Mac) allows you to evaluate the color visibility and contrast of foreground/background color combinations. It provides an initial pass/fail assessment against WCAG 2.0 color contrast success criteria.

the cross-browser WebSocket for realtime apps. What is Socket.IO? Socket.IO aims to make realtime apps possible in every browser and mobile device, blurring the differences between the different transport mechanisms. It's care-free realtime 100% in JavaScript. Blueprint: On-Scroll Animated Header A fixed header that will animate its size on scroll. The inner elements will also adjust their size with a transition. View demo Download source An animated header that will change its size on scroll. Once a certain amount of the page gets scrolled, the header will decrease its size and the inner elements will adjust their font-size/line height. There are example media queries for dealing with different screen sizes.

25 romantic fonts Tis the season for everything lovely. To celebrate all the card writing and googly eye celebrating that will be coming up soon, I’ve complied a list of twenty five of my favorite free romantic fonts. Download via the links below to make all your love letters unwittingly nice this year. 1. Skeleton: Beautiful Boilerplate for Responsive, Mobile-Friendly Development What Is It? Skeleton is a small collection of CSS files that can help you rapidly develop sites that look beautiful at any size, be it a 17" laptop screen or an iPhone. Skeleton is built on three core principles: Responsive Grid Down To Mobile Nifty Modal Window Effects A set of experimental modal window appearance effects with CSS transitions and animations. View demo Download source Today we want to share some ideas for modal window effects with you. There are infinite possibilities for transitioning the appearance of a dialog box and we wanted to provide some ideas of how to show dialog boxes and provide some inspiration. The idea is to have a trigger button (or any element) which will make a modal window appear on click using a simple transition (or animation).

Limited Edition Method: Orla Kiely I am in lust with this limited edition Orla Kiely collection by Method. What a great collaboration between two beautiful brands. "Described by The Guardian as “the queen of prints,” Orla Kiely’s bold graphic patterns adorn her ready-to-wear clothing collections, house wares, furnishings, perfume and accessories. And now, you can also find them on a limited edition collection of method® hand wash, dish soap and all-purpose cleaner. our first collaboration with the Irish fashion designer combines her signature patterns with our iconic designs and fragrances. The relationship was a natural fit given our mutual love of color, patterns and design. like Orla, we believe that “color is an incredibly powerful element in design, as it is in life.” We also believe that your home should reflect who you are.

Compressive Images Posted by Scott on 10/30/2012 Topics: progressive enhancement responsive design Here at Filament Group, we've invested a great deal of time thinking about how best to deliver images that look sharp on devices from a low-resolution phone to High-resolution (HD) screens like Apple’s Retina™ or the new Nexus 10, while being as lightweight as possible for performance.

Related:  DesignaurevecFreeDesign ResourcesWEBmasterIconsFontsfilipix