GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects β†’ matejlatin β†’ Gutenberg

matejlatin / Gutenberg

Licence: other
A meaningful web typography starter kit.

Programming Languages

CSS
56736 projects
HTML
75241 projects
javascript
184084 projects - #8 most used programming language

Labels

csssasstypography

Projects that are alternatives of or similar to Gutenberg

Utility Opentype
Simple, CSS utility classes for advanced typographic features.
Stars: ✭ 481 (-82.6%)
Mutual labels:  typography, sass
Sing App
πŸ’₯Free and open-source admin dashboard template built with Bootstrap 4.5 πŸ’₯
Stars: ✭ 1,187 (-57.07%)
Mutual labels:  typography, sass
Typesettings
A Sass or Stylus toolkit that sets type in Ems based on modular scale, vertical rhythm, and responsive ratio based headlines.
Stars: ✭ 380 (-86.26%)
Mutual labels:  typography, sass
Simple Typography
A simple starting ground for beautiful typography on the web using Sass.
Stars: ✭ 311 (-88.75%)
Mutual labels:  typography, sass
Han
γ€ŒζΌ’ε­—ζ¨™ζΊ–ζ ΌεΌγ€ε°εˆ·ε“θˆ¬ηš„ζΌ’ε­—ζŽ’η‰ˆζ‘†ζžΆ Han.css: the CSS typography framework optimised for Hanzi.
Stars: ✭ 2,156 (-22.03%)
Mutual labels:  typography, sass
Personal Goals
List of books I've read, projects I've done, videos I've seen, articles I've read or podcasts I've listened to.
Stars: ✭ 75 (-97.29%)
Mutual labels:  typography, sass
Typi
A sass mixin to make responsive typography easy
Stars: ✭ 862 (-68.82%)
Mutual labels:  typography, sass
Graaf
A collection of pure CSS grids for designing your new projects
Stars: ✭ 186 (-93.27%)
Mutual labels:  typography, sass
Light Blue Dashboard
πŸ”₯ Free and open-source admin dashboard template built with Bootstrap
Stars: ✭ 110 (-96.02%)
Mutual labels:  typography, sass
Vertical Rhythm
Put some typographical vertical rhythm in your CSS. LESS, Stylus and SCSS/SASS versions included.
Stars: ✭ 83 (-97%)
Mutual labels:  typography, sass
Shevy
Configurable Vertical Rhythm & Typography for Sass
Stars: ✭ 177 (-93.6%)
Mutual labels:  typography, sass
Sassy Gridlover
Super easy to use Sass mixins to establish a typographic system with modular scale and vertical rhythm. Based on the Gridlover app.
Stars: ✭ 223 (-91.93%)
Mutual labels:  typography, sass
Epilogue
2 axes/Variable/18 styles/Sans
Stars: ✭ 104 (-96.24%)
Mutual labels:  typography
modern-fluid-typography-editor
Modern fluid typography editor
Stars: ✭ 222 (-91.97%)
Mutual labels:  typography
SplitType
Javascript utility that splits text into lines, words, characters for animation
Stars: ✭ 103 (-96.27%)
Mutual labels:  typography
ui-ux
The learning guide contains the Basics, Intermediate and Advance resources for User Interface and User Experience Design
Stars: ✭ 187 (-93.24%)
Mutual labels:  typography
huozi.js
A simple typography engine for CJK languages, especially designed for game rich-text. η”¨δΊŽζΈΈζˆε―Œζ–‡ζœ¬ηš„δΈ­ζ—₯ιŸ©ζ–‡ε­—ζŽ’ε°εΌ•ζ“Žγ€‚
Stars: ✭ 135 (-95.12%)
Mutual labels:  typography
jekyll-typogrify
A Jekyll plugin that improves the typography of your Liquid templates.
Stars: ✭ 26 (-99.06%)
Mutual labels:  typography
richtypo.js
HTML typography enhancer for Node.js
Stars: ✭ 116 (-95.8%)
Mutual labels:  typography
Tategaki
Translate Telegra.ph to vertical writing.
Stars: ✭ 80 (-97.11%)
Mutual labels:  typography
View All Similar Projects βž”

Gutenberg: A Meaningful Web Typography Starter Kit

Gutenberg is a flexible and simple-to-use web typography starter kit for web designers and developers. It’s a small step towards a better typography on the web. Beautiful typographic styles can be made by setting base type size, line-height (leading) and measure (max-width).

Gutenberg sets the baseline grid to establish a proper vertical rhythm and makes sure all elements fit into it. It sets up the macro typography so you can focus on the micro-typographic details.

The backbone of your typography.

β€”The Smashing Magazine

View an Example | Read the Docs

Installation

Gutenberg is built with Sass and Grunt. Fork or download the repository to get started.

npm install gutenberg-web-type

Why Gutenberg?

Johannes Gutenberg invented a printing press with movable type more than 500 years ago. His invention led to improved readability of books and enabled a distribution on a large scale. His invention improved a medium and took it to another level. This web typography starter kit aims to do exactly the same for another medium β€” the web.

Contributors

Gutenberg is an open source project licensed under Creative Commons 3.0. Feel free to use, adapt or contribute.

History

Follow @gutenbergtype for updates.

Gutenberg v1.2.3

Oct 4, 2016

  • Fixed minor bugs,
  • updated the gruntfile.js

Gutenberg v1.2.2

Aug 22, 2016

  • Added defaults to the config file

Gutenberg v1.2.1

Jun 1, 2016

  • Improved box-sizing,
  • fixed the import heading bug

Gutenberg v1.2

May 31, 2016

  • Project folder structure restructured and modularized thanks to @marcobiedermann

Gutenberg v1.1

Jan 20, 2016

  • Code optimized and simplified by use of mixins,
  • horizontal rule styling now more flexible with its own configuration,
  • Attention Grabber β€” a new element,
  • quotes β€” an alternative to blockquotes; can be floated,
  • added an option for paragraph indenting.

Gutenberg v1.0

Jan 20, 2016

  • Includes the basic elements: headings, paragraph, figure, blockquote & cite, horizontal rule, code, sub, sup, ul, ol, small,
  • Gutenberg reset β€” based on Normalize,
  • headings, body and links colors,
  • two default themes & custom theme options,
  • mobile first with a breakpoint for desktop screens,
  • sizes based on Perfect Fifth modular scale,
  • fixImgHeight.js β€” a small & lightweight script that resizes images so they fit the baseline grid.
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].