CSS Style Guides – Front-end Development & Design
Following a CSS style guide can create a beautiful code base which will make any developer love working on a project. They enable a code base to be flexible, easily scalable and very well documented for anyone to jump in and work on with other developers. CSS GuidelinesCSS Guidelines is written by Harry Roberts. It’s a personal favourite of ours using certain parts of this guide in our own project
Website Style Guide Resources
Website Style Guide Resources GitHub repo Twitter updates Contributors Examples Real life pattern libraries, code standards documents and content style guides. Carbon Design System By IBM Carbon is the design system for IBM Cloud products. It is a series of individual styles, components, and guidelines used for creating unified UI. frontendcodepatternsvoiceandtone Code For America frontendpatterns
aigis - Style Guide Generator
Aigis is a style guide generator. Make easier and maintainable. View on GitHub What is aigis? Aigis is a Node.js package that parses comments in your CSS and auto-generate a style guide. It is similar to Hologram , like a Node.js implementation of Hologram. Why did we create aigis? We didn't want the dependence on Ruby environment only to generate a style guide. Less dependencies is better. So we
Style Guide Templates | Frontify
Future-proof your brand with digital guidelines on how to stay on-brand at every touchpoint. Use best-practice templates and over 40 customizable elements to get you up, running, and focused on developing your brand. Get rid of that PDF monstrosity. You no longer need to be a design wizard to get your company on-brand. Just use predefined templates, customizable elements, and in-line editing. Oh,
Styleguide
Styleguide.A tool to make creating and maintaining styleguides easy. Living styleguideDone! All you need to do is to add the Styleguide to a separate folder in your project. Use it as your CSS. You just need to import the generated file inside your HTML and you are all set! This way the Styleguide will be synced with your project. Isn't that awesome!? Existing websiteWe all have that feeling. Don'
Release the docs!
# Install SassDoc globally npm install sassdoc -g # Run SassDoc on your project sassdoc source/ Already using SassDoc? Upgrade to version 2 right away! SassDoc is to Sass what JSDoc is to JavaScript: a documentation system to build pretty and powerful docs in the blink of an eye. Among other things, SassDoc is: usable out of the box; highly customisable; blazingly fast; fully themable; integrated
50 Style Guide Tools, Articles, Books and Resources | Envato Tuts+
When you get started with the process of creating and applying your own Style Guides, be aware that you're not on your own. Style Guides have been around for a while now so there is a mountain of useful information available. You can learn a tremendous amount from examining what's already out there. There are also several great tools and resources you can put to work in your projects, the majority
The Style Guide Guide
A Guide to creating styleguides, including generators, component libraries, and style tiles.The Style Guide GuideFind a styleguide generator that fits your flow.Node.JSKSS-NodePattern PrimerStyleDoccoStyleDownGulpAssembleFabricatorKSSStyleDoccoGruntAssembleKSSPattern LabPattern PrimerSassdownSourceJSStyleDoccoStyle PrototypeRubyHologramKSSPattern PrimerPHPBareBonesPattern LabPattern PrimerStyle Gu
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Atomic Docs
SC5 Style Guide Generator
GitHub - styledown/styledown: Markdown-based styleguide generator