Top 23 HTML Open-Source Projects
Built-with Bootstrap 5 most popular front-end framework in developer community. So, you will have more flexibility and freedom while using these components or developing a site.
Microsoft owns Github. Github maintains Electron. Microsoft are moving Teams to use WebView2, sharing a single Chromium instance for all apps, reducing memory usage, which is the most common complaint for Electron.
This architecture has been obvious to everyone for a long time. Every Electron app could essentially be a webpage but with enhanced native API access.
Electron's future seems bleak. ESM support hasn't materialized (https://github.com/electron/electron/issues/21457). WebView2 will not be available on macOS until late 2022 [it seems](https://github.com/MicrosoftEdge/WebView2Feedback/issues/645#issuecomment-921551618).
Seems we are in one of these awkward transition periods, where you are forced to start a project on technology that you know will be deprecated in the near future sigh.
Anyone have insight/predictions?
🗂 The perfect Front-End Checklist for modern websites and meticulous developersProject mention: 12 Awesome GitHub Repos Developers will Love in 2021 | dev.to | 2021-08-24
Have you ever asked yourself what you need to have or test in your web application before launching it? The Front-End Checklist repository has you covered. The Front-End Checklist is an exhaustive list of all elements you need to have/to test before launching your website/HTML page to production. The table of contents includes:
A professional front-end template for building fast, robust, and adaptable web apps or sites.Project mention: 10 GitHub Repository every Web Developer should Know | dev.to | 2021-09-29
Link to the Repo
Ruby on RailsProject mention: Rails 7 introduces ActiveModel::API | reddit.com/r/ruby | 2021-10-15
Modern CSS framework based on FlexboxProject mention: Styling frameworks ? | reddit.com/r/codeigniter | 2021-10-10
There are a lot of CSS frameworks. Example: https://bulma.io/
Prettier is an opinionated code formatter.Project mention: Refactoring and Git Rebase | dev.to | 2021-10-15
To practice, I worked on refactoring my dodo-SSG project in a new branch that I called refactoring. I started by fixing the code format from previous contributions using prettier. I then changed the code to get rid of global variables. To do that, I had to split up some code into separate smaller functions. At each of these steps, I created a new commit to make sure I could easily go back to the previous version if anything broke (And things broke a lot while doing this!).
Run Linux Software Faster and Safer than Linux with Unikernels.
The zero configuration build tool for the web. 📦🚀Project mention: Bundle a React library with Parcel | dev.to | 2021-10-17
Checkout the Parcel website (Its pretty cool!) - Parcel
A terminal built on web technologiesProject mention: Frost glass terminal in linux? | reddit.com/r/commandline | 2021-10-15
It looks like hyper, https://hyper.is/.
Video.js - open source HTML5 & Flash video playerProject mention: 18 amazing 🤩 GitHub repositories that will help you 🪄 make a beautiful project | dev.to | 2021-09-03
A plugin that displays customizable markers upon progress bars of the video with Video.js. This could be used to show video breaks and show overlaid text on the video when playback reaches the specific break point.
⚡️ Front End interview preparation materials for busy engineersProject mention: Is there a cracking the coding interview book but solely for front end stuff? | reddit.com/r/webdev | 2021-10-05
A simple guide to HTML <head> elementsProject mention: 50 Tool Online For Front-end Developer | dev.to | 2021-08-21
HTML5 head elements is where you can find all the attributes used in the head tag such as meta, icons, social tags... HTML5 head elements
Fast, flexible, and lean implementation of core jQuery designed specifically for the server.Project mention: I built a job board for the Space industry! link in comments | reddit.com/r/webdev | 2021-10-09
- Web scraper: Cheerio and Puppeteer
Tabler is free and open-source HTML Dashboard UI Kit built on BootstrapProject mention: Ask HN: Any Good Alternatives to Tabler | news.ycombinator.com | 2021-10-09
Tabler (https://github.com/tabler/tabler) seems to have gone Semantic. Do you guys any goods alternatives for this otherwise amazing FE library?
A set of small, responsive CSS modules that you can use in every web project.Project mention: 3 Sites that make CSS easy! | dev.to | 2021-10-08
Bootstrap 5 & Material Design 2.0 UI KITProject mention: What is this layout called? | reddit.com/r/webdev | 2021-08-03
It seems "Chips" usually come with icons/images whereas "Tags" are simply made of text, according to Material Design Bootstrap | Github here
Lightweight, user-friendly onboarding tour libraryProject mention: How to make a tutorial for my website? | reddit.com/r/learnprogramming | 2021-06-30
Read this project to know more Rome
The next consideration I addressed was being able to easily write and run unit tests for vue-uhtml components. Having previously talked about a unit testing approach for Vue.js components, I was keen to apply the principle of “writing tests that assert your component’s public interface”. Before I could even think about writing component tests, I had to pick the most appropriate and well supported tooling. Vue’s documentation on testing and own vue-test-utils package makes this choice a foregone conclusion with Jest as a comprehensive test framework, and using vue-test-util’s wrapper based API to mount components in an isolated jsdom environment. While jsdom has provided a Custom Elements implementation since version 16, other Web Components APIs including Shadow DOM are not supported or reliable enough to be useful.
p5.js is a client-side JS platform that empowers artists, designers, students, and anyone to learn to code and express themselves creatively on the web. It is based on the core principles of Processing. http://twitter.com/p5xjs —Project mention: Getting started with p5 | dev.to | 2021-10-17
This is the site: https://p5js.org/
🍞📝 Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible.Project mention: My pain building a WYSIWYG editor with contenteditable | reddit.com/r/webdev | 2021-09-17
What are some of the best open-source HTML projects? This list will help you:
|5||Ruby on Rails||49,223|
|23||TOAST UI Editor||13,724|
Are you hiring? Post a new remote job listing for free.