values.js
Google Fonts
values.js | Google Fonts | |
---|---|---|
2 | 491 | |
267 | 17,611 | |
- | 1.0% | |
0.0 | 9.9 | |
3 months ago | 4 days ago | |
JavaScript | HTML | |
MIT License | - |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
values.js
-
Building a tints and shades colour generator with React and Values.js
Values.js is an open-source package that enables us to generate the tints and shades of any colour.
-
Create a color generator React App with Clipboard-Copy function function.
You can check out the whole API introduction on https://github.com/noeldelgado/values.js
Google Fonts
-
React website sample for portfolio
I first checking out any good fonts on Google font that fits the theme of the website. I select the Nunito as I could feel the playful vibe behind it.
-
Optimizing Fonts and Images (Next.js)
Visit Google Fonts and search for Lusitana to see what options are available.
- Google Fonts: Can't use the /download URLs to fetch static font files
-
An Afternoon with SVGs | Frontend Challenge Entry
Next I spruced up my form's visuals a bit by heading to Google Fonts and finding one that had camping vibes - eventually landing on Amatic SC. Then I had the wild idea of making the form look like a piece of paper, so that I could make the submit button fold the paper up into an envelope or paper airplane and fly off screen if it was submitted successfully (This was EXTREMELY high hopes and I didn't even get around to trying to start this animation in the time I allotted myself 😂). I started by trying to find a crumpled paper look on sites like Hero Patterns, but eventually found myself on this codepen:
-
Button Component with RiotJS (Material Design)
BeerCSS supports Material Fonts by default, here is the list of all icons: https://fonts.google.com/
-
Free Resources Every Web Developer Should Know About
Google Fonts (https://fonts.google.com/)
-
100+ FREE Resources Every Web Developer Must Try
Google Fonts
-
How to Structure Your Vision Board with HTML
==>Click here to access Google Fonts!
- Variable Fonts
-
A CSS Guide to Fonts
==> Click here to visit Google Fonts! ==> Click here to visit Adobe Fonts!
What are some alternatives?
culori - A comprehensive color library for JavaScript.
inter - The Inter font family
temp-color - Convert temperature (°C | °F) to RGB
source-code-pro - Monospaced font family for user interface and coding environments
color-tools - Useful color tools for your next JavaScript project.
fontsource - Self-host Open Source fonts in neatly bundled NPM packages.
tints-shade-generator - An web application that generates tints and shades of various colours based on the user's input.
JetBrainsMono - JetBrains Mono – the free and open-source typeface for developers
color-generator
PrusaSlicer - G-code generator for 3D printers (RepRap, Makerbot, Ultimaker etc.)
HSL_Colorpicker - 基于Javascript的HSL拾色器,做游戏的时候需要一个HSL拾色器,找了一圈没有找到合适的,所以手写一个
Font-Awesome - The iconic SVG, font, and CSS toolkit