materialdesignweb
Standard
materialdesignweb | Standard | |
---|---|---|
17 | 75 | |
37 | 28,867 | |
- | 0.1% | |
9.3 | 8.0 | |
23 days ago | 3 months ago | |
JavaScript | JavaScript | |
ISC License | 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.
materialdesignweb
- The future of Sync
- I made flappy bird with pure HTML CSS JavaScript
-
What problem does Virtual DOM solve for React?
I wanted something that didn't require recompilation and allows me to extend built components. Like an Chip extends a Button. I needed something that allows modification of its HTML template and layering of CSS styles on top of an extended element's styles. Frameworks are pretty rigid in this regard and I wanted to write less code to make a smaller final deployment, instead of copy pasting or having to write complicated mixins and abstractions.
-
Material You in Android 14 getting ‘personal’ with bolder ‘Fidelity’ colors
My phone is basically grayscale expect for really minor blue hue. I'm not sure why, and I know how the Material You theming works (built a framework around it).
-
Lighthouse doesn't like Shadow DOM...
For the curious: Test page - Source Code
- Lighthouse doesn't like Shadow DOMs...
-
Would it be possible to build such a bar with CSS? The hardest part looks like the curved piece of bar under the blue button.
Source: https://github.com/clshortfuse/materialdesignweb/tree/archive-md2/components
-
Anyone ever experienced any physical repulsion to Material Design after using Apple devices?
If you're tired of it, I've been maintaining my MD framework for more than 4 and a half years since 2018. And before that I was working with Google on the AngularJS implementation in 2015. So I've been looking at and working on the same styles for over 7 years.
-
[AskJS] What is an issue you struggle with your current tech stack?
Here is the JS for one of the components. Only Chrome natively understands it right now. The alternative is to use a element referencing the CSS, but will call FOUC on the first fetch.
-
Prevent button focus on long press
Code
Standard
-
Why is Prettier rock solid?
I picked up standard[1] a while back for this reason, I don't want to have to think about it. It works fine, I have no complaints (took me a while to get used to not using semi-colons but now I prefer it) Same reason I use `cargo fmt` as well.
[1] https://standardjs.com/
-
Eslint & Prettier Configuration React Native(Airbnb Style)
# question 1: ? How would you like to use ESLint? … To check syntax only To check syntax and find problems ❯ To check syntax, find problems, and enforce code style # question 2: ? What type of modules does your project use? … ❯ JavaScript modules (import/export) CommonJS (require/exports) None of these # question 3: ? Which framework does your project use? … ❯ React Vue.js None of these # question 4 (select "No", because we won't add TypeScript support for this project): ? Does your project use TypeScript? › No / Yes # question 5: ? Where does your code run? … Browser ✔ Node # question 6: ? How would you like to define a style for your project? … ❯ Use a popular style guide Answer questions about your style Inspect your JavaScript file(s) # question 7 (we'll rely on Airbnb's JavaScript style guide here): ? Which style guide do you want to follow? … ❯ Airbnb: https://github.com/airbnb/javascript Standard: https://github.com/standard/standard Google: https://github.com/google/eslint-config-google # question 8: ? What format do you want your config file to be in? … JavaScript YAML ❯ JSON # the final prompt here is where eslint will ask you if you want to install all the necessary dependencies. Select "Yes" and hit enter: Checking peerDependencies of eslint-config-airbnb@latest The config that you have selected requires the following dependencies: eslint-plugin-react@^7.21.5 eslint-config-airbnb@latest eslint@^5.16.0 || ^6.8.0 || ^7.2.0 eslint-plugin-import@^2.22.1 eslint-plugin-jsx-a11y@^6.4.1 eslint-plugin-react-hooks@^4 || ^3 || ^2.3.0 || ^1.7.0 ? Would you like to install them now with npm? › No / Yes
- Prepare your Meteor.js project for the big 3.0 release!
-
My prepared repositories for hacktoberfest 23 - any contributions are welcomed 🚀
A Thin JavaScript Document Storage with Middleware Stack
- VanillaDB: A Tiny Browser-Based Database
- My opinionated JavaScript package template repository - zero config, start immediately
- React Proto - React TypeScript Boilerplate (Redux, RTK Query, SSR, SWR, Preact inside and much more)
-
<3 Deno
https://github.com/standard/standard/issues/384
-
Dumb question
For example, if you use https://standardjs.com/ - it will error on your second code snippet and if you ask it for an autofix - it will transfer the minus sign to the first line.
-
Unleash the Power of Java: A JavaScript Developer's Guide to Best Practices in Java Development
In comparison, JavaScript doesn't have a strict coding standard, although it does have widely accepted code style guides like the Airbnb JavaScript Style Guide and the JavaScript Standard Style. These guides provide recommendations for code formatting and naming conventions, but they are not as strictly enforced as the Java coding standard.
What are some alternatives?
old-reddit-redirect - Ensure Reddit always loads the old design
XO - ❤️ JavaScript/TypeScript linter (ESLint wrapper) with great defaults
buttplug-rs - Rust Implementation of the Buttplug Sex Toy Control Protocol
eslint-config-xo - ESLint shareable config for XO
Flickity - :leaves: Touch, responsive, flickable carousels
ESLint - Find and fix problems in your JavaScript code.
csswg-drafts - CSS Working Group Editor Drafts
prettier - Prettier is an opinionated code formatter.
cordova-plugin-health - Cordova plugin for the HealthKit and Google Fit frameworks
semistandard - :icecream: All the goodness of `standard/standard` with semicolons sprinkled on top.
lit - Lit is a simple library for building fast, lightweight web components.
eslint-config-google - ESLint shareable config for the Google JavaScript style guide