background preloader

Typechart - Browse Web Type, Grab CSS.

Typechart - Browse Web Type, Grab CSS.
font-family: Helvetica, Arial, sans-serif; font-size: 44px; font-style: normal; font-weight: bold; text-transform: normal; letter-spacing: -2px; line-height: 1.2em; Close font-family: Cambria, serif; font-size: 16px; font-style: italic; font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 1.5em; font-family: Georgia, serif; font-size: 10px; font-style: normal; font-weight: normal; text-transform: uppercase; letter-spacing: 1px; line-height: 2em; font-family: Georgia, serif; font-size: 20px; font-style: italic; font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 1.4em; font-family: “Lucida Grande”, sans-serif; font-size: 10.4px; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 1.5em;

http://www.typechart.com/

Fontograph - This week's selection This page is updated with a new selection of ten fonts at the end of every week. Don't hesitate to come back often. The old weekly selections can be found in the Archives section of this site. Click the left mouse button on a font's representation to get it or click with the right mouse button and choose 'save link as' in the dialog box. Dingbats Font of the week - Caveman Dingbats :

Browse Web Type, Grab CSS. font-family: Helvetica, Arial, sans-serif; font-size: 28px; font-style: normal; font-weight: bold; text-transform: normal; letter-spacing: -1px; line-height: 1.2em; Close font-family: Helvetica, Arial, sans-serif; font-size: 24px; font-style: normal; font-weight: bold; text-transform: normal; letter-spacing: -1px; line-height: 1.2em; font-family: Helvetica, Arial, sans-serif; font-size: 24px; font-style: normal; font-weight: normal; text-transform: normal; letter-spacing: -0.1; line-height: 1.4em; ttf2eot on the web! Use this tool to convert a TrueType (TTF) font file into an OpenType (EOT) font file, for use with Internet Explorer for embedded fonts. After using this tool, you will be able to embed fonts on your web pages that can be seen on Internet Explorer 4 and higher, and all current modern web browsers that support embedded fonts via CSS3 (Firefox 3.5 and higher are among such browsers). See the Restrictions that are in place for this web application.

120+ Best Free CSS and HTML Website Templates All professional free CSS/HTML templates for easy design website. It is important for web designer to find new CSS/HTML layout web templates to improve the ideas design, However, the templates was used by other already but they take some part of the templates to create new one by mix more templates together. If you are looking best html and css templates to create your website. You may like my favorite collected html/css templates for purpose such company, product, service, business, shop, wedding, restaurant, portable, electronic shop, book store, jewelry shop, medical clinic, beauty and real estate…etc.

Convert OpenType Font => Woff Web Font Can you imagine free web hosting service that has 99.9% uptime? Too good to be true? No more! 000webhost.com has made the revolution, forget the stereotype that free hosting is unreliable.. Dynamic Drive CSS Layouts- Tableless, CSS based templates This is Dynamic Drive's new CSS layouts section. Here you'll find tableless, CSS based page templates to quickly define the skeleton of your pages.Created: Oct 22nd, 2006 | Last Updated: Dec 25th, 2006. Layout Categories: This is a two columns liquid layout with the left column being static, always in view. This is a two columns liquid layout with the right column being static, always in view. This is a two rows liquid layout with the top row being static, always in view.

30 of the Best Web Typography Resources Online It seems there are two camps among web designers: those who embrace web typography, experiment with it, and try new things in virtually all of their designs; and those who avoid it like the plague, opting to use standard, web-safe font stacks with little variation. It also seems like a lot of the designers who fall into the second group wish they were more like the first. The resources below can help you improve your web typography, regardless of which camp you fall into. There are tools for creating unique typography, references and articles that can teach you typographic principles, and plenty of inspiration and news to keep you updated on the state of web typography. Typography Tools

Converting a Design From PSD to HTML Several weeks ago, I showed you how to take a PSD design and convert it into HTML and CSS. Given the popularity of that particular tutorial, I've decided to create a second series. However, I'm not much of a designer. Instead, I asked Collis if he would allow me to use the design that he used for a recent tutorial for Web Design Week. Just like last time, I'll take you through the process step by step - even through the tedious parts.

Tools CSS Layout Generator Choose column numbers, width and colours for your site then generates the valid html and css files to be used as a template for each page. Updated to support HTML5, November 2010. Social Share Toolbar Instructions on how to make a jQuery and CSS3 social site share links toolbar as used on this site. Multi Level Menu This Is Tomorrow Typeface Classification For the purposes of typeface classification, font families broadly divide into seven major groups: Slab Serif, Serif Old Style, Serif Transitional, Serif Modern, Sans Humanist, Sans (Neo)Grotesque and Sans Geometric. Poster features well designed font classics and large font families being classified into two separate categories. Design: Marcin PlonkaClient: Self-initiated Year: 2009

Photography portfolio January 21st, 2008 by ART-D Posted in Adobe Photoshop, Web Layout Awesome photography portfolio design with a lot of content boxes and an attractive look. Create a new file (File>New) that would have 800×800 px and 72 dpi. Selecting the Paint Bucket Tool (G) may help us to paint the new file with the next color #111111 Next we have to use the Rounded Rectangle Tool (U) (radius 7 px) to represent the primary layer reserved for the menu’s button, situated on the site’s header.

CSS3 Flexible Box Layout Explained Advertisement The flexible box layout module — or “flexbox,” to use its popular nickname — is an interesting part of the W3C Working Draft. The flexbox specification is still a draft and subject to change, so keep your eyes on the W3C, but it is part of a new arsenal of properties that will revolutionize how we lay out pages. 30 Best Photoshop 3D Text Effect Tutorials Early this year, I shared with you some “30 Astonishingly Fresh Examples of 3D Typography“. Now we have 30 of the best Photoshop 3D text effect tutorials rounded up for everyone who wants to create their own stunning 3D text effect. 3D text effect is a strong and eye-catching text effect, and quite easy to create as opposed to many preconceptions that only hardcore digital artists or designers can do this. You don’t need to learn a separate 3D software in order to create one. For most basic 3D effects, you’ll only need Photoshop, using bevel and emboss styles, pattern overlays, along with combining different techniques to seamlessly mount your 3D text into a related background. So if you’re looking for the best looking and stunning 3D text effect tutorials for you to learn, look no further.

Related:  Fonts for the Web