Top 23 HTML Open-Source Projects
Since the project uses Bootstrap, I could refer to their documentation to create a card component and customize it to match the example as closely as I can.
Scout APM: A developer's best friend. Try free for 14-days. Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.
🗂 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: (rant) Is there ANY framework or toolkit that isnt outrageously difficult to configure before you even write a single line of code? | reddit.com/r/webdev | 2021-11-26
I find angular cli pretty straight forward, for smaller projects I like html5 boilerplate
Ruby on RailsProject mention: Require user sign in per browser tab? | reddit.com/r/rails | 2021-11-19
Surely it should be possible to write a custom session store for this.. See the cookie store driver for example.
Modern CSS framework based on FlexboxProject mention: The React roadmap for beginners you never knew you needed. | dev.to | 2021-11-23
Prettier is an opinionated code formatter.Project mention: I know that many of you might disagree, but this is the way | reddit.com/r/ProgrammerHumor | 2021-11-30
A linter is a tool that analyzes your code for how it is styled (where do curly braces go etc) but can also do things like checking if variables are correctly named or not mutated. In the webdev world 2 popular linting tools are https://prettier.io and https://eslint.org :)
Run Linux Software Faster and Safer than Linux with Unikernels.
A terminal built on web technologiesProject mention: Can someone please explain what a bash and shell are? | reddit.com/r/learnprogramming | 2021-11-29
Zsh is actually the default shell in MacOS now, for what its worth. Iterm2 has features regarding session management via profiles, tabs for multiple sessions, etc. The default terminal in MacOS is just fine, but if you find yourself using the terminal every day, iTerm2 is definitely a step up. There are other Terminals though such as Hyper: https://hyper.is/ which has the hilarious and amazing HyperPower plugin: https://hyper.is/store/hyperpower.
You can play video and audio in browser using HTML5 and JS. The VideoJS library can be helpful.
⚡️ Front End interview preparation materials for busy engineersProject mention: Facebook Frontend Internship | reddit.com/r/csMajors | 2021-11-30
You can search for “front end engineer/developer” under interview > job titles. If you still can’t find them, virtually all you need is here - https://frontendinterviewhandbook.com. Sorry I can’t go into the details, but the above should be more than enough
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
:green_book: SheetJS Community Edition -- Spreadsheet Data ToolkitProject mention: Tips for Making a Popular Open-Source Project in 2021 [Ultimate Guide] | news.ycombinator.com | 2021-11-12
Maybe a story from a maintainer would help. To contextualize, the main SheetJS open source project https://github.com/SheetJS/sheetjs has over 28K stars.
tl;dr: the project involves "crowdsourced research" which benefits from popularity.
The main social goal with the project is data preservation and integrity. Large-scale economic and political decisions are made from data and analyses in spreadsheets. For example, last year in the UK, COVID cases were underreported thanks to Excel minutiae https://www.bbc.com/news/technology-54423988
Due to various corporate stratagems, the older data representations were intentionally obfuscated. To support Excel, many developers poked around at Excel files and guessed at the structures.
In this environment, the biggest challenge is finding worksheets with random corner cases. These types of files are not easy to create and fuzzing has limited effectiveness. This is where open source and popularity come into play. The open source and JS nature of the project helps reduce testing friction (https://oss.sheetjs.com/ runs in the web browser, no need to install anything) and encourage bug reports with test cases.
There will always be "entitled users" and "low quality bug reports" but that comes with the territory. There are also meaningful issues and code contributions. Efforts at trying to prevent the low quality contributions also discourage higher quality contributions.
cheerio to parse the HTML structure of an incoming email and filter out the link we need to click to verify our email address by an attribute (in this case the text Content of the link but it could be any html attribute)
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: Just wondering...anyone else here use HTML, CSS, and Vanilla JS exclusively? | reddit.com/r/webdev | 2021-11-12
I use https://purecss.io/ all the time
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
Again, if js is so fast, why rome (https://rome.tools/) is being rewritten to rust?
jsdom, full-featured, but slow, the default option in jest
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: Creative coding with Replit | dev.to | 2021-11-24
🍞📝 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
HTML related posts
Forgotten program: Note taking or writing app where you can deep dive into words like a wiki, each one opening further and further to the right...
1 project | reddit.com/r/software | 1 Dec 2021
Facebook Frontend Internship
1 project | reddit.com/r/csMajors | 30 Nov 2021
Programadores de r/mexico, ¿cuál es su opinión sobre los bootcamps?
1 project | reddit.com/r/mexico | 30 Nov 2021
Aging is such a burden to me
1 project | reddit.com/r/Advice | 30 Nov 2021
Anyone want to start the Odin Project with me?
1 project | reddit.com/r/ProgrammingBuddies | 30 Nov 2021
Self Learning to be a full stack developer
1 project | reddit.com/r/learnprogramming | 30 Nov 2021
1 project | reddit.com/r/django | 29 Nov 2021
What are some of the best open-source HTML projects? This list will help you:
|5||Ruby on Rails||49,471|
|23||TOAST UI Editor||13,894|
Are you hiring? Post a new remote job listing for free.