FitText.js
You-Dont-Need-Lodash-Underscore
FitText.js | You-Dont-Need-Lodash-Underscore | |
---|---|---|
8 | 25 | |
6,768 | 18,437 | |
- | 0.4% | |
0.0 | 6.2 | |
over 3 years ago | 20 days ago | |
HTML | JavaScript | |
- | 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.
FitText.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.
-
Ajusting text to fit in div
It does remind me of something I use to use about 15 years ago, called FitText although it's not meant for paragraphs, it's just meant for super large headings http://fittextjs.com/
-
need help with a bit of CSS
So making a card with a 50/50 height ratio should be easy if you use something like flex and hide any overflow from the title, for example. Having text always contain the same vertical and horizontal space is less trivial. You'll have to dynamically calculate the width and height of the container, and dynamically adjust the size of the text. This will likely require some JS. Maybe check out Percentext, Fittext, or search for alternatives to these.
-
How to auto resize text on canvas, to be, let's say 5 pixels from the edges?
fit Text is a js plugin that does this
-
I've built a Modern fluid typography editor using Svelte
What is the difference between this and http://fittextjs.com/ ?
- Make text smaller when there is more text?
- Font size is useless; let’s fix it
- Make text fit it's parent size using JavaScript
You-Dont-Need-Lodash-Underscore
- What are some of the best libraries you cannot work without?
-
[AskJS] I love new javascript frameworks and libraries. What are some cool ones?
These are all really outdated tips. Moment is deprecated and it is recommended to use dayJs or date-fns. Lodash is discouraged because it has a huge bundle size and nowadays you will find native functions which do most of the things people have used lodash before. https://github.com/you-dont-need/You-Dont-Need-Lodash-Underscore
-
No Lodash
https://github.com/you-dont-need/You-Dont-Need-Lodash-Unders... seems to be a more readable alternative to this website.
- An NPM package that you love and a package that you hate
-
Migrate jQuery to VanillaJS - UpgradeJS.com
Adjacently useful is https://github.com/you-dont-need/You-Dont-Need-Lodash-Underscore
-
What are your favorite, must-have packages when you're creating a project?
I never used lodash but I found this. Might interest you.
- How to Use Lodash in Svelte?
- Help! I removed unused node modules packages and I optimized the imports but the bundle size does not changed
-
I once tried not to use date-fns
In one of my team's Pull Requests I noticed date-fns being added as dependency for our components library for one usage: transform a timestamp to "MM/yy" string, as it represented a debit card's expiration date. Inspired by You don't (may not) need lodash/underscore, I thought to myself - can't we just implement a 2-digit month and 2-digit year formatting? It looks simple, right?
-
Lodash
Yes and no. We did but are converting to in-house code since most Lodash functions are already available as native JS and/or @babel/preset-env + core-js@latest (see: You don't need Lodash).
What are some alternatives?
Lettering.js - A lightweight, easy to use Javascript <span> injector for radical Web Typography
just - A library of dependency-free JavaScript utilities that do just one thing.
FlowType.JS - Web typography at its finest: font-size and line-height based on element width.
eslint-plugin-import - ESLint plugin with rules that help validate proper imports. [Moved to: https://github.com/import-js/eslint-plugin-import]
slabText - A jQuery plugin for producing big, bold & responsive headlines
ramda - :ram: Practical functional Javascript
BigText - jQuery plugin, calculates the font-size and word-spacing needed to match a line of text to a specific width.
eslint-plugin-svelte3 - An ESLint plugin for Svelte v3 components.
circletype - A JavaScript library that lets you curve type on the web.
babel-plugin-lodash - Modular Lodash builds without the hassle.
jquery-responsive-text
stdlib - ✨ Standard library for JavaScript and Node.js. ✨