グッドパッチエンジニアが選ぶ、推しデザインシステム10選｜Goodpatch Blog グッドパッチブログ
生まれ変わったらデザインシステムになりたいと思っているくらい、デザインシステムが好きなエンジニアの乗田です。 僕の入社の経緯や業務内容についてはこちらからご覧いただけます！ デザインシステムとは デザインシステムとは、ソフトウェアやグラフィックなどにおけるデザインの原則や指針と、それらを実現するための仕組みの集合体です。デザインシステムのメリットは、低コストで高速に一貫性のあるデザインを実現しやすくなるという点にあります。 一般的にデザイン原則にはタイポグラフィ・カラーシステムやボイス&トーンなどが含まれ、仕組みにはコードベースのUIコンポーネントやデザイントークンなどが含まれます。 しかしデザインシステムにおける必須要素の定義はありません。それ故にデザインシステムは、各組織にとって必要なデザイン原則やデザインアセットが集合した物と言い換えることもできるでしょう。 古い物ですと1975年に
Google TypeScript Style Guide
// Good: choose between two options as appropriate (see below). import * as ng from '@angular/core'; import {Foo} from './foo'; // Only when needed: default imports. import Button from 'Button'; // Sometimes needed to import libraries for their side effects: import 'jasmine'; import '@polymer/paper-button'; Import paths TypeScript code must use paths to import other TypeScript code. Paths may be r
TS Style Guide
TypeScript style guideThis is the style guide for the TypeScript language that was based on the one that is provided by Google. It contains both rules and best practices. Choose those that work best for your team. If you have a suggestion on how to improve this style guide please check the Changing the style guide below. This Style Guide uses RFC 2119 terminology when using the phrases must, must
SQL Style Guide
A set of conventions and guidelines for writing SQL at GitLab SQL Style Guide This guide establishes our standards for SQL and are enforced by the SQLFluff linter and by code review. The target code changes that this stile guide apply to are those made using dbt. If you are not on the Data Team or you are developing SQL outside of dbt, keep in mind that the linting tools may be more difficult to a
The Gradual Design System: How We Built Slack Kit - Slack Engineering
A group of engineers, designers, and writers began to centralize and standardize components. We named it Slack Kit. This post was co-written with Zack Sultan, Lead Product Designer at Slack In 2016, Slack was two years old and already used by millions of people. Our codebase had grown rapidly, and like many companies that focused on product/market fit, our code was built in a way that favored time
Markdown Style Guide - Ciro Santilli
Markdown Style Guide Readable and portable Markdown style guide. The source code is available on GitHub: https://github.com/cirosantilli/markdown-style-guide/ Use AsciiDoc About Notable users Options system Design goals Readability vs writability Readability profile Writability profile Typographic conventions Alternatives Lint tools General rules File File extension File name Whitespaces Newlines
AtomicLab
Atomic Lab Component Guide Generator based on partial templates (ejs/jade/haml/html) View on Github About Atomic Lab Atomic Lab is a component guide generator, you can build with Node.js The porpose There are so many styleguide generators out there such as hologram, fractal etc.. But, Do you really need those style guide generators? Actually I and some other friends dislike leaving comments on css
Google HTML/CSS Style Guide
Background This document defines formatting and style rules for HTML and CSS. It aims at improving collaboration, code quality, and enabling supporting infrastructure. It applies to raw, working files that use HTML and CSS, including GSS files. Tools are free to obfuscate, minify, and compile as long as the general code quality is maintained. General General Style Rules Protocol Use HTTPS for embe
Introducing Aurelia UX | Aurelia
In 2015 we first announced Aurelia, a modern frontend framework with an emphasis on convention over configuration, web standards and productivity. Aurelia provides the core capabilities you need to build apps, such as templating, binding, an application model, routing and dependency injection. We've also created tons of plugins for http, i18n, validation, etc. and partnered with various community
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
zeroheight
GitHub - leptosia/docute: Effortlessly documentation done right.
React Styleguidist: Isolated React component development environment with a living style guide | React Styleguidist
GitHub - elsewhencode/project-guidelines: A set of best practices for JavaScript projects
https://ak-mk-2-prod.netlify.app/
GitHub - cirosantilli/markdown-style-guide: Readable and portable Markdown style guide: https://cirosantilli.com/markdown-style-guide
alexpate/awesome-design-systems: 💅🏻 ⚒ A collection of awesome design systems
Atlassian Design
GitHub - reg-viz/storycap: A Storybook Addon, Save the screenshot image of your stories via puppeteer.
Move, update, and convert HTML/CSS Style Guide from XML to HTML. by tonyruscoe · Pull Request #232 · google/styleguide
React Storybook を触ってみる
