styledocco - Automatically generate a style guide from your stylesheets.

  •        140

StyleDocco generates documentation and style guide documents from your stylesheets. Stylesheet comments will be parsed through Markdown and displayed in a generated HTML document. You can write HTML code prefixed with 4 spaces or between code fences (```) in your comments, and StyleDocco show a preview with the styles applied, and displays the example HTML code.

http://jacobrask.github.com/styledocco/
https://github.com/jacobrask/styledocco

Dependencies:

async : 0.1.x
clean-css : 0.4.x
findit : ~1.1.0
jade : 0.23.x
marked : 0.2.x
mkdirp : 0.x.x
optimist : 0.x.x
uglify-js : 1.2.x

Tags
Implementation
License
Platform

   




Related Projects

grunt-styleguide - Universal CSS styleguide generator for grunt

  •    HTML

If you are looking for a replacement and are using kss or styledocco see below. Universal CSS styleguide generator for grunt. Easily integrate Styledocco or KSS styleguide generation into your development workflow.

ux-pattern-library - The (working) Visual, UI, and Front End Styleguide for edX.

  •    CSS

The (working) UI library and Front End Styleguide for edX/Open edX applications and sites. The code in this repository is licensed the Apache 2.0 license unless otherwise noted. Please see the LICENSE file for details.

style-dictionary - A build system for creating cross-platform styles.

  •    Javascript

Style once, use everywhere. A Style Dictionary is a system that allows you to define styles once, in a way for any platform or language to consume. A single place to create and edit your styles, and a single command exports these rules to all the places you need them - iOS, Android, CSS, JS, HTML, sketch files, style documentation, etc. It is available as a CLI through npm, but can also be used like any normal node module if you want to extend its functionality.

18f.gsa.gov - This repository contains 18F's website.

  •    CSS

This repo houses the 18F website. We use the Draft U.S. Web Design System as a front end framework. The site is built and served through the Federalist platform. 18f.gsa.gov extends the U.S. Web Design System and 18F Brand guidelines to create a style that is professional, unique, and informative. The style guide, located at 18f.gsa.gov/styleguide/ documents the patterns and components used to create this theme.

Patternfly - A community of designers and developers collaborating to build a UI framework for enterprise web applications

  •    Javascript

The PatternFly library is a collection of UI design patterns. Design patterns are recurring solutions that solve common design problems and provide a common language for people who create user interfaces. In general, patterns do not specify requirements, but rather, present recommended solutions to design problems. PatternFly patterns build on that approach by additionally considering the needs of complex enterprise IT software, and the habits and motivations of its users, in their recommendations.


react-styleguide-generator - Easily generate a good-looking styleguide by adding some documentation to your React project

  •    Javascript

Easily generate a good-looking styleguide by adding some documentation to your React project. Demo using the React-Bootstrap.

css-styleguide - :book: Opinionated CSS styleguide for scalable applications

  •    

This guide was heavily inspired by experiments, awesome people like @fat and @necolas and awesome projects made by Google, Airbnb and Medium. The following are some terms used throughout this styleguide.

Design-Patterns-In-Swift - Design Patterns implemented in Swift

  •    Swift

A short cheat-sheet with Xcode 8.2 Playground (Design-Patterns.playground.zip). In software engineering, behavioral design patterns are design patterns that identify common communication patterns between objects and realize these patterns. By doing so, these patterns increase flexibility in carrying out this communication.

Design-Patterns-In-Kotlin - Design Patterns implemented in Kotlin

  •    Kotlin

In software engineering, behavioral design patterns are design patterns that identify common communication patterns between objects and realize these patterns. By doing so, these patterns increase flexibility in carrying out this communication. The observer pattern is used to allow an object to publish changes to its state. Other objects subscribe to be immediately notified of any changes.

kss - A methodology for documenting CSS and generating styleguides.

  •    Ruby

Inspired by TomDoc, KSS attempts to provide a methodology for writing maintainable, documented CSS within a team. Specifically, KSS is a documentation specification and styleguide format. It is not a preprocessor, CSS framework, naming convention, or specificity guideline. The methodology and ideas behind Knyle Style Sheets are contained in SPEC.md. At its core, KSS is a documenting syntax for CSS.

angularjs-in-patterns - AngularJS in patterns - this repository provides different look into AngularJS

  •    Javascript

One of the best ways to learn something new is to see how the things you already know are used in it. This document does not intend to make its readers familiar with the design or architectural patterns; it suggests basic understanding of the concepts of the OOP, design patterns and architectural patterns. The goal of this paper is to describe how different software design and architectural patterns are applied in AngularJS or any AngularJS single-page application.The document begins with brief overview of the AngularJS framework. The overview explains the main AngularJS components - directives, filters, controllers, services, scope. The second section lists and describes different design and architectural patterns, which are implemented inside the framework. The patterns are grouped by the AngularJS component they are used in. If some patterns are used inside multiple components it will be explicitly mentioned.

design-patterns-in-ruby - GoF design patterns in Ruby

  •    

Summary of the design patterns explained in the book Design Patterns in Ruby, where Russ Olsen explains and adapts to Ruby 14 of the original 23 GoF design patterns. Code examples refactoring PR's will not be considered. The examples provided by Russ Olsen in his book are meant to be simple and self explanatory, not the best performing or most elegant, their purpose is just educational.

materialize - Materialize, a CSS Framework based on Material Design

  •    Javascript

Read the getting started guide for more information on how to use materialize. The documentation can be found at http://materializecss.com. To run the documentation locally on your machine, you need Node.js installed on your computer.

kit - Tools for developing, documenting, and testing React component libraries

  •    Javascript

Install the Kit CLI to get started with isolated component development. Create an examples folder for your components. This folder can be used for development, documentation, and testing purposes.

awesome-design-patterns - A curated list of software and architecture related design patterns.

  •    

A curated list of software and architecture related design patterns. Software design pattern - A general, reusable solution to a commonly occurring problem within a given context in software design. It is a description or template for how to solve a problem that can be used in many different situations.

javascript-design-patterns-for-humans - An ultra-simplified explanation of design patterns implemented in javascript

  •    

Design patterns are solutions to recurring problems guidelines on how to tackle certain problems. They are not classes, packages or libraries that you can plug into your application and wait for the magic to happen. These are, rather, guidelines on how to tackle certain problems in certain situations. In software engineering, a software design pattern is a general reusable solution to a commonly occurring problem within a given context in software design. It is not a finished design that can be transformed directly into source or machine code. It is a description or template for how to solve a problem that can be used in many different situations.

Java Design Patterns - Design patterns implemented in Java

  •    Java

Design patterns are formalized best practices that the programmer can use to solve common problems when designing an application or system. Design patterns can speed up the development process by providing tested, proven development paradigms.

PyPattyrn - A simple library for implementing common design patterns.

  •    Python

PyPattyrn is a python package aiming to make it easier and faster to implement design patterns into your own projects. Design patterns by nature cannot be directly translated into code as they are just a description of how to solve a particular problem. However, many of the common design patterns have boilerplate code that is common throughout all implementations of the pattern. This package captures that common code and makes it easy to use so that you dont have to write it yourself in all your projects.