public marks

PUBLIC MARKS with tags typography & css


Smarter Link Underlines For Every Website - Eager Blog

by sbrothier
Further, very few implementations take into account what are known in typography as descenders, or glyphs which extend below the text baseline. These include letters like g, j, p, q, y, and in some typefaces, numerals like 3, 4, 5, 7, and 9.



How to optimize for legibility using text-rendering | Webdesigner Depot

by srcmax
The text-rendering property has four settings: auto: allows the browser to choose a setting itself optimizeSpeed: focuses on speed optimizeLegibility: focuses on advanced rendering geometricPrecision: precise rendering

Readable, Fluid Type With Basic CSS Smarts | Design in the browser with web fonts and real content — Typecast

by sbrothier & 1 other
Today, designer Val Head builds a demo to show us how to create great looking typography for all screen sizes and resolutions without a dev’s expert assistance and without a lot of complex code.

Webflow - Create Website Interactions With 0 Lines of Code

by sbrothier
Now in Webflow you can create beautiful interactions for your responsive website without writing a line of code. Learn More or Start Designing.

Advanced web typography: Kerning » Blog » Elliot Jay Stocks

by sbrothier
The simplest way to turn on kerning is to use text-rendering: optimizeLegibility;, which, depending on the browser, will also enable other OpenType features. Like I said yesterday, though, that this isn’t an official CSS property and in theory could become unsupported at any time. It’s also been known to cause a few issues.


Hover and Click Trigger for Circular Elements with jQuery | Codrops

by sbrothier & 1 other
Today we want to share one possible solution to the circle hovering problem. We'll create a plugin that will take care of the 'mouseenter', 'mouseleave' and 'click' events to be triggered only on the circular shape of the element and not its bounding box.

Viewport Sized Typography | CSS-Tricks

by sbrothier
CSS3 has some new values for sizing things relative to the current viewport size: vw, vh, and vmin. It is relevant to bring up now, because it's shipping in Chrome 20 (canary at the time of this writing). And not behind a flag, it just works. Production usage isn't quite there, but it will be soon enough.

Modern Pictograms - The Design Office

by sbrothier & 1 other
Modern Pictograms is a typeface for interface designers and programmers. Designed in early 2011 for the Flatfile Wordpress theme, the pictograms stay sharp when used large or small. Install the OpenType file for Photoshop mockups and drop in the @font-face code into your CSS to embed them right in your Web page. Designed to work on web sites at sizes down to 18 pixels, but best at higher than 24 pixels.

Home | Design in the browser with web fonts and real content — Typecast

by sbrothier & 1 other
The web’s most beautiful typefaces Try typefaces from the web’s best known web font services. Design with real content Kiss goodbye to Lorum Ipsum. Get real web content in place, fast. Create HTML & CSS in the browser Quickly get to a working, standards-compliant prototype.



Firefox 4: OpenType font feature support ✩ Mozilla Hacks – the Web developer blog

by sbrothier & 1 other
The -moz-font-feature-settings CSS property permits control over kerning, ligatures, alternates, real small caps and stylistic sets to name just a few.

Lost World's Fairs

by sbrothier
Internet Explorer 9 now supports WOFF, and the Friends of Mighty have joined forces to explore typographic possibilities on the web.

Lettering.JS |

by sbrothier & 3 others
Paravel has just wrapped up an exciting secret project with three of the web’s most talented designers: Jason Santa Maria, Frank Chimero, and Naz Hamid. These designs are epic, like 18,123px epic. Working with these guys was a complete joy. There were a few fun development challenges and – as you might expect from these gentlemen – a lot of fancy typography work in the delivered PSDs.


by sbrothier & 3 others
Web FontFonts are high quality, screen-optimized fonts designed specifically for web use. Learn more » FontFonter uses custom CSS and other techniques to temporarily replace a site’s font styles with Web FontFonts.

Apple - HTML5

by sbrothier & 3 others
The demos below show how the latest version of Apple’s Safari web browser, new Macs, and new Apple mobile devices all support the capabilities of HTML5, CSS3, and JavaScript. Not all browsers offer this support. But soon other modern browsers will take advantage of these same web standards — and the amazing things they enable web designers to do.

PUBLIC TAGS related to tag typography

2d +   @font-face +   art +   blog +   community +   css +   design +   designer +   development +   em +   flash +   font +   font-face +   fonts +   framework +   graphic +   graphics +   grid +   howto +   html +   icons +   ifr +   illustration +   images +   imported +   inspiration +   javascript +   layout +   links +   photoshop +   portfolio +   reference +   resources +   ressources +   sifr +   standards +   tips +   tool +   tools +   tutorial +   tutorials +   typo +   usability +   web +   web/tech +   webdesign +   webdev +   webfonts +   website +   xhtml +  

Active users

last mark : 23/06/2016 14:19

last mark : 08/12/2014 15:18

last mark : 29/11/2011 08:41

last mark : 14/03/2011 21:51

last mark : 19/01/2011 09:10

last mark : 30/12/2010 12:41

last mark : 23/06/2010 16:11

last mark : 04/06/2010 12:51

last mark : 31/05/2010 17:05

last mark : 19/05/2010 22:02