background preloader

ICONS & TYPO

Facebook Twitter

FONT ICONES FREE

Minimal Vector Mini Icon Set. PICAS Icons - Royalty-free vector icons, and symbols. Download 1500 Premium Vector Icons for Wireframes and Web Design - Minicons. 1500 Vector icons You don't need to browse different packs to find the right icons: all the essential icons are provided.

Download 1500 Premium Vector Icons for Wireframes and Web Design - Minicons

You don't need to worry about the consistency: all the icons share the same visual style. See all the icons Consistent & elegant. ❍ Essential Pack. IcoMoon is striving to build and provide the best iconography and icon management tool for perfectionists.

❍ Essential Pack

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 different formats including SVG, icon font or simple PNG sprites. IcoMoon was first built and released back in the November of 2011. HTML for Icon Font Usage. Where are we at right now in terms of the best markup for using icon fonts?

HTML for Icon Font Usage

Let's cover some options I think are currently the best. You want the icon to enhance a wordYou want the icon to stand alone but still be functional or informational And our major goals here are: As good of semantics as we can getAs little awkwardness for screen readers as possible This ground has been treaded before, but I think the following techniques are a small step forward. GLYPHICONS - library of precisely prepared monochromatic icons and symbols. ❍ Icon Packs. IcoMoon was first built and released back in the November of 2011.

❍ Icon Packs

Since then, IcoMoon has changed the way icon fonts (and icons in general) are being used in web today. IcoMoon introduced the first custom icon font builder, which allows users to select the icons they need, and make them into a font. IcoMoon was also the first to solve a big problem with icon fonts: Compatibility with screen readers. By using the Private Use Area of Unicode, this problem was solved and almost every other icon font started to use the same encoding. Ten by Twenty. Illustrations et vidéos de Catégorie : Autre > Icône. Free fonts and premium fonts used by designers. There are usually two camps among designers when it comes to typeface choices.

Free fonts and premium fonts used by designers

One group has a handful of favorite typefaces they adapt to every design they create, believing that these handful of typefaces can be suitable for every situation. The other camp believes in using a huge variety of typefaces, picking and choosing each one based specifically on the project at hand. Regardless of which camp you fit into, the typefaces below should interest you. They have proven popular among designers the world over, and are used in designs for everything from multi-national corporations to individual books or journals. Have we missed one of your old time favorites? Akzidenz Grotesk Akzidenz Grotesk was the first widely-adopted sans serif typeface, and an influencer of many later neo-grotesque typefaces, including Helvetica and Univers. Akzidenz Grotesk was created in 1898 by H. 20+ Beautiful Resources That Complement Twitter Bootstrap.

Twitter Bootstrap is a beautiful "web design kit" for creating cross browser, consistent and good looking interfaces.

20+ Beautiful Resources That Complement Twitter Bootstrap

With a flexible and well-thought HTML/CSS/Javascript structure, it offers many of the popular UI components, a grid system and JavaScript plugins for common scenarios. And, it seems to be rocking the web design community as there are lots of websites already built and being built with it (it is also the most watched/forked repository in GitHub). Twitter Bootstrap is already powerful enough to empower any web interface. In order to make more use of it and/or ease the development process, there are various tools/resources that complement it. These include Bootstrap themed vector UI images, WordPress themes, web-based Bootstrap customizers and more.

jQuery UI Bootstrap. Fonts. Twitter Bootstrap 101: Customize. Built into Twitter Bootstrap’s documentation is a handy Customize page , which provides a quick way to implement a custom color scheme, custom typography and a number of other CSS customizations.

Twitter Bootstrap 101: Customize

Of course, the most powerful approach is to work directly with Bootstrap’s LESS files. 20 typographic websites. It’s the trend that people are calling for this year.

20 typographic websites

But it’s really a trend that’s been here for the past couple of years. Typography is a concept that’s been practiced for many centuries. And it’s one that’s going to stick around for years to come. What is it about typography that makes everyone go crazy? It has this artistic component to it, where it can increase the aesthetics of a page. 30 Typography Posters That You’ve Probably Never Seen Before.

Typography is the art of arranging, designing and modifying type.

30 Typography Posters That You’ve Probably Never Seen Before

Creating a well designed typography poster is no easy task, and takes time and patience. When a poster focuses only on typography as its main element, the designer has to carefully craft his design to make sure that the type is both legible and artistic at the same time. In this amazing compilation, you will see typography posters created by designers from all over the world. Here are 30 Amazing Typography Posters that you have probably never seen before. 1. By Derek “longdesinzzz” United States 2. A simple guide to responsive typography. The vast majority of articles talking about responsive design focus on two main areas: a fluid, flexible grid, and fluid, flexible images.

A simple guide to responsive typography

What many of them don’t talk about is typography. And yet, for the majority of websites the text, the content, is the most important element. Granted, for sites where images or video are the primary content, responsive type is a bit less important, but it still shouldn’t be overlooked. The good news is that responsive typography isn’t particularly difficult to achieve. We just need to take some time to think through how our type should respond to changes in screen size, and then implement those changes. Principles of responsive type. Pictos. Font Awesome License. Vector Icons, Symbols and Pictograms.