Our great sponsors
numeric | jQuery | |
---|---|---|
1 | 166 | |
1,412 | 58,890 | |
- | 0.3% | |
10.0 | 8.5 | |
over 5 years ago | 3 days ago | |
JavaScript | JavaScript | |
GNU General Public License v3.0 or later | 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.
numeric
-
Ask HN: How to build online calculator website?
Here's my personal goto:
Find some minimal CSS framework. My preference is Skeleton [0] or Bootstrap [1]. The key is just finding something minimal that works without too much fuss. Personally, I rather have a minimal framework provide 'responsiveness' so I don't have to worry about it but I also want it to get out of the way of anything I do.
Use JQuery [2]. Don't rely on CSS for animations or interactivity. In theory CSS does a lot. In practice it's a nightmare to use and to get it play well with whatever else I'm doing in the page.
Write in "bare" HTML and "vanilla" JavaScript. Don't use a static site generator and don't use a JavaScript framework.
Port in JavaScript libraries as needed. Some of the ones I tend to use are numeric.js [3], downlaod.js [4] and audience-minutes [5]. If you're doing spreadsheet things, maybe there's some JS package out there that will help.
Doing "raw" HTML/"vanilla" JavaScript makes me effectively unhirable but for limited scope side projects where I have full control and want to minimize bit-rot, this is fine.
The point is to create something that's minimal and focuses on functionality. The CSS is just there to make it not look like a Web 1.0 page but otherwise steps out of the way to focus on the actual usage of the application.
For context, here are some projects where I've used this philosophy (all open source, feel free to pilfer): Noixer [6], Resonator Voyant Tarot [7], Boston Train Track (now defunct) [8], CalebHarrington.com (an artist friend) [9], What Is This License [10], HSV Hero [11].
[0] http://getskeleton.com/
[1] https://getbootstrap.com/
[2] https://jquery.com/
[3] https://github.com/sloisel/numeric
[4] https://github.com/rndme/download
[5] https://github.com/berthubert/audience-minutes
[6] https://mechaelephant.com/noixer/
[7] https://abetusk.github.io/ResonatorVoyantTarot/
[8] https://github.com/abetusk/bostontraintrack
[9] https://calebharrington.com/
[10] https://mechaelephant.com/whatisthislicense/
[11] https://mechaelephant.com/hsvhero
jQuery
-
How to Create an Auto-typing Feature in JavaScript
In this article, we will implement the auto typing feature using JavaScript and jQuery, as shown in the video below.
-
8 NPM Packages for JavaScript Beginners [2024][+tutorials]
Cheerio is your ticket to the world of server-side magic, allowing you to manipulate HTML and XML documents with jQuery-like syntax. It’s perfect for web scraping, data extraction, or just making sense of the mess that is web content. With Cheerio, you get to play around with the DOM, use CSS selectors, and basically do all the cool things you'd do in the browser, but server-side.
- Ask HN: Tips to get started on my own server
- jQuery v4.0.0 Beta
-
A step-by-step guide: How to create and publish an NPM package.
NPM packages include a wide range of tools such as frameworks like Express or React, libraries like jQuery, and task runners such as Gulp, and Webpack.
- jQuery 4.0.0 is finished, pending official release
-
TSDocs.dev: type docs for any JavaScript library
Great reference.
To this date, one of the best well-documented code is jQuery: https://github.com/jquery/jquery/blob/main/src/core/init.js
I learned a lot from looking into the code.
- What's New in jQuery 4.0
- jQuery 4.0 99% Complete
What are some alternatives?
audience-minutes - generate statistics on the number of audience minutes your site is generating, and if readers make it to the end of your screeds
Alpine.js - A rugged, minimal framework for composing JavaScript behavior in your markup.
ResonatorVoyantTarot - An experiment in creating generative tarot cards.
Tailwind CSS - A utility-first CSS framework for rapid UI development.
htmx - </> htmx - high power tools for HTML
cash - An absurdly small jQuery alternative for modern browsers.
Bulma - Modern CSS framework based on Flexbox
lodash - A modern JavaScript utility library delivering modularity, performance, & extras.
Water.css - A drop-in collection of CSS styles to make simple websites just a little nicer
Alpine
streamlit - Streamlit — A faster way to build and share data apps.
TypeScript - TypeScript is a superset of JavaScript that compiles to clean JavaScript output.