tiaanduplessis/tipograf

This repository has been archived on 21/Aug/2020
Stars
194
Rank 193,609 (Top 4 %)
Language
HTML
License
MIT License
Created over 7 years ago
Updated almost 5 years ago

tiaanduplessis/tipograf

tiaanduplessis

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Lightweight pure CSS typography base for your next project

Standard Readme

Github Watch Badge

Github Star Badge

Built with ❤︎ by Tiaan and contributors

Table of Contents

Table of Contents

About

tipograf is a Lightweight typography base. Heavily inspired by Medium, it tries to enforce good vertical rhythm. It's available in pure CSS, cssnext using PostCSS, Less or SCSS.

Highlights

Written entirely in relative units.
Highly customizable.
Lightweight(minified version being just 705 bytes when gzipped)

Install

Install with cdn

<link rel="stylesheet" href="https://unpkg.com/tipograf/dist/tipograf.css">
<!-- Or -->
<link rel="stylesheet" href="https://cdn.rawgit.com/tiaanduplessis/tipograf/master/dist/tipograf.css">
<!-- Or -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tipograf/1.0.4/tipograf.css">

Install with Bower

$ bower install tipograf

Install with npm

$ npm install tipograf

Install with yarn

$ yarn add tipograf

Usage

tipograf is highly customizable and should be changed to meet your preference 👍.

Demo

Check out the demo here.

Contribute

Contributions are welcome. Please open up an issue or create PR if you would like to help out.

Note: If editing the README, please conform to the standard-readme specification.

License

Licensed under the MIT License.

awesome-react-talks

😎 A curated list of talks about React or topics related to React

wenk

😉 Lightweight pure CSS tooltip for the greater good

kill-port

❌ Kill the process running on given port

awesome-react-native-talks

😎 A curated list of talks about React Native or topics related to React Native

dont-go

A small client-side library with zero dependencies to change the title and/or favicon of the page when it is inactive. 😌

react-native-google-maps-directions

🚕 Get direction using Google Maps in React Native 🚗

pomd

🍅 A good old cli based Pomodoro timer with native notifications

react-native-phone-call

Initiate a phone call in React Native

react-hook-form-persist

Persist and populate react-hook-form form using storage of your choice

coinmarketcap-api

CoinMarketCap API wrapper for node

hexo-theme-brewski

A minimal Hexo theme

nanoreset

Minimal CSS reset in less than 500 bytes

bolt-starter

UNMAINTAINED - ⚡ Rapid starter for your next React Native project ⚡

react-native-websocket

🔃 WebSocket API wrapped as a component for React Native

react-native-email

📮 Send a email using the Linking API

react-native-modest-checkbox

A modest checkbox component for React Native ✅

react-native-surrender

CLI script that clears Watchman, removes node_modules and cleans cache using npm or yarn

react-native-datepicker-modal

React Native DatePicker Modal Component for iOS/Android

dronk-expo

A social drinking game

awesome-go-talks

Curated list of talks related to the Go programming language

swifty-qr

Easy QR code scanning and generation

stoor

Storage wrapper with support for namespacing, timeouts and multi get/set and remove.

parcel-plugin-asset-copier

Copy static assets to your bundle dir

awesome-unstated

A collection of awesome things regarding Unstated.

react-native-modest-cache

💾 Simple cache for AsyncStorage

clipd

📎 Puny < 0.5kb copy to clipboard library

react-native-modest-storage

💾 A modest wrapper around the AsyncStorage API

react-native-fetch

🌍Fetch API wrapped as a component with support for retries & timeouts

shell-exec

Execute a command through the system shell

sort-by-distance

Sort array of points based on how close they are to a givin point

tenacious-fetch

Tiny fetch API wrapper to add support for retries with linear & exponential backoff and timeouts (651 Bytes)

jquery-bindings

Simple two-way data binding using proxies and requestIdleCallback

vs-code-js-hacker-pack

Opinionated collection of Visual Studio Code extensions focused on Javascript development

prettycoins

Get cryptocurrency info in your terminal

ra-auth-firebase

Firebase auth provider for React Admin

luno-api

Luno API wrapper

pkg-rename

CLI to quickly rename a npm package

react-native-bouncy-touchable

A bouncing touchable animated view

react-native-log-level

Multi level logger for React Native

react-native-scaling-utils

Simple scaling utilities for React Native

fuzzy-finder

🔎 Tiny fuzzy searcher (356 Bytes gzipped)

enforce-branch-name

Little utility to be used in conjunction with Husky to enforce a branch naming convention

svelte-autocomplete-select

Flexible, zero-dependency Autocomplete component for Svelte

image-to-uri

Convert image file to data URI

formik-error-focus

Scroll to the first error in your Formik form and set focus

react-native-sms-linking

Simple Linking API wrapper to send SMS

valid-south-african-id

🇿🇦 Perform regex and checksum match to check if given number string is a valid South African ID

reading

get-google-sheet

When you just need to get a public google sheet as JSON

tabby-mctabface

Nifty tab manager

flatten-unflatten

Flatten or unflatten a object (512 bytes)

react-native-retriable-fetch

🌐 DEPRECATED: use tenacious-fetch

react-native-view-finder

A flexible little View Finder component to be used in conjunction with react-native-camera

blob-to-base64

Convert Blob to base64

react-keycloak-context

A Keycloak provider for React

brewski

🍺 A artisan web microframework

clippy

Nifty little clipboard manager build with Electron

magnet-link-regex

Regex for magnet link

next-circular-dependency

Detect circular dependencies in your Next.js app

colors-regex

Regular expressions for rgb, rgba, hex, hexa, hsl & hsla colors

feature-flip

Flexible React & React Native feature flagging/flipping/toggling for simple use cases

react-pagemap

React wrapper for pagemap. Mini map for web pages.

license-o-matic

Generate SPDX license with ease

get-them-args

Parse argument options

react-qr-image

Generate a QR Image for your React app

slothy

Modern lazy loading of images

react-native-simple-snippets

✂️ A collection of React Native related snippets for VS Code

wedding

du Plessis wedding site

styled-funcs

Set of utility functions for working with styled components

keycloak-theme-starter

Starter theme for keycloak

json-reader-writer

Read or write to a JSON file synchronously

mebin

A personal information manager build with react-admin & Firebase

piratebay-search

Quickly search Piratebay 🏴‍☠️

gulp-inject-envs

Gulp plugin to inject environment variables

react-jam-icons

Jam icons as React Components via svgr

srt-to-ass-cli

Convert subtitles (SRT) to Advanced Substation Alpha (ASS)

assetflow-admin

Barebones asset management system build with react-admin

react-easy-hooks

🎣 Collection of useful React hooks

easy-password-gen

Generate a random password

fittxt

Modernized FitText.js

tiaanduplessis

react-native-jam-icons

Jam icons as React Native Components

check-please

Simple, composable validation

ra-data-firebase

Firebase data provider for React Admin

resume

Tiaan du Plessis's résumé

piggy-bank

🐷 Just a local, JSON based persistence option 🐷

pkg-readme

Generate a Standard Readme Style compliant README from your package.json

prompt

A minimal bash prompt with git info 💻

next-styled-nprogress

Add NProgress loader between pages in your Next.js App

mod10-check-digit

Calculate the check digit(mod10 algorithm)

gummybear-browser

Simple little browser build with Expo

compare-obj

Recursively compare 2 objects on a property bases to get the difference

one-rep-max

Calculate the maximum amount of force that can be generated in one maximal contraction

just-toasty

Simple, customisable toast notifications

get-random-excuse

Get a random excuse

sa-company-registration-number-regex

Regular expression for matching South African Company Registration Number

react-native-modest-app-link

Link to other app with Play Store/App Store fallback

template-lib

🔨 Scaffold a Javascript library

gulp-prettier-eslint

Gulp plugin for prettier-eslint

caaf

CLI tool for minification, purification and optimization of HTML, JS, CSS and image assets