livingstyleguide / livingstyleguide Goto Github PK
View Code? Open in Web Editor NEWEasily create front-end style guides with Markdown and Sass/SCSS.
Home Page: https://livingstyleguide.org/
License: Other
Easily create front-end style guides with Markdown and Sass/SCSS.
Home Page: https://livingstyleguide.org/
License: Other
Currently no glob imports are supported
@import modules/*
Thanks in advance!
Besides using the command line ($> livingstyleguide compile styleguide.html.lsg
), it would be good to automatically compile the style guide whenever $> compass compile
or $> compass watch
is running.
As soon as the LivingStyleGuide is required in config.rb:
# config.rb
require 'livingstyleguide'
$> compass watch
should compile all *.html.lsg or *.lsg files in Compass’ Sass source folder and output them to the defined folder.
Currently example
, layout-example
and javascript-example
are supported.
source/templates/example-types/*
.***
marker syntax).Examples should look like:
~~~ example
@option value
@direct-option
<html><goes><here>
~~~
Instead of:
~~~ haml-example
%button
~~~
It should be:
~~~ example
@haml
%button
~~~
Would be cool, to see some example markup, on how to describe a random module with his markup.
If source: css/styles.sass
contains a path, this must apply to all image-url()
and other asset functions.
~~~
@javascript
alert("Hello World");
~~~
=>
<script>
alert("Hello World");
</script>
<pre class="livingstyleguide--code-block">
<code class="livingstyleguide--code">
alert("Hello World");
</code>
</pre>
Use Sprockets like syntax embedded into Markdown:
---
title: My Living Style Guide
---
# My Living Style Guide
= require coding-style
= require_tree base
= require_tree modules
Instead of:
~~~ example
...
~~~
~~~ haml-example
...
~~~
Use:
~~~ example
...
~~~
~~~ example
@haml
...
~~~
Default engine language should be an option in the settings.
In options:
default_filters:
- "@haml"
- "@add-class my-class"
Prefer JSON over YAML as it’s more common for non-Ruby frontend developers.
development
or production
(build
?)This causes many problems on non Macs because Middleman requires CoffeeScript which requires a JavaScript runtime.
~~~ example
@add-wrapper-class div-example
<div>...</div>
~~~
Would result in:
<div class="livingstyleguide--example div-example">
<div>...</div>
</div>
Instead of
~~~ example
...
~~~
This should be enough:
~~~
...
~~~
If you really need a code block not displayed as example, use:
~~~ code
...
~~~
There should be a search bar on top of the style guide which makes it easy to find the right component.
application.lsg.html should try to load application.s[ac]ss.css as default source if undefined.
{
"javascript-before": ["my-script.js", "alert('hello world')"]
}
Should output <script src="..."></script>
for *.js and <script>...</script>
for everything else.
Currently the colors are generated from the {{variables:base/colors}} line.
Would be nice to have the option to group the colors like:
Fonts:
~~~
@color-example $font-light-color
~~~
Buttons:
~~~
@color-example $button-dark-color
~~~
Use a Rails like CLI:
livingstyleguide generate module "button"
livingstyleguide g module "button"
@import "modules/button";
to main SCSS fileFor the @imports
:
The hooks gem was updates some days ago. Now it breaks the living style guide. Locking the gem in the gem file (gem 'hooks', "0.3.3") solves the problem on my machine.
Use custom example templates for this.
haml-example
haml-layout-example
***
marker syntaxAs described here: https://gist.github.com/hagenburger/7945859
Sass and Markdown changes won’t be noticed right now, only updates in *.html.lsg.
A bundle update brings in redcarpet version 3.1.0. This crashed the webserver when I call the livingstyleguide page.
Locking redcarpet to version 3.0.0 in the gem file solved the problem on my machine.
Started GET "/assets/styleguide.html" for 127.0.0.1 at 2014-02-18 10:50:12 +0100
/Users/ralph/.rbenv/versions/2.0.0-p247/lib/ruby/gems/2.0.0/bundler/gems/livingstyleguide-dff7765dfbf6/lib/livingstyleguide/engine.rb:38: [BUG] Segmentation fault
ruby 2.0.0p247 (2013-06-27 revision 41674) [x86_64-darwin12.5.0]
-- Crash Report log information --------------------------------------------
See Crash Report log file under the one of following:
* ~/Library/Logs/CrashReporter
* /Library/Logs/CrashReporter
* ~/Library/Logs/DiagnosticReports
* /Library/Logs/DiagnosticReports
the more detail of.
-- Control frame information -----------------------------------------------
c:0079 p:---- s:0473 e:000472 CFUNC :render
c:0078 p:0054 s:0469 e:000468 METHOD /Users/ralph/.rbenv/versions/2.0.0-p247/lib/ruby/gems/2.0.0/bundler/gems/livingstyleguide-dff7765dfbf6/lib/livingstyleguide/eng
c:0077 p:0009 s:0464 e:000463 METHOD /Users/ralph/.rbenv/versions/2.0.0-p247/lib/ruby/gems/2.0.0/bundler/gems/livingstyleguide-dff7765dfbf6/lib/livingstyleguide/eng
c:0076 p:0119 s:0461 E:0023a0 EVAL (erb):22 [FINISH]
c:0075 p:---- s:0457 e:000456 CFUNC :eval
c:0074 p:0045 s:0450 e:000449 METHOD /Users/ralph/.rbenv/versions/2.0.0-p247/lib/ruby/2.0.0/erb.rb:849
c:0073 p:0078 s:0446 e:000445 METHOD /Users/ralph/.rbenv/versions/2.0.0-p247/lib/ruby/gems/2.0.0/bundler/gems/livingstyleguide-dff7765dfbf6/lib/livingstyleguide/eng
c:
.... 1000 more lines of stacktrace
Hi,
we do not use sass but less.
Any chance that less support will be added? Is it even possible with the current architecture?
~~~
@coffee-script
alert "Hello World"
~~~
=>
<script>
alert("Hello World");
</script>
<pre class="livingstyleguide--code-block">
<code class="livingstyleguide--code">
alert "Hello World"
</code>
</pre>
``` example
@scss {
.my-class {
color: red;
}
}
<div class="my-class"></div>
```
Output including ID scoping:
<div class="livingstyleguide--example" id="example-1">
<div class="my-class"></div>
</div>
<style>#example-1 .my-class { color: red }</style>
<pre class="livingstyleguide--code-block">
<code class="livingstyleguide--code">
<div class="my-class"></div>
</code>
</pre>
Setup via:
curl -L https://get.livingstyleguide.org | bash
I know there is already an example project but an example website to see what it will generally look like in the end would be awesome. Maybe just hosting the example project on some webspace?
Thanks in advance!
Quotation marks must be escaped:
```
@font-example Helvetica, "Helvetica Neue", Arial
```
Results in:
<div class="livingstyleguide--font-example" style="font: Helvetica, "Helvetica Neue", Arial">
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
abcdefghijklmnopqrstuvwxyz<br>
0123456789<br>
!&/()$=@;:,.
</div>
Create an command line interface which looks close to Rails/Middleman/Compass.
livingstyleguide server
starts the development server on port 4567livingstyleguide server -p 3001
starts the development server on port 3001livingstyleguide s
alias for livingstyleguide server
livingstyleguide build
builds the static versionlivingstyleguide b
alias for livingstyleguide build
livingstyleguide compile
alias for livingstyleguide build
livingstyleguide help
shows an overview of all available commandslivingstyleguide -h
alias for livingstyleguide help
livingstyleguide --help
alias for livingstyleguide help
livingstyleguide
alias for livingstyleguide help
Those basically wrap the Middleman CLI. Other actions that need further implementation will get their own issue.
build
(Middleman) vs. compile
(Compass)Before using livingstyleguide, I could do this in my Rails app to @import
a Sass partial at app/assets/stylesheets/base/_colors.css.sass
:
// application.css.sass
@import base/colors
Now I have to write the fulle file extension, otherwise I get an error File to import not found or unreadable
:
// application.css.sass
@import base/colors.css.sass
Or the other solution is to rename the partial mv _colors.css.sass _colors.sass
Hi Nico! :-),
since today i always get this error if i try to enter "livingstyleguide compile {{filename}}". I already uninstalled all gems and installed the livingstyleguide gem again. But it doesn't resolve the error. Could the reason be a brand new sass or compass version? I already tried to install others... :-(.
My scss file only contains this: @import "compass";
Here comes the trace:
livingstyleguide compile styleguide.html.lsg
LivingStyleGuide::VariablesImporter:2817: (ie: "9", opera: "9.5-9.6") isn't a valid CSS value. (Sass::SyntaxError)
from styleguide.html.lsg:1
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/script/value/map.rb:52:in `to_s'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/script/tree/string_interpolation.rb:84:in `_perform'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/script/tree/node.rb:50:in `perform'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/tree/visitors/perform.rb:366:in `visit_prop'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/tree/visitors/base.rb:36:in `visit'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/tree/visitors/perform.rb:152:in `block in visit'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/stack.rb:79:in `block in with_base'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/stack.rb:121:in `with_frame'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/stack.rb:79:in `with_base'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/tree/visitors/perform.rb:152:in `visit'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/tree/visitors/perform.rb:389:in `block (2 levels) in visit_rule'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/tree/visitors/perform.rb:389:in `map'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/tree/visitors/perform.rb:389:in `block in visit_rule'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/tree/visitors/perform.rb:173:in `with_environment'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/tree/visitors/perform.rb:387:in `visit_rule'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/tree/visitors/base.rb:36:in `visit'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/tree/visitors/perform.rb:152:in `block in visit'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/stack.rb:79:in `block in with_base'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/stack.rb:121:in `with_frame'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/stack.rb:79:in `with_base'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/tree/visitors/perform.rb:152:in `visit'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/tree/visitors/perform.rb:389:in `block (2 levels) in visit_rule'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/tree/visitors/perform.rb:389:in `map'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/tree/visitors/perform.rb:389:in `block in visit_rule'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/tree/visitors/perform.rb:173:in `with_environment'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/tree/visitors/perform.rb:387:in `visit_rule'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/tree/visitors/base.rb:36:in `visit'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/tree/visitors/perform.rb:152:in `block in visit'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/stack.rb:79:in `block in with_base'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/stack.rb:121:in `with_frame'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/stack.rb:79:in `with_base'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/tree/visitors/perform.rb:152:in `visit'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/tree/visitors/base.rb:52:in `block in visit_children'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/tree/visitors/base.rb:52:in `map'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/tree/visitors/base.rb:52:in `visit_children'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/tree/visitors/perform.rb:161:in `block in visit_children'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/tree/visitors/perform.rb:173:in `with_environment'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/tree/visitors/perform.rb:160:in `visit_children'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/tree/visitors/base.rb:36:in `block in visit'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/tree/visitors/perform.rb:271:in `visit_if'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/tree/visitors/base.rb:36:in `visit'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/tree/visitors/perform.rb:152:in `block in visit'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/stack.rb:79:in `block in with_base'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/stack.rb:121:in `with_frame'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/stack.rb:79:in `with_base'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/tree/visitors/perform.rb:152:in `visit'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/tree/visitors/perform.rb:297:in `block (2 levels) in visit_import'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/tree/visitors/perform.rb:297:in `map'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/tree/visitors/perform.rb:297:in `block in visit_import'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/stack.rb:88:in `block in with_import'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/stack.rb:121:in `with_frame'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/stack.rb:88:in `with_import'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/tree/visitors/perform.rb:294:in `visit_import'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/tree/visitors/base.rb:36:in `visit'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/tree/visitors/perform.rb:152:in `block in visit'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/stack.rb:79:in `block in with_base'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/stack.rb:121:in `with_frame'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/stack.rb:79:in `with_base'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/tree/visitors/perform.rb:152:in `visit'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/tree/visitors/base.rb:52:in `block in visit_children'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/tree/visitors/base.rb:52:in `map'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/tree/visitors/base.rb:52:in `visit_children'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/tree/visitors/perform.rb:161:in `block in visit_children'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/tree/visitors/perform.rb:173:in `with_environment'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/tree/visitors/perform.rb:160:in `visit_children'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/tree/visitors/base.rb:36:in `block in visit'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/tree/visitors/perform.rb:180:in `visit_root'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/tree/visitors/base.rb:36:in `visit'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/tree/visitors/perform.rb:151:in `visit'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/tree/visitors/perform.rb:8:in `visit'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/tree/root_node.rb:36:in `css_tree'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/tree/root_node.rb:20:in `render'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/sass-3.3.3/lib/sass/engine.rb:274:in `render'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/livingstyleguide-1.0.2/lib/livingstyleguide/engine.rb:32:in `css'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/livingstyleguide-1.0.2/lib/livingstyleguide/engine.rb:67:in `css'
from (erb):14:in `get_binding'
from /Users/ffull/.rvm/rubies/ruby-2.0.0-p451/lib/ruby/2.0.0/erb.rb:849:in `eval'
from /Users/ffull/.rvm/rubies/ruby-2.0.0-p451/lib/ruby/2.0.0/erb.rb:849:in `result'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/livingstyleguide-1.0.2/lib/livingstyleguide/engine.rb:28:in `render'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/livingstyleguide-1.0.2/lib/livingstyleguide/tilt_template.rb:93:in `render_living_style_guide'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/livingstyleguide-1.0.2/lib/livingstyleguide/tilt_template.rb:18:in `evaluate'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/tilt-2.0.0/lib/tilt/template.rb:97:in `render'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/livingstyleguide-1.0.2/lib/livingstyleguide/command_line_interface.rb:12:in `compile'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/thor-0.18.1/lib/thor/command.rb:27:in `run'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/thor-0.18.1/lib/thor/invocation.rb:120:in `invoke_command'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/thor-0.18.1/lib/thor.rb:363:in `dispatch'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/thor-0.18.1/lib/thor/base.rb:439:in `start'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/gems/livingstyleguide-1.0.2/bin/livingstyleguide:6:in `<top (required)>'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/bin/livingstyleguide:23:in `load'
from /Users/ffull/.rvm/gems/ruby-2.0.0-p451/bin/livingstyleguide:23:in `<main>'
Thanks for your help! :-)
As reported in livingstyleguide/examples#2:
I have a rails 4 app using foundation 5 (gem 'foundation-rails').
The line import "foundation"
inside application.css.scss breaks the Livingstyleguide.
File to import not found or unreadable: foundation.
Load paths: LivingStyleGuide::VariablesImporter Compass::SpriteImporter
/Users/ralph/Development/livingstyleguide-example/rails-example/app/assets/stylesheets
/Users/ralph/.rbenv/versions/2.0.0-p247/lib/ruby/gems/2.0.0/gems/compass-0.12.2/frameworks/blueprint/stylesheets
/Users/ralph/.rbenv/versions/2.0.0-p247/lib/ruby/gems/2.0.0/gems/compass-0.12.2/frameworks/compass/stylesheets
/Users/ralph/.rbenv/versions/2.0.0-p247/lib/ruby/gems/2.0.0/gems/livingstyleguide-0.6.0.alpha.1/stylesheets
(in /Users/ralph/Development/livingstyleguide-example/rails-example/app/assets/stylesheets/styleguide.html.lsg)
I think I did everything as explained but does not compile here.
my file appication.scss
and same dir i create the file styleguide.html.lsg
ok. My file appication.scss
should be so appication.css.scss
?
I tried using that, but the ruby generated an error
My files below
assets/sass/_links_list.md
assets/sass/_links_list.scss
I'm add require "livingstyleguide" in my config.rb and command line compass watch, but when I open the file styleguide.html.lsg in the browser nothing happens.
Appears only settings file source: application.scss title: "My Living Style Guide"
I need a help please.
Create a basic application by running livingstyleguide new "project-name"
.
new
and alias n
to CLInew
(Rails) vs. init
(Middleman) vs. create
(Compass): As there is also init
in Compass which updates existing projects I prefer new
.This is useful if the current example element uses position: absolute
.
```
@min-height 100px
<div class="my-element">a block that does not provide height to its parent not</div>
```
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.