spaceninja + typography   193

Making Cloud.typography Fast(er)
What issues does Hoefler&Co’s Cloud.typography introduce, and how can we mitigate them?
fridayfrontend  performance  typography  webfonts 
2 days ago by spaceninja
CSS Gradient Text
Web developers know the fight we’ve all had to improve fonts on the web. Whether it be load time, odd strategies for using custom fonts (Cufon, anyone?), or just finding the right font itself, beautifying text on the web has never come easy. That got me thinking about fonts and CSS gradients, since gradients also had a difficult introduction to the web. Let’s look at how we can use gradient fonts with only CSS!
fridayfrontend  css  cssbasics  gradients  typography 
29 days ago by spaceninja
Components AI — A new way to explore generative design systems
With Components AI you can generate gradients, font pairings, and explore hand curated components.
css  tools  generator  gradients  stripes  box-shadow  text-shadow  fonts  typography  webfonts  color 
5 weeks ago by spaceninja
Font Smoothing
I recommend not using it, and instead if you’re looking to get a lighter version of the font then use the font-weight to control this so that it appears nicely across both Mac and Windows, and works across all browsers without the need of a browser prefix.
fridayfrontend  css  cssbasics  font-smoothing  typography 
5 weeks ago by spaceninja
CSS is adding more ways to style underlines
Since there is so much interest in this, I made a graphic to round up the different CSS properties that are coming to help us style underlines. Some work in some browsers today. All have fantastic fallbacks, so you can start using them now. (They do NOT break anything in IE11!)
fridayfrontend  cssbasics  css  underline  typography  text-decoration-skip-ink  text-decoration-thickness  text-underline-offset 
5 weeks ago by spaceninja
Developing a Robust Font Loading Strategy for CSS-Tricks
When Chris Coyier asked me to look at the font loading behavior for the new redesign of CSS-Tricks, I’ll admit that I was excited. A new case study on a web site with an intimidating, exhaustive, encyclopedic amount of existing web development content!
fridayfrontend  webfonts  typography  performance  font-display 
6 weeks ago by spaceninja
Beginner's Guide to Variable Fonts: Part 1
Variable fonts allow us as designers and front-end developers to create highly responsive and engaging interfaces that also cut down on load time. The best part? They’re super easy to use. Essentially, variable fonts are one font file that behaves like multiple font files.
fridayfrontend  cssbasics  css  fonts  variablefonts  typography 
7 weeks ago by spaceninja
5 Keys to Accessible Web Typography
I wrote about fluid web typography in last month’s blog post and I realised that a lot of the popular implementation techniques come with accessibility issues. So I wanted to go back and revisit the basics and the best practices of accessible web typography.
fridayfrontend  cssbasics  css  accessibility  typography  contrast  font-smoothing  line-height  headers  semantics 
8 weeks ago by spaceninja
The State of Fluid Web Typography
Fluid typography gives us so many opportunities to better design the reading experiences on the web but, at the same time, it introduces problems of font sizes scaling uncontrollably and potential accessibility issues. Is fluid web typography ready to be used?
fridayfrontend  cssbasics  css  webfonts  typography  fluid  responsive 
12 weeks ago by spaceninja
font-display is Incompatible with Icon Fonts
The main point that I think hasn’t really been communicated enough is that icon fonts exist in a place that would seem to be outside of the web standards mainstream. Specifically, the font loading poster child—the font-display descriptor—has no valid value that is compatible with icon fonts.

