|5 days ago||5 days ago|
|Apache License 2.0||Mozilla Public License 2.0|
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.
1 project | reddit.com/r/webdev | 21 May 2022
https://developers.google.com/web/tools/lighthouse/ or in the chrome devtools
Can you guys tell me why my website is soooo slow?
1 project | reddit.com/r/webdev | 4 May 2022
As you said, there are a few huge images that aren't optimized. You can use tools like Google Lightouse or Koalati to detect potential issues and find things that can be improved.
Întrebare legată de Web Semantic
1 project | reddit.com/r/programare | 12 Apr 2022
Astea au și tool-uri de validare destul de bine puse la punct: https://developers.google.com/search/docs/advanced/structured-data + https://wave.webaim.org/ sau https://www.accessi.org/ sau chiar https://developers.google.com/web/tools/lighthouse/
Watching your Core Web Vitals on Jamstack
4 projects | dev.to | 8 Apr 2022
Lighthouse tests are a helpful method to measure your web vitals — you can run Lighthouse tests from Chrome DevTools, via the Lighthouse Chrome Extension, or in the command line:
Building an offline-first application with Node.js and SQLite
3 projects | dev.to | 8 Apr 2022
Now let's check if we properly set up our PWA using a Google Lighthouse check. Right-click on your browser and select "inspect." On the inspect tabs, select lighthouse and click on generate report. If everything went well with your application, you should see an output like the one in the screenshot below:
Show HN: Datagridxl2.js – No-nonsense fast Excel-like data table library
8 projects | news.ycombinator.com | 5 Apr 2022
Lighthouse  Accessibility audit/ scores can be a good tool to check A11Y issues automatically, and it is fairly easy to integrate into your CI/CD Pipelines to get the report automatically to check for issues/ regression.
The web accessibility world is complex enough that simulating different methods of access like using screen readers or different font-sizes and doing manual tests for compliance is not particularly feasible if you want to make your content accessible to all.
How I massively improved my website performance by using the right tool for the job
4 projects | dev.to | 30 Mar 2022
Performance was compared between the Next.js site and Eleventy site using three free tools: Google Lighthouse, web.dev/measure and Web Page Test. Lighthouse tests were run in Brave Browser dev tools, Web Page Test runs were conducted via the web app using the London, UK - EC2 server, and web.dev tests were conducted in the browser. Given that I advocate for mobile-first development — and that's where performance is most likely to be impacted given the unpredictable speed of mobile data — all tests were conducted in an emulated mobile environment using a medium 3G network speed, on iPhone 6/7/8.
Tips Before Moving Laravel App to Production
3 projects | dev.to | 28 Mar 2022
Programmatic SEO with Next.js
5 projects | dev.to | 27 Mar 2022
The next step would be to fine-tune our SEO scores for those pages, which can be done via Lighthouse.
Is there such a thing as "too much divs"?
1 project | reddit.com/r/webdev | 25 Mar 2022
It's on github
Web accessibility tools
1 project | reddit.com/r/webaccess | 19 May 2022
axe browser extensions and axe-core itself
Favorite chrome extensions?
4 projects | reddit.com/r/webdev | 9 May 2022
Deque Axe for accessibility testing
it's the most important skill
4 projects | reddit.com/r/ProgrammerHumor | 26 Apr 2022
I played Dota and when I googled "axe" I did not get the woodcutting tool, nor did I get the women repellant, but I got this guy. These days I get testing software.
Does WCAG Compliance apply to PAAS Websites
2 projects | reddit.com/r/accessibility | 14 Apr 2022
Btw, to do your own evaluations, I'd suggest using axe-core (also available as browser extensions) for automated testing and using the Microsoft Accessibility Insights tool to do a manual evaluation.
Justice Department Issues Web Accessibility Guidance Under the Americans with Disabilities Act
1 project | reddit.com/r/webdev | 18 Mar 2022
This is actually pretty important now a days. Many companies have gotten sued and lost the lawsuit multiple times for not having their sites ADA compliant. For stuff such as no Alt Text on images. If you wanna make sure your stuff is compliant I'd recommend something like https://www.deque.com/axe/ which has a chrome extension you can use to scan pages and find issues.
Introduction to Web Accessibility (A11Y)
2 projects | dev.to | 18 Mar 2022
For example, Deque's open-source Axe project can help identify issues such as common HTML semantic errors, contrast problems, and more. There are even libraries that help integrate Axe into your project's linters, such as one for React called eslint-plugin-jsx-a11y.
Why I Want to Speak at Axe-Con: A Developer's Story
1 project | dev.to | 2 Mar 2022
I thought it was great in terms of the diversity of speakers, and the content presented was super useful. Last year, I came away with a deeper awareness of how those with disabilities can perceive the web, and the kind of specific and actionable items I personally could implement—or advocate for on my own teams. For example, how to test accessibility (I hadn't done a lot of accessibility testing before coming to Lob). Specifically, I learned about the axe-core library and how to use it to integrate accessibility testing into my test suites.
Testing Accessibility with Shadow Roots
2 projects | dev.to | 22 Feb 2022
leveraging the axe-core accessibility testing engine
Is Accessibility Worth It?
1 project | news.ycombinator.com | 2 Feb 2022
My experience is that a11y is often not a priority and then one day it is suddenly the highest priority. It is not fun to have to drop everything you are doing and retrofit and/or redesign to avoid a lawsuit or losing a big contract.
The easiest thing you can do is run a linter with an a11y plugin to make sure you cover the basics. It can be annoying at first, but you'll get used to it.
A tool like axe (https://github.com/dequelabs/axe-core) is good for checking your work and/or automating away some of the less obvious stuff. It provides both a Chrome plugin and an automated checker in CI.
Getting comfortable enough with this stuff that it no longer requires a ton of work is definitely a good goal. Your users will have a better time overall and you'll have peace of mind.
7 Resources to Improve Your HTML and Accessibility Skills
1 project | dev.to | 1 Feb 2022
What are some alternatives?
pa11y-ci - Pa11y CI is a CI-centric accessibility test runner, built using Pa11y
Vue Storefront - The open-source frontend for any eCommerce. Built with a PWA and headless approach, using a modern JS stack. We have custom integrations with Magento, commercetools, Shopware and Shopify and total coverage is just a matter of time. The API approach also allows you to merge VSF with any third-party tool like CMS, payment gateways or analytics. Newest updates: https://blog.vuestorefront.io. Always Open Source, MIT license.
lighthouse-ci - Automate running Lighthouse for every commit, viewing the changes, and preventing regressions
webpack-bundle-analyzer - Webpack plugin and CLI utility that represents bundle content as convenient interactive zoomable treemap
Turbolinks - Turbolinks makes navigating your web application faster
Playwright - Playwright is a framework for Web Testing and Automation. It allows testing Chromium, Firefox and WebKit with a single API.
sveltekit-blog-mdx - SvelteKit MDX starter blog with MDsveX (Svelte in markdown)
CodeceptJS - Supercharged End 2 End Testing Framework for NodeJS
budibase - Budibase is an open-source low code platform that helps you build internal tools in minutes 🚀
capacitor - Build cross-platform Native Progressive Web Apps for iOS, Android, and the Web ⚡️
Gantt chart for React.JS - dhtmlxGantt with ReactJS