csswizardry-grids
Lettering.js
Our great sponsors
csswizardry-grids | Lettering.js | |
---|---|---|
2 | 5 | |
1,491 | 5,394 | |
- | - | |
0.0 | 0.0 | |
about 1 year ago | almost 4 years ago | |
CSS | JavaScript | |
GNU General Public License v3.0 or later | - |
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.
csswizardry-grids
-
CSS Deep
csswizardry/csswizardry-grids - Simple, fluid, nestable, flexible, Sass-based, responsive grid system.
-
Elements of Functional CSS
Somewhere between 2015 and 2016, I stumbled on something called csswizardry grids, written by Harry Roberts and it lit a light-bulb in my head. If you take a look at the Github page at https://github.com/csswizardry/csswizardry-grids/blob/master/csswizardry-grids.scss, all of the rulesets have exactly one rule in them.
Lettering.js
-
The elements of responsive typography
You could also use a JavaScript library FitText.js, FlowType.js, or Lettering.js to easily apply fluid typography to your project with zero stress.
-
Letter-Spacing extend just for specific characters numbers
I bookmarked this at some point a while back but haven't used it yet. So, I can't vouch for it working but conceptually it is the thing. https://github.com/davatron5000/Lettering.js
-
hi @webflow developers can you pls add the option to add stroke to text would be really helpful . tnx
probably just need to do this with CSS it's not a very common thing... and you could ensure more browser compatability. https://css-tricks.com/adding-stroke-to-web-text/ also this? http://letteringjs.com
-
21 Popular JavaScript Libraries Every Web Developer Should Know
Lettering is an interesting JavaScript library for texts. You can style and layout individual texts on your page, including implementing some cool transitions and animations. Lettering JS is a jQuery plug-in. Hence, it requires jQuery to work.
-
CSS Deep
davatron5000/Lettering.js - A lightweight, easy to use Javascript injector for radical Web Typography
What are some alternatives?
FitText.js - A jQuery plugin for inflating web type
circletype - A JavaScript library that lets you curve type on the web.
novacancy.js - Text Neon Golden effect jQuery plug-in
FlowType.JS - Web typography at its finest: font-size and line-height based on element width.
slabText - A jQuery plugin for producing big, bold & responsive headlines
jquery-responsive-text
simple-text-rotator - Add a super simple rotating text to your website with little to no markup
BigText - jQuery plugin, calculates the font-size and word-spacing needed to match a line of text to a specific width.
chardin.js - Simple overlay instructions for your apps.
storefront - Official theme for WooCommerce
hugo-tufte - Content centric Hugo blogging theme styled with Tufte-css
SnappySnippet - Chrome extension that allows easy extraction of CSS and HTML from selected element.