When you load an icon font, you often never want the fallback text to render. It isn’t a typical Flash of Unstyled Text (FOUT) scenario. If the fallback text for an icon font renders, who knows what you might see.
fridayfrontend  css  fonts  webfonts  typography  font-display  icons 
12 weeks ago by spaceninja
Google Fonts is Adding font-display 🎉
Google Fonts is adding support for font-display! This is big news—it means developers now have more control over Google Fonts web font loading behavior. We can enforce instant rendering of fallback text (when using font-display: swap) rather than relying on the browser default behavior of invisible text for up to 3 seconds while the web font request is in-flight.
fridayfrontend  css  font-display  typography  google 
may 2019 by spaceninja
Getting to the bottom of line height in Figma
Fascinating deep dive into the history of `line-height` and some typographic changes being made at Figma.
fridayfrontend  css  line-height  typography 
april 2019 by spaceninja
Custom Property controlled fluid type sizing
Without getting too much into the weeds, you set a min size and a max size (with optional min and max screen sizes), and the calc-based formula works out a fluid measure, on the fly, based on those 2 locks and the window’s current width.
fridayfrontend  css  cssbasics  customproperties  variables  typography  responsive  locks  fluid  utility 
april 2019 by spaceninja
Normalizing Typography
To make different typefaces appear the same size (here called the target size) at each step of the scale (below, we see the output of size token 10), the absolute size of each token’s output varies depending on the font family.
styleguide  patternlibrary  designsystem  tokens  typography  normalize  font-size 
april 2019 by spaceninja
All you need to know about hyphenation in CSS
Automatic hyphenation on the web has been possible since 2011 and is now broadly supported. There is however far more control available to designers than just turning on hyphens.
fridayfrontend  css  hyphens  typography 
march 2019 by spaceninja
National Park Typeface
A typeface designed to mimic the National Park Service signs that are carved using a router bit.
font  typography  parks  routers 
march 2019 by spaceninja
Switching to Variable Fonts
Ever since I first learned about variable fonts, I’ve wanted to use them in my own work. After learning that Source Serif and Inter both had variable versions, I started switching this site over to use them. Here’s how I implemented the change, and what I learned along the way.
fridayfrontend  css  webfonts  variablefonts  typography 
march 2019 by spaceninja
Aligning type to baseline grid with CSS variables
In recent years various mixins and libraries eased the process by doing the math and calculations. Today we can ease the process even more, all courtesy of custom properties aka CSS variables and calc function.
fridayfrontend  css  cssbasics  typography  baseline  grids  layout 
march 2019 by spaceninja
Six tips for better web typography
How do we avoid the most common mistakes when it comes to setting type on the web? That’s the question that’s been stuck in my head lately as I’ve noticed a lot of typography that’s lackluster, frustrating, and difficult to read. So, how can we improve interfaces so that our content is easy to read at all times and contexts? How do learn from everyone else’s mistakes, too?

These questions encouraged me to jot down some rules that are easy to apply and have the greatest impact on legibility, based on my own personal experience. And, if you didn't know, I'm kinda a geek when it comes to typography. So, I thought I'd share the following six rules that I've come to adopt to get us started.
fridayfrontend  css  cssbasics  typography  webfonts 
march 2019 by spaceninja
How to use web fonts in CSS
Web fonts have revolutionized site typography during the past decade. Designers have fewer constraints and can implement typefaces which work on all mainstream devices and browsers. In this tutorial, we discuss various techniques and best practices for adding custom fonts to web pages.
fridayfrontend  css  cssbasics  webfonts  typography  fout  foit  font-display 
february 2019 by spaceninja
A look at CSS hyphenation in 2019
Let’s have a look at the browser support of CSS Hyphenation, how to use it today and which feature I would like to see in browsers.
fridayfrontend  css  cssbasics  typography  hyphens  word-wrap  overflow-wrap  hyphenate-limit-chars 
february 2019 by spaceninja
Stepping away from Sass
I also unintentionally, (at least at first) removed all traces of Sass from my codebase. This was not something I set out to do but the more I looked at my old Sass files the more I questioned whether it was adding value to my site, or just an extra level of complexity and dependency. CSS has evolved over recent years and the problems that lead me to Sass in the first place seem to be less of an issue today.
fridayfrontend  css  sass  variables  customproperties  layout  grids  cssgrid  typography 
january 2019 by spaceninja
Should I Use JavaScript to Load My Web Fonts?
As you can see, the advanced web font loading control offered by JavaScript still provides more than sufficient value to keep it around. You can adapt your page’s performance profile to suit a user’s network conditions, user preferences, improving the general loading behavior of self hosted fonts and third party hosting providers.
fridayfrontend  javascript  webfonts  typography  performance  css 
december 2018 by spaceninja
Implementing a variable font with fallback web fonts
With variable fonts, more typographic richness and influence is coming to the web and this at a relatively low file size. You want to benefit from that in your next web project, but still, you don’t want to bet everything on this new technique? This article will show you how to integrate a variable font in your website and use classic web fonts as a fallback.
fridayfrontend  css  webfonts  variablefonts  fallback  typography 
november 2018 by spaceninja
You're using <em> wrong
And I am too. And so is everybody else. …We need to start considering _why_ we are italicising text and using the right tag for it. We can make our tools better. We can make the web better.
em  italics  typography  accessibility  html  css  fridayfrontend 
november 2018 by spaceninja
Better Web Typography
A free web typography course for web designers & web developers.
design  typography 
october 2018 by spaceninja
The Font Loading Checklist
When I look back at the last four years that I’ve spent learning everything I could about web fonts and how web fonts load, I can distill it all down to a small checklist of ideals that I continue to chase. Our goal as web developers is to maximize the experience and raise user expectations to the level of what the web is capable of delivering, but also to manage our performance budgets to ensure that we are fulfilling the promise of the web—it’s ubiquity. This checklist should help you deliver on those two often competing ideals.
fridayfrontend  css  typography  webfonts  checklist  performance  preload  font-display 
september 2018 by spaceninja
7 Ways To Make Your Web Application More Accessible
Yet accessibility isn’t just about providing a way for people with disabilities to access your content. Writing accessible code also has positive implications on web app performance or SEO rankings. Thus, let’s delve into the seven ways you can make your web app more accessible. (I promise, it’s easy).
fridayfrontend  cssbasics  accessibility  mobile  semantics  keyboard  aria  tables  alt  color  contrast  typography 
september 2018 by spaceninja
Quotes and Accents and Dashes
We all need to use them but hardly any of us know how to type them. Here is a brief guide of how to type smart quotes and accented characters (and dashes) on a Mac.
typography  keyboard  accents  characters  quotes  reference 
august 2018 by spaceninja
Line-height Crop — a simple CSS formula to remove top space from your text
It’s a natural behavior of text elements to include some space on top (and bottom) of the element itself based on its line-height value. In some cases, you may need to remove those spaces as they can create inconsistencies in your page design. In this article we are going to take a look at how we can remove this space from the text elements using a simple SCSS mixin.
fridayfrontend  css  sass  mixins  line-height  typography 
august 2018 by spaceninja
Fitty
Fitty scales text up (or down) so it fits perfectly to its parent container. Ideal for flexible and responsive websites.
typography  javascript  css  responsive 
august 2018 by spaceninja
Front-End Design Checklist
The Design Checklist for Front-End Developers is an exhaustive list of elements which can help developers to analyse and understand web designs and ensure the quality of their Front-End development.
frontend  design  checklist  grids  color  fonts  typography  styleguide 
august 2018 by spaceninja
The Web Is Not Just Left-to-Right, by Chen Hui Jing
This talk traces the parallel history of western and eastern typography from handwriting to the internet age, setting the context for how the web is a brand new medium for typesetting. CSS allows us to implement advanced typographic features and multi-directional layouts, that not only benefits internationalisation, but opens up a myriad of options for creative and interesting layouts in general as well.
fridayfrontend  video  language  rtl  ltr  typography  chinese 
august 2018 by spaceninja
Create your design system, part 1: Typography
Typography is arguably the essential part of a website. When we think about the content of a web page, we think about words. In this article, we’ll take a look at how to set a typography system in CSS.
css  cssbasics  typography  styleguide  designsystem  design  fridayfrontend 
july 2018 by spaceninja
What is the CSS ‘ch’ Unit?
So however wide the “0” character is in a given typeface, that’s the measure of one ch.  In monospace (fixed-width) fonts, where all characters are the same width, 1ch equals one character.  In proportional (variable-width) fonts, any given character could be wider or narrower than the “0” character.
fridayfrontend  css  ch  typography  units 
july 2018 by spaceninja
Pixels vs. Ems: Users DO Change Font Size
The question was “How many users browse the main Internet Archive site with a default font size other than the common value of 16 pixels?” …We found that the answer is 3.08% of our users. That’s a pretty big number, higher than most counts of the market share of browsers like Internet Explorer, Edge, or Opera Mini.
css  cssbasics  fonts  font-size  ems  analytics  typography  accessibility  fridayfrontend 
june 2018 by spaceninja
A Reference Guide For Typography In Mobile Web Design
In terms of how to handle typography in mobile web design, it appears that simpler and safer works best. In this article, we will break down the elements you need to pay attention to in mobile typography and then visit what the research says about how to handle them.
css  cssbasics  typography  webfonts  fonts  mobile  fridayfrontend 
june 2018 by spaceninja
How to start with variable fonts on the web
Variable fonts are the font technology made for the digital era. They have the power to bring more typographic richness to the web at a lower file size. But with new possibilities and advantages new challenges and complexity arise. So what’s so hot about the next big thing since the introduction of web fonts (at least to all type nerds) and how can you use it?
fridayfrontend  css  fonts  typography  variablefonts  webfonts 
june 2018 by spaceninja
Getting Started With Variable Fonts
A variable font encapsulates the entire font family, not just one style or instance. With three out of the four major browsers already supporting variable fonts and the remainder soon to follow, the future is certainly bright for this new font technology. Explore the resources below and be ready to hit the ground running when it arrives.
css  cssbasics  fonts  typography  webfonts  variablefonts  fridayfrontend 
may 2018 by spaceninja
Variable Fonts
A simple resource for finding and trying variable fonts. The goal is to help you become more familiar with variable fonts in a way that isn’t overwhelming, while also providing straightforward info about the font projects, who made them, and where to find more info or get the fonts to use.
fridayfrontend  css  variablefonts  fonts  typography  webfonts  design 
may 2018 by spaceninja
A Deeper Look at Generic Font Names in CSS
Generic font families are a fallback mechanism, a means of preserving some of the style sheet author’s intent when none of the specified fonts are available.
css  cssbasics  fonts  font-face  typography  webfonts  generic  fridayfrontend 
may 2018 by spaceninja
Obnoxiously Readable Responsive Text with Viewport Units
There have been other incarnations of this style of JavaScript text resizing. But as far as I can tell, we had the option to retire all of these approaches when Viewport Units were well supported in 2012! If CSS can do the job, do the job in CSS. Delete your redundant JavaScripts, everyone!
fridayfrontend  css  typography  viewport  units  responsive  webfonts 
may 2018 by spaceninja
Hey hey `font-display` | CSS-Tricks
Y'all know about font-display? It's pretty great. It's a CSS property that you can use within @font-face blocks to control how, visually, that font loads. What do you get from it? The ability to control FOUT and FOIT as is right for your project, two things that both kinda suck in regards to font loading.
fridayfrontend  css  typography  webfonts  performance  font-display  fout  foit 
april 2018 by spaceninja
preload with font-display: optional is an Anti-pattern
If you decide to use font-display: optional, it would be a waste of your page’s resources to also use preload. It won’t break anything, it’ll just trigger that web font request early (causing network congestion if you have other critical path resources that need to be fetched). An early request won’t buy you much if the web fonts aren’t going to render when they finish.
typography  webfonts  preload  performance  font-display  css  fout  foit 
april 2018 by spaceninja
Cropping Away Negative Impacts of Line Height
Getting rid of pesky space above and below HTML text. The key benefit of this technique is that it removes top and bottom whitespace while preserving line height between lines in a multi-line block of text:
fridayfrontend  css  line-height  layout  design  typography 
april 2018 by spaceninja
One File, Many Options: Using Variable Fonts on the Web
There’s more than various weights to consider. CSS3 introduced the font-stretch property, with values from ultra-condensed to ultra-expanded. Until now, these values only worked if you provided a separate file for each width. If you wanted every combination of weight and width in both normal and italic, you would need dozens of files. With variable fonts, we can get all this variety with a single file.
css  variablefonts  typography 
march 2018 by spaceninja
The King vs. Pawn Game of UI Design
When you strip the game down to its core, everything you learn is a universal principle.
design  buttons  ui  ux  learning  typography  accessibility  styleguide 
march 2018 by spaceninja
Web Typography: Numerals
Richard Rutter offers sage advice on numeral usage in this excerpt from Web Typography.
css  typography  numbers  font-variant-numeric 
february 2018 by spaceninja
How ANYONE can make insanely better slides
I am convinced great slide-making is a tremendous skill to develop. It will make your internal presentations more persuasive. It will help you win more business or close that round of funding. It will accelerate your career.
slides  design  typography  presentation  tips  speaking 
february 2018 by spaceninja
Web Fonts are ▢▢▢ Rocket Science by Zach Leatherman
Web fonts are difficult to get right. An often overlooked and disruptive piece of web performance, web fonts can slow down your site and leave your visitors confused and agitated. No one wants agitated visitors. In this talk we’ll discuss useful methods to render web fonts quickly and without disruption so that visitors can do what should be a simple task—read the text. After all, web fonts are not rocket science.
fridayfrontend  video  webfonts  fonts  typography  foit  fout  performance 
february 2018 by spaceninja
Shipping system fonts to GitHub.com
As display quality improves, so too must our use of those displays. System fonts like Apple’s San Francisco and Microsoft’s Segoe aim to do just that, taking advantage of retina screens, dynamic kerning, additional font-weights, and improved readability. If operating systems can take advantage of these changes, so too can our CSS.
fridayfrontend  css  github  typography  fonts  system 
february 2018 by spaceninja
Michael Jackson Italics
The difference between oblique, rotated, and true Italics, explained in Michael Jacksons. Image credited to Toshi Omagari.
typography  jokes  michaeljackson  italic  oblique 
february 2018 by spaceninja
How to use variable fonts in the real world
Using variable fonts in the real world turns out to be tricky. This post explains how we achieved it for the new Ampersand website and what we learned along the way.
fridayfrontend  css  typography  fonts  variablefonts 
february 2018 by spaceninja
Typography Handbook
A concise, referential guide on best web typographic practices.
fonts  typography  design  guides 
february 2018 by spaceninja
Type Terms
Welcome to Type Terms! The animated typographic cheat sheet. If you are new to typography or here to refresh your memory, then Type Terms is the perfect tool for you.
reference  fonts  typography  design 
february 2018 by spaceninja
Better Typography with Font Variants
Learn how to use font variants, including ligatures, caps, numerals and alternate glyphs, to create more precise, beautiful typography on the web.
fridayfrontend  css  typography  font-variant  ligatures  small-caps  numbers 
january 2018 by spaceninja
what are your thoughts on rems, ems, % and px?
They all do different things, so I use them all when I need their specific functionality. We don't have all these different ways because one replaces an outdated way, they all have their own pros/cons.
typography  length  units  rem  ems  px 
january 2018 by spaceninja
Tufte CSS
The goal of Tufte CSS is not to say “websites should look like this interpretation of Tufte’s books” but rather “here are some techniques Tufte developed that we’ve found useful in print; maybe you can find a way to make them useful on the web”.
edwardtufte  design  typography  styleguide  css 
january 2018 by spaceninja
How to structure your typography in Sass | Chip Cullen
Some of my guiding principles are: Do the absolute least amount possible; Err on the side of commonality; Make your life as easy as possible;
sass  css  typography  webfonts 
january 2018 by spaceninja
The Mitt Romney Web Font Problem
why loading multiple web fonts for a single typeface is dangerous.
webfonts  css  typography  mittromney  font-face 
january 2018 by spaceninja
text-rendering: optimizeLegibility is Decadent and Depraved - design, performance, tools and workflow - Bocoup
In the back of my mind, though, I knew these newfound wings were made of wax. All this typographic power came with a cost: text-rendering: optimizeLegibility is slow—and by “slow,” I mean that it can bog down an entire page, from initial render time to repaints.
text-rendering  optimizelegibility  typography  css  webfonts  kerning  ligatures 
january 2018 by spaceninja
Professional Web Typography by Donny Truong
In this site, my goal is to prove that typesetting is fun and rewarding—not intimidating.
typography  design  webfonts  css 
january 2018 by spaceninja
Typography Enhancements on Medium
Here at Medium, we’re still fighting to bring it all back. Below is a list of the things we are doing to advance on-screen typography. We wanted to share it for two reasons:
typography  medium  design  css  punctuation 
december 2017 by spaceninja
Typography Enhancements on Medium: Technical Supplement
Below are some of the technical (CSS, JavaScript, Closure) details in Medium’s typography and typesetting. Note: we use LESS, so you will see some light LESS features (mostly variables).
typography  medium  design  css  punctuation 
december 2017 by spaceninja
The curious case of the disappearing Polish S
“I just started an article in Polish. I can type in every letter, except Ś. When I press the key for Ś, the letter just doesn’t appear. It only happens on Medium.”
typography  polish  language  communism  keyboard  shortcuts  windows  internationalization 
december 2017 by spaceninja
TextTailor.js
Tailor-made text to fit your needs! Responsive text to fill the height of the parent element or ellipse it when it doesn't fit.
jquery  plugins  typography  clamp  truncate 
december 2017 by spaceninja
What Should I Look For In a UI Typeface?
This is the word “Illiterate” (capital I), set in the above five typefaces. A good UI typeface should demonstrate distinctive letterforms so that they don’t get confused with each other. A common typographic problem is how to handle the capital I and the lower case l (“L”). Especially in a word like this, if you’re not careful problems can occur.
typography  fonts  ui  design 
december 2017 by spaceninja
Font-display playground
I also wrote a small explainer and demo for font-display at https://font-display.glitch.me . It simulates slower connections, so you can see how `font-display: optional` helps!
fridayfrontend  font-display  fonts  typography  browsers  performance 
december 2017 by spaceninja
23 Minutes of Work for Better Font Loading
Font loading can be daunting and even a little confusing at times. If you’re feeling overwhelmed by the topic, the above steps can serve as a shortlist of things you can quickly do to make an improvement to your site. It doesn’t have to be the best—just make it better!
fridayfrontend  css  fonts  webfonts  performance  typography  fout  foit 
november 2017 by spaceninja
Web Typography: Designing Tables to be Read, Not Looked At
Tables are a frequently overlooked aspect of reading, sometimes overstyled, sometimes poorly thought out. Responsiveness is a particularly thorny issue as the best solutions depend very much on the utility of the table. Tables can be packed with data, rich in content and meaning. Give them the attention they deserve.
fridayfrontend  html  css  tables  design  responsive  typography 
november 2017 by spaceninja
Keeping track of letter-spacing, some guidelines
In this post, I'm going to dive deep into a seemingly simple typesetting topic—effective use of letter-spacing—and how it relates to web typography.
fridayfrontend  css  letter-spacing  typography  kerning  tracking 
october 2017 by spaceninja
eBay’s Font Loading Strategy
Our design team made a strong case for a custom font to complement our new branding and, after multiple reviews, we all agreed it makes sense. Now it was on the engineering team to come up with an optimized implementation that not only uses the new custom font, but also tackles the performance overhead. This post gives a quick overview of the strategy we use at eBay to load custom web fonts.
fridayfrontend  css  fonts  typography  font-face  webfonts  fout 
october 2017 by spaceninja
A Five Minutes Guide to Better Typography
Don't nerd over typefaces, just pick one / Think type as blocks / Align with your eyes / Hierarchy first / Use contrast / Fine-tune with spacing.
fridayfrontend  design  typography  bestpractices  guide 
october 2017 by spaceninja
Writing CSS with Accessibility in Mind
By getting DOM and focus order right and by caring about high contrast and generally by designing with accessibility in mind, you’re already doing a great job. If you put a little more accessibility consideration in every new page or site you’re making, you’re making the web a better place.
fridayfrontend  css  accessibility  focus  order  color  contrast  typography 
september 2017 by spaceninja
If you really dislike FOUT, `font-display: optional` might be your jam
The story of FOUT is so fascinating. Browsers used to do it: show a "fallback" font while a custom font loads, then flop out the text once it has. The industry kinda hated it, because it felt jerky and could cause re-layout. So browsers changed and started hiding text until the custom font loaded. The industry hated that even more. Nothing worse than a page with no text at all!
fridayfrontend  css  fonts  webfonts  typography  fout  font-display 
august 2017 by spaceninja
6 Tips that Will Improve Your Typography on Your UI
Good typography takes a great deal of patience and attention to detail but when done thoughtfully, it can really elevate your design. I hope these tips help you with your design and make you more aware of some of the details that are considered when creating a typographic composition.
fridayfrontend  css  typography  design 
august 2017 by spaceninja
Font Aliasing, or How to Rename a Font in CSS
Are you tired of developers abusing the smooth traditionalism of Helvetica? Do you wish your web page was a little bit more fun? Do you also want to avoid discussing things with your peers? Well, do I have some code for you. Add this little block into your project and it will globally alias (rename) Helvetica to Comic Sans MS (and Chalkboard SE, browser support). (Yes, I know I recently wrote a blog post about anti-aliasing—that’s a different thing.)
fridayfrontend  css  fonts  webfonts  typography  local  aliasing 
august 2017 by spaceninja
« earlier      
per page:    204080120160

related tags

3d  5e  accents  accessibility  advice  aliasing  alignment  alt  analytics  antialiasing  antipatterns  api  aria  arial  ascii  async  awesome  background-clip  baseline  bestpractices  black  blur  bold  bookmarklets  box-decoration-break  box-shadow  browsers  bugs  bulletproof  buttons  calc  cfps  ch  characterentities  characters  cheatsheet  checklist  chinese  chrome  clamp  color  comics  commercial  communism  condensed  console  contenteditable  contrast  critical  css  cssbasics  cssgrid  customproperties  dashes  demos  depthoffield  design  designsystem  devtools  dnd  dropcaps  editors  edwardtufte  ellipsis  em  ems  entities  eot  fallback  faux  first-letter  flexible  fluid  focus  foft  foit  font  font-display  font-face  font-feature-settings  font-size  font-smoothing  font-variant  font-variant-numeric  fontawesome  fontdeck  fonts  fouc  fout  frameworks  free  fridayfrontend  frontend  generator  generic  github  glyphs  google  gradients  grammar  grids  guide  guides  gulp  hanging-punctuation  headers  helvetica  highlight  html  hyphenate-limit-chars  hyphens  icons  ie  ie6  ie7  ie8  initial-letter  inspiration  internationalization  ios  italic  italics  javascript  jokes  jquery  kerning  keyboard  language  layout  lazyload  leading  learning  length  less  letter-spacing  lettering  ligatures  line-height  linelength  lists  loader  local  locks  ltr  mac  margins  mask-image  masks  math  mediaqueries  medium  michaeljackson  mittromney  mixins  mobile  monospace  native  normalize  numbers  oblique  office  opensource  opentype  optimization  optimizelegibility  order  otf  overflow  overflow-wrap  parks  patternlibrary  performance  plugins  polish  preload  preparation  presentation  print  printing  progressive  proportional  punctuation  px  quickreference  quotes  raphlevien  readability  reference  rem  rendering  responsive  retina  rgba  rotate  routers  rpgs  rtl  rules  rwd  safari  sass  scale  scaling  semantics  shadows  shortcuts  skew  slides  small-caps  speaking  sprites  standards  stripes  styleguide  subpixel  svg  symbols  system  tables  tests  text-decoration-skip-ink  text-decoration-thickness  text-rendering  text-shadow  text-underline-offset  themes  tips  tokens  tools  tracking  tradition  transforms  transitions  trim  truncate  ttf  tuning  typekit  typesetter  typography  ui  underline  units  usability  utility  ux  variablefonts  variables  vertical  vertical-align  vh  video  viewport  vw  webapps  webfonts  webink  webkit  widows  windows  woff  word-wrap  wordpress  writing-mode 

Copy this bookmark:



description:


tags: