A Closer Look At Font Rendering | Smashing Magazine
5 weeks ago by sunpig
The Web font revolution that started around two years ago has brought up a topic that many of us had merrily ignored for many years: font rendering. The newfound freedom Web fonts are giving us brings along new challenges. Choosing and using a font is not merely a stylistic issue, and it’s worth having a look at how the technology comes into play.
type
font
rendering
osx
windows
cleartype
greyscale
directwrite
gdi
quartz
typography
hinting
pixel
alias
antialias
design
precision
5 weeks ago by sunpig
Measuring and sizing UIs, 2011-style — CSS Wizardry—CSS, Web Standards, Typography, and Grids by Harry Roberts
9 weeks ago by sunpig
For years we used pixels to lay out web pages. Then, not so long ago, we were dabbling with ems to make our pages elastic. Now, in 2011, most of us are adopting a responsive approach and using fluid grids and percentages.
These methods seem to have all happened sequentially, with us each time dropping the last. I’ve decided, though, that the best builds use aspects of all previous methods; fixed, elastic and fluid.
harryroberts
css
font
size
style
border
layout
line-height
rem
em
pixel
percentage
design
grid
visual
measure
These methods seem to have all happened sequentially, with us each time dropping the last. I’ve decided, though, that the best builds use aspects of all previous methods; fixed, elastic and fluid.
9 weeks ago by sunpig
We're in an icon-sharpness limbo | simurai
9 weeks ago by sunpig
With the rise of Retina displays people are looking for resolution independent alternatives to PNG icons. Some fell in love with font-icons, some are shouting “SVG”. But I’m sorry, if you’re looking for a silver bullet, I’m afraid it doesn’t exist.
icon
font
svg
png
graphic
image
sharpness
hinting
pixel
blur
webdev
frontend
optimization
9 weeks ago by sunpig
Redefined | Trent Walton
february 2012 by sunpig
RT @brad_frost: "The largest and most exciting part of the design process now happens in the browser" great read by ...
trentwalton
responsive
adaptive
design
pixel
proportion
layout
mediaquery
webdev
html
css
from twitter
february 2012 by sunpig
LukeW | Designing for the Retina Display (326ppi)
february 2011 by sunpig
RT @lukew: Designing for those fancy retina displays
lukew
mobile
design
retina
pixel
resolution
web
webdev
scalable
vector
iphone
ios
february 2011 by sunpig
related tags
8bit ⊕ @media ⊕ accessibility ⊕ adactio ⊕ adaptive ⊕ ala ⊕ alias ⊕ alistapart ⊕ android ⊕ anti-alias ⊕ antialias ⊕ apple ⊕ aralbalkan ⊕ art ⊕ background ⊕ baseline ⊕ blur ⊕ border ⊕ browser ⊕ bug ⊕ cabelsasser ⊕ cake ⊕ canvas ⊕ chart ⊕ cleartype ⊕ computer ⊕ container ⊕ content ⊕ context ⊕ conversion ⊕ css ⊕ css3 ⊕ curve ⊕ data ⊕ daveshea ⊕ demo ⊕ density ⊕ derekyu ⊕ design ⊕ device ⊕ directwrite ⊕ display ⊕ dpi ⊕ draw ⊕ efficiency ⊕ em ⊕ ems ⊕ ethanmarcotte ⊕ finesse ⊕ finger ⊕ fixed ⊕ flow ⊕ fluid ⊕ font ⊕ formula ⊕ free ⊕ frontend ⊕ fugue ⊕ fun ⊕ function ⊕ games ⊕ gdi ⊕ gif ⊕ graph ⊕ graphic ⊕ graphics ⊕ greyscale ⊕ grid ⊕ harryroberts ⊕ high ⊕ hinting ⊕ html ⊕ http ⊕ icon ⊕ icons ⊕ ie ⊕ illustration ⊕ image ⊕ images ⊕ img ⊕ ios ⊕ iphone ⊕ iphone4 ⊕ javascript ⊕ jeremykeith ⊕ js ⊕ layout ⊕ leading ⊕ legibility ⊕ letterpress ⊕ line-height ⊕ logging ⊕ lukew ⊕ math ⊕ maths ⊕ maxvoltar ⊕ measure ⊕ mediaqueries ⊕ mediaquery ⊕ mezzoblue ⊕ minipops ⊕ mobile ⊕ mod ⊕ modular ⊕ nihilogic ⊕ optimization ⊕ osx ⊕ panic ⊕ paper ⊕ percentage ⊕ performance ⊕ photobooth ⊕ picture ⊕ pixel ⊖ pixelart ⊕ png ⊕ point ⊕ ppk ⊕ precision ⊕ preview ⊕ printing ⊕ proportion ⊕ px ⊕ quartz ⊕ quirksmode ⊕ ratio ⊕ refine ⊕ relative ⊕ rem ⊕ rendering ⊕ resize ⊕ resolution ⊕ responsive ⊕ retina ⊕ scalable ⊕ scale ⊕ screen ⊕ script ⊕ sharpness ⊕ size ⊕ smoothing ⊕ stoyanstefanov ⊕ style ⊕ sub-pixel ⊕ svg ⊕ text ⊕ thumb ⊕ timvandamme ⊕ tool ⊕ touch ⊕ touchscreen ⊕ tracking ⊕ trentwalton ⊕ tutorial ⊕ type ⊕ typography ⊕ ui ⊕ usability ⊕ ux ⊕ vector ⊕ vertical ⊕ videogames ⊕ viewport ⊕ visibility ⊕ visual ⊕ web ⊕ webbug ⊕ webdesign ⊕ webdev ⊕ wedding ⊕ weird ⊕ width ⊕ windows ⊕ wrap ⊕ x ⊕ y ⊕ zoom ⊕Copy this bookmark: