Raybo.org

Do you know the unicode for an arrow? Me neither, so I'm glad I found this site with the common codes for all the weird characters I don't remember.

Guide to HTML Head Elements

Your head might need some aspirin after taking a peek at this site with exhaustive information on just about everything that could go in the HEAD section of your site.

Picking a Good Line Height

I'm often unhappy with the line-height settings for my CSS, so this site lets you calculate the optimal line-height visually for different fonts sizes. Cool.

System Font Stack

Instead of loading custom fonts, you can easily use device defaults instead. This site has a list of what to set your CSS to if you want to start your designs with the fast loading build-in fonts for most devices.

Flexbox Patterns...FTW-For The Win

All the cool kids love to tell you how great CSS Grid is, but Flexbox still has a lot of Mojo and is better for some things. This cool site has a number of prebuilt patterns for different layouts using Flexbox...Take that...CSS Gridsters.

MilkDown-Pluggable Markdown Editor

Lightweight and powerful, I didn't think I would like this markdown editor, but it's pretty terrific. LaTex math equations, table support, copy and paste markdown, Collaboration and emoji support.

| Aug 27, 2021

Hypercolor - Tailwind/CSS Color Gradients

I can be a bit color challenged, so I appreciate a good site with inspiring gradients gives me the Tailwind or CSS code quickly. Great interface with lots of customization options.

Daisy UI - Component Library for Tailwind CSS

Tailwind is really just an engine for building components, but it doesn't include any components of it's own. Daisy UI uses Tailwind CSS and it gives you a set of components to build sites quicker. It installs as a Tailwind CSS plugin so it's easy to add to your existing project. Think of it as the missing Bootstrap-style link to Tailwind CSS.

Tailwind Kit - UI Components for Tailwind CSS

A beautiful UI component showcase for Tailwinds UI. It has a lot of smaller elements like buttons, forms, navigation and lists as well as larger templates for bigger things. Over 250 components and templates that are also React/Vue/Angular compatible.

Tailblocks - Free Tailwind CSS Component Code

Tailwinds CSS is great, but it doesn't come with any built in components. A few industrious developers have been creating their own. This is a pretty good selection of ready to go components with everything from ecommerce, navigation, testimonials and blog elements you can copy and paste from. It also has an easy to use interface to copy and preview the blocks.

Notistack - React Compatible Notification Library

This is a really nice library for building notifications with React with a lot of options. The best part is the way the examples section lets you choose the different options and it builds the code for you. I wish every demo worked like this.

JS Zip - Read, Write and Create Zip Files

This JavaScript library gives you tools to read, write or create Zip files directly from JavaScript, which gives you access to content stored as zip files on your server, or the ability to quickly zip a group of files through your own projects. I'm putting that into my...might be useful at some point bucked.

Github CLI 2.0 - Now with Extensions support

There's a new version of the Github CLI and this one provides an extensible framework that allows other developers to contribute content to the platform. The CLI is interesting in that you can use it to do a lot of stuff directly in Github. I like using it for creating issues directly from within a project. I can't wait to see what developers do with this.

Coming Soon: CSS Imports in JavaScript

Microsoft and Google have struck an agreement that will bring easy CSS Imports through script tags. This has some performance improvements over the link attribute, which is the current way to load up a CSS file. They can be directly applied as import statements into existing JS files and is similar to the way JavaScript modules work.

Tailwind Buttons