Manage all types of time series data in a single, purpose-built database. Run at any scale in any environment in the cloud, on-premises, or at the edge. Learn more →
Top 23 HTML JavaScript Projects
-
-
Note that in previous editions, the ECMAScript® Language Specification used the term "lexical environment" before it decided to rename it to "Environment Record" so you might encounter this term in other definitions and tutorials.
-
Appwrite
Appwrite - The open-source backend cloud platform. Add Auth, Databases, Functions, and Storage to your product and build any application at any scale while using your preferred coding languages and tools.
-
I'd like to share my latest discovery with you. TW Elements is currently, the most popular 3rd party UI kit for TailwindCSS with over 10k Github stars. It's a huge collection of stunning components made with attention to the smallest detail. Forms, cards, buttons, and hundreds of others. All components have dark mode and very intuitive theming options. The project is supported by an engaged community on GitHub, I recommend you check it out and join one of the many discussions. You will find installation instructions here, and you can track the progress of the project live here. The project was kickstarted by @mdbootstrap, a group of open-source developers behind MDB UI Kit - a high-quality UI kit for Bootstrap, and also behind MDB GO - hosting and deployment platform. I highly recommend you to check it out!
-
js-the-right-way
An easy-to-read, quick reference for JS best practices, accepted coding standards, and links around the Web
😎 A reference for best JS practices and accepted coding standards. -> js-the-right-way
-
I have used Markdown before (https://dillinger.io/) so wouldn't have a problem with using it again as long as on page SEO isn't any extra effort. I am not sure how I would use Markdown and then add the content to the blog to be deployed and if that is going to be much harder than a headless CMS, I would go for the headless.
-
Project mention: I need automatic source URLs when I paste any text onto a card or note, like on OneNote. | /r/ObsidianMD | 2023-04-20
// Original script // https://gist.github.com/kepano/90c05f162c37cf730abb8ff027987ca3 // Bookmarklet Converter // https://caiorss.github.io/bookmarklet-maker/ // Libraries // https://github.com/mixmark-io/turndown // https://github.com/mozilla/readability javascript: Promise.all([import('https://unpkg.com/[email protected]?module'), import('https://unpkg.com/@tehshrike/[email protected]'), ]).then(async ([{ default: Turndown }, { default: Readability }]) => { /* Optional vault name */ const vault = ""; /* Optional folder name such as "Clippings/" */ const folder = "Clippings/"; /* Optional tags */ const tags = ""; function getSelectionHtml() { var html = ""; if (typeof window.getSelection != "undefined") { var sel = window.getSelection(); if (sel.rangeCount) { var container = document.createElement("div"); for (var i = 0, len = sel.rangeCount; i < len; ++i) { container.appendChild(sel.getRangeAt(i).cloneContents()); } html = container.innerHTML; } } else if (typeof document.selection != "undefined") { if (document.selection.type == "Text") { html = document.selection.createRange().htmlText; } } return html; } const selection = getSelectionHtml(); const { title, byline, content } = new Readability(document.cloneNode(true)).parse(); function getFileName(fileName) { var userAgent = window.navigator.userAgent, platform = window.navigator.platform, windowsPlatforms = ['Win32', 'Win64', 'Windows', 'WinCE']; if (windowsPlatforms.indexOf(platform) !== -1) { fileName = fileName.replace(':', '').replace(/[/\\?%*|"<>]/g, '-'); } else { fileName = fileName.replace(':', '').replace(/\//g, '-').replace(/\\/g, '-'); } return fileName; } const fileName = getFileName(title); if (selection) { var markdownify = selection; } else { var markdownify = content; } if (vault) { var vaultName = '&vault=' + encodeURIComponent(`${vault}`); } else { var vaultName = ''; } const markdownBody = new Turndown({ headingStyle: 'atx', hr: '---', bulletListMarker: '-', codeBlockStyle: 'fenced', emDelimiter: '*', }).turndown(markdownify); var date = new Date(); function convertDate(date) { var yyyy = date.getFullYear().toString(); var mm = (date.getMonth()+1).toString(); var dd = date.getDate().toString(); var mmChars = mm.split(''); var ddChars = dd.split(''); return yyyy + '-' + (mmChars[1]?mm:"0"+mmChars[0]) + '-' + (ddChars[1]?dd:"0"+ddChars[0]); } const today = convertDate(date); // This is the output template // It is similar to an Obsidian core template // except to insert a value we use: ${value} instead of {{value}} const fileContent =`--- type: clipping date_added: ${today} aliases: [] tags: [${tags}] --- author:: ${byline.toString().split('\n')[0].trim()} source:: [${title}](${document.URL}) ${markdownBody} `; // This copies your text to the clipboard navigator.clipboard.writeText(fileContent); // This creates a new document in Obsidian containing your clipping // I commented it out as this isn't what you asked for /* document.location.href = "obsidian://new?" + "file=" + encodeURIComponent(folder + fileName) + "&content=" + encodeURIComponent(fileContent) + vaultName; */ })
-
GoJS, a JavaScript Library for HTML Diagrams
JavaScript diagramming library for interactive flowcharts, org charts, design tools, planning tools, visual languages.
Project mention: Burning money on paid ads for a dev tool – what we've learned | news.ycombinator.com | 2023-09-29Have spent six figures yearly on ads, mostly for reach for the developer-focused diagram library GoJS (https://gojs.net)
> Each experiment will need ~$500 and 2 weeks
I would add a zero if you want serious data. I would also double the timescale. $5,000 over 4 weeks
I second the uselessness of Google Display, it might look like conversions numbers are good but they are 100% too good to be true. As soon as you look into them you find the sources are things like "ad from HappyFunBabyTime Android app". You have to ruthlessly prune daily for months to get anything real, and even then I'm skeptical of value. For a developer tool with very strict conversion metrics!
But I disagree on Google Search:
> Good for conversion, bad for awareness.
Before we were popular it was excellent for awareness. Post popularity its much more arguable.
-
Onboard AI
Learn any GitHub repo in 59 seconds. Onboard AI learns any GitHub repo in minutes and lets you chat with it to locate functionality, understand different parts, and generate new code. Use it for free at www.getonboard.dev.
-
Current Status: You'd have to check the TC39 proposals repository or the official proposal text for the most recent status. As of my last update, it had not yet reached Stage 4 (final stage) of the TC39 process, which means it wasn't part of the ECMAScript specification yet.
-
-
I am sure there are other use cases, that why there are some tools used for, such as the https://github.com/robinmoisson/staticrypt, this tool/feature was also requested by users.
-
Project mention: Google Docs adds tracking to links in document exports | news.ycombinator.com | 2023-10-05
Hey, very happy to see you so enthusiastic!
I'll be sure to transmit your feedback to the CryptPad team.
I'm not an expert myself so while I might know some stuff, it'd be better to talk to them directly.
Come say hello on the Matrix #cryptpad-general channel [1], don't hesitate to open issues on the bug tracker, and to browse the CryptPad's website [2].
-
I used HTMX since the intercooler days [0] but the stuff you can make is rather limited. Also you still need the JS to deal with a11y things like expanded state (or hyperscript, apparently).
If you have a lot of components to implement, everything requires thinking.
I really love it for simple applications though. Resist implementing a complicated menu, live notifications, an editable data-table and such non-web-native things and you can create the fastest CRUD app ever.
And you will need another client, but that's not really an issue if your view model does not contain non-public data (it shouldn't), as you can convert it to JSON at the same endpoint and call it an API.
-
Project mention: We're building a browser when it's supposed to be impossible | news.ycombinator.com | 2023-04-11
We have our own test suite (orginally derived from the test suite of Meta's Yoga layout library [0]) which consists of text fixtures that are small HTML snippets [1] and a test harness [2] that turns those into runnable tests, utilising headless chrome both to parse the HTML and to generate the assertions based on the layout that Chrome renders (so we are effectively comparing our implementation against Chrome). We currently have 686 generated tests (covering both Flexbox and CSS Grid).
We would like to utilise the Web Platform Test suite [3], however these are not in a standard format and many of the tests require JavaScript so we are not currently able to do that.
[0]: https://github.com/facebook/yoga
[1]: https://github.com/DioxusLabs/taffy/tree/main/test_fixtures
[2]: https://github.com/DioxusLabs/taffy/tree/main/scripts/gentes...
[3]: https://github.com/web-platform-tests/wpt/tree/master/css/cs...
-
-
BotBuilder-Samples
Welcome to the Bot Framework samples repository. Here you will find task-focused samples in C#, JavaScript and TypeScript to help you get started with the Bot Framework SDK!
-
-
git clone https://github.com/stisla/stisla.git
-
JSON Viewer (Chrome Extension) Have a pretty visualization of JSON files when they are open in your explorer. github.com/tulios/json-viewer
-
-
Project mention: Adyen Tech Academy: Taking Onboarding and Upskilling to The Next Level | dev.to | 2022-12-23
There's also a whole bunch of knowledge that exists outside the company, and hearing different ideas always helps us to sharpen our perspectives. To that end, we do our best to invite world-class engineers to give talks at Adyen. Sam Newman (the author of Monoliths to Microservices), Steve Freeman (Growing Object-Oriented Systems Guided by Tests), Yehonathan Sharvit (Data-Oriented Programming), and Gergely Orosz (The Pragmatic Engineer) are a few of the names we had this year. We also have invited academics to talk about their research. Michael Hilton (who spoke about mob programming), Jonathan Bell (flaky tests) and Burcu Kulahcioglu Ozkan (testing distributed systems) are among the speakers.
-
-
-
InfluxDB
Collect and Analyze Billions of Data Points in Real Time. Manage all types of time series data in a single, purpose-built database. Run at any scale in any environment in the cloud, on-premises, or at the edge.
HTML JavaScript related posts
- Just started lock picking about 5 minutes ago. Got this no.3 master lock. Box said “improved pin and tumbler for harder picking.” Doubt it.
- Can I pick your brains?
- You Don't Need JavaScript
- LPU Belt Explorer -- New Feature! Track your collection!
- Before and after image slider in pure CSS
- 📦🔓Closures in JavaScript decoded
- How to Create an Awesome Landing Page 💻 📱 with Tailwind CSS(Step-by-Step guide)
-
A note from our sponsor - InfluxDB
www.influxdata.com | 8 Dec 2023
Index
What are some of the best open-source JavaScript projects in HTML? This list will help you:
Project | Stars | |
---|---|---|
1 | You-Dont-Need-JavaScript | 18,662 |
2 | ecma262 | 14,477 |
3 | TW-Elements | 12,269 |
4 | js-the-right-way | 8,635 |
5 | dillinger | 7,790 |
6 | to-markdown | 7,486 |
7 | GoJS, a JavaScript Library for HTML Diagrams | 7,217 |
8 | proposal-pipeline-operator | 7,184 |
9 | clappr | 6,811 |
10 | staticrypt | 5,670 |
11 | expressjs.com | 5,017 |
12 | CryptPad | 4,762 |
13 | intercooler-js | 4,696 |
14 | wpt | 4,503 |
15 | supercookie | 4,312 |
16 | BotBuilder-Samples | 4,172 |
17 | pnotify | 3,647 |
18 | stisla | 3,471 |
19 | json-viewer | 3,183 |
20 | tagify | 3,136 |
21 | klipse | 3,071 |
22 | Dopefolio | 3,003 |
23 | modular-admin-html | 2,925 |