linkding

#css #javascript #tools #typography #webdesign | <blockquote>A powerful toolkit for building websites with beautiful design.</blockquote>

4 years ago | View Shared by ttscoff

Archetype, Digital Typography Design Tool by Our Own Thing, using Google web fonts

#calculator #css #font #rhythm #typography #webdesign

5 years ago | View Shared by ttscoff

matejlatin/Gutenberg: A meaningful web typography starter kit.

#.marked #css #typography #webdesign | Gutenberg - A meaningful web typography starter kit.

8 years ago | View Shared by ttscoff

I Left My System Fonts in San Francisco • furbo.org

#css #osx #typography | body { font-family: system, -apple-system, ".SFNSDisplay-Regular", "Helvetica Neue", "Lucida Grande"; }

9 years ago | View Shared by ttscoff

Sassline

#.blogit #css #rhythm #sass #typography #webdesign | If you design for the web, you've been inundated with typography talk for the last few years. Decade, really. There have been a few great tools to simplify vertical rythm, and more that have adapted for responsive design. Here's a collection of base typography styles and Sass mixins that make it simple.

9 years ago | View Shared by ttscoff

type.js

#.marked #css #javascript #typography #webdesign | Type.js allows you to write new CSS properties to take finer typographic control of type styles on the web.

9 years ago | View Shared by ttscoff

Viewport Sized Typography

#.blogit #css #typography #webdesign | Yes, Chris wrote this in 2012, but I'm just now finding time to play with it. The `vw` and `vh` sizing meaurements in CSS allow elements to size based on viewport dimensions. Played with it a bit and it's really cool in Chrome and Safari. I should probably start testing stuff in Firefox again...

9 years ago | View Shared by ttscoff

Gridlover

#blogit #css #typography #webdesign | A really handy tool for quickly generating baseline grids and vertical rhythm.

10 years ago | View Shared by ttscoff

IcoMoon App

#css #font #fonts #icons #symbols #typography | Browse and select icons to download them or make a font. You may use the Shift key to select multiple icons. You can import SVG images or fonts too.

12 years ago | View Shared by ttscoff