foundational-design-system-proto
polaris
foundational-design-system-proto | polaris | |
---|---|---|
5 | 31 | |
92 | 5,641 | |
- | 0.4% | |
6.6 | 10.0 | |
almost 2 years ago | 6 days ago | |
TypeScript | TypeScript | |
MIT License | GNU General Public License v3.0 or later |
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.
foundational-design-system-proto
-
How do you prefer to style components?
Some good resources to check out: https://github.com/Shopify/foundational-design-system-proto/discussions/44 https://github.com/andreipfeiffer/css-in-js#stitches
-
What do you use to style in React
read about here for comparison. https://github.com/Shopify/foundational-design-system-proto/discussions/44
- Replacing Sass
- Front End Web Development
-
How to do this in Vue from React - micro componet fragments
In React, people seem to construct pages just use variables as components like this: https://github.com/Shopify/polaris/blob/main/src/polaris.shopify.com/pages/index.tsx
polaris
-
What's new in Ryviu's latest interface
We are delighted to announce that the interface of Ryviu account has been updated according to Shopify Polaris. Aligned with Shopify's top-tier standards for safety, performance, and functionality, these changes aim to simplify the process of importing and managing product reviews for your store.
-
Getting Started with Color Module for Your Design System
Shopify Polaris: Shopify's Polaris Design System features a color module with primary, secondary, and functional colors, plus an extended palette for shades and tints. Similar to others, it underscores the role of color in conveying meaning, maintaining visual hierarchy, and ensuring accessibility.
-
Making a UI Kit. Is there a good checklist for Must Have elements?
shopify design system: https://polaris.shopify.com/
-
What would a truly open-source design process look like?
I love the idea because community contributions in OS projects are always super focused on the code aspect while the design work is performed by the core team. Sometimes the results are shared publicly (Cals Design System or Shopify's Polaris)
- Android, iOS, Web, which do you design for?
-
Design System Inside Django
Currently Im using templates, so my options are kind of limited by that. I cannot do fancy React or Vue apps (would love to tho). My main point of reference is the Polaris design system by Shopify (https://polaris.shopify.com). Simple but efficient.
- Design resources for boring sites?
-
What should I do to level up to an advanced level react developer?
Learn UX. There are a couple of publicly available design systems out there that give some guidelines about UX: Material Design, Polaris, Human Interface Guidelines.
- Material design component theming resource
-
Resources outside the official Figma Community
https://polaris.shopify.com/ - Shopify
What are some alternatives?
ng-sandbox - Development sandbox for angular components
datree - Prevent Kubernetes misconfigurations from reaching production (again 😤 )! From code to cloud, Datree provides an E2E policy enforcement solution to run automatic checks for rule violations. See our docs: https://hub.datree.io
storybook - Storybook is a frontend workshop for building UI components and pages in isolation. Made for UI development, testing, and documentation.
trivy - Find vulnerabilities, misconfigurations, secrets, SBOM in containers, Kubernetes, code repositories, clouds and more
vanilla-extract - Zero-runtime Stylesheets-in-TypeScript
gatekeeper - 🐊 Gatekeeper - Policy Controller for Kubernetes
kube-score - Kubernetes object analysis with recommendations for improved reliability and security. kube-score actively prevents downtime and bugs in your Kubernetes YAML and Charts. Static code analysis for Kubernetes.
alva - Create living prototypes with code components.
kubeeye - KubeEye aims to find various problems on Kubernetes, such as application misconfiguration, unhealthy cluster components and node problems.
kube-bench - Checks whether Kubernetes is deployed according to security best practices as defined in the CIS Kubernetes Benchmark
awesome-kubernetes-security - A curated list of awesome Kubernetes security resources
kubeaudit - kubeaudit helps you audit your Kubernetes clusters against common security controls