Discover johno/tosh Open Source project by John Otander (@johno)

🌻[WIP] Gatsby Theme to build your own digital garden 🌻🥀🌸

376

digital-garden

A minimalist Gatsby Theme for documentation sites built with MDX and Theme UI

216

gatsby-theme-documentation

Get the contrast ratio and WCAG score between two colors in order to ensure accessibility

133

get-contrast

Push subdirectories in a monorepo to separate, read-only repositories

actions-push-subdirectories

A slightly different user experience for hard deletes.

deleted

Get a random accessible color combination

random-a11y-combo

An Ember component for gravatar image tags

ember-cli-gravatar

A regular expression for most valid domains (including the latest TLDs)

domain-regex

Normalize + and . emails -- [email protected] => [email protected]

normalize-email

Ember addon for including fake data in your app for testing or prototyping.

ember-faker

List of all CSS properties

css-properties

Ember addon for Remarkable markdown parsing helpers and components.

ember-remarkable

An Analysis of Ruby Optimization Techniques

ruby_optimization_techniques

Scrutinize a url by analyzing css, html, a11y, images, pagespeed, etc.

scrutinize

A minimalist Gatsby Theme for a glossary built with MDX and Theme UI

gatsby-theme-glossary

Linkify urls in an Ember app with a fancy helper

ember-linkify

Get the pinned repos for a github username

gh-pinned-repos

A minimal yeoman generator for npm packages.

generator-p

random-a11y-api

API for random-a11y

Rework CSS plugin for generating custom, lightweight flex grids.

rework-flex-grid

Remove CSS vendor prefixes from your source.

postcss-remove-prefixes

[WIP] A collection of Gatsby themes

gatsby-themes

Ember date helpers with locale support.

ember-cli-dates

Turn on do not disturb mode for OS X

do-not-disturb

Remove shorthand properties in your CSS

postcss-shorthand-expand

An Ember addon for SVG loading components.

ember-cli-loading

Handlebars

ember-cli-material-design-icons

Components for Google's Material Design Icons library

A nicer color palette for Rails apps.

clrs

Include BASSCSS in your Rails apps.

basscss-rails

[WIP] HyperTerm theme with a nostalgic flair

hypertosh

A grayscale color palette for prototyping the web.

gray

The minimal note taking script

Turn a css string and media query config into classes for each breakpoint

egghead-lessons

HTML

mqify

A gulp wrapper for the remarkable markdown parser (CommonMark spec).

gulp-remarkable

Archive your Rails models rather than delete them

archivable

[WIP] Minimal authorization through a plain old JavaScript object

pundit

TypeScript

style-hooks

[WIP] Experimenting with pure JS styles using React Hooks

A minimal blog theme built for those wanting to focus on their writing

gatsby-theme-austere

Suggest a domain when your users misspell it in an email address with mailcheck.js.

ember-mailcheck

App to create debug grids using css and background properties

ruled

Useful information to reference while building websites for humans

web-cannon

[WIP] A pleasurable snow tracking experience

An Ember addon for including Pure CSS.

ember-cli-pure

Comma delimit an array for human readability. The Oxford comma is optional.

humanize-list

[WIP] Style shell output in an html-like fashion

shtml

PostCSS plugin to get an object containing CSS variables and their values.

postcss-get-variables

Get latest ticker information for popular cryptocurrencies

coinr

Gulp plugin for converting CSS to Scss.

gulp-css-scss

Apply persistent, meaningful urls to your Rails app.

urls_for_humans

Generate a random hex color

random-hex-color

A collection of the highest quality, open source Jekyll themes.

jekyllsupply

Check whether a value is empty or blank, includes string whitespace support.

is-blank

A CLI tool to turn bower/npm off and on again.

turn-it-off-and-on-again

Where johnotander.com lives

johnotander.github.io

draper_example

An example that uses the Draper gem for Rails Decorators.

Ember components for a responsive, mobile-first grid system based on flex.

ember-flex-grid

Get an array of classes from HTML

get-classes-from-html

night-shift

Toggle OS X Night Shift

Add a class prefix to further sandbox CSS styling for third-party imports.

gulp-class-prefix

Check whether a CSS or JS string is minified.

is-minified

[WIP] A minimalist browser built for readability

papyrus

Get inlined CSS from an HTML string.

get-inline-styles

CSS linter for immutable selectors.

immutable-css-cli

A CSS variable transformer, supports Less, Sass, stylus and custom properties

css-variable

Get a particular query param from a url

get-query-param

An awesome CSS and HTML browser window for debuting apps.

browser.css

Considerations from @dougwig and @nickbender

dot-com-jokes

prettify-html

[WIP] Prettify your html

[WIP] Constraint based styling api based on styled-system

styled-api

[WIP] JAMStack website for Movax FC using Gatsby, Theme UI, and Airtable

movaxfc.com

Check whether a value is present (nonblank).

is-present

List of all CSS pseudo-elements.

pseudo-elements

Get a colorful rainbow string using chalk

chalk-rainbow

Node CLI to get WHOIS data for a given url

whois-cli

A minimalist starter for gatsby-theme-documentation

gatsby-starter-documentation-tomato

Retrieve the readme contents from a directory

get-readme

An Atom package for providing a visual cue for trailing whitespace with a subtle underline.

atom-underline-trailing-whitespace

Get the closest emoji representation of the weather

emojiweather

Filter CSS based on a given list of selectors

postcss-select

Check whether a string is a valid MAC address.

is-mac

Get a list of all named CSS colors.

css-color-list

Parse and return statistics for an html string

dom-stats

Get a list of all CSS pseudo-classes

pseudo-classes

Gatsby Themes example using component extension via shadowing

gatsby-theme-example-component-extending

Validates the email format with the email_regex gem.

email_format

Repeat class selectors to increase specificity

postcss-class-repeat

A Gatsby starter for your own dark-mode digital garden

gatsby-starter-digital-garden-dark

Elixir package to normalize urls

normalize_url

Elixir

ember-cli-rework

Use Rework CSS postprocessing in your Ember app.

dotfiles

Dotfiles, ftw

[UNMAINTAINED] A script for updating all the things: node, npm, brew, rvm, jekyll, etc.

updatr

Get CSS urls from a string.

get-css-urls

CLI to restore a Rails PostgresQL database from a backup. Infers db config from config/database.yml.

rails_pg_restore

GitHub Actions for yarn with support for lerna

actions-yarn

Dockerfile

svg-spin

Experiments with svg spinning

A blog starter for the Tosh Gatsby Theme

100

gatsby-starter-tosh