Herramientas de usuario

Herramientas del sitio


wiki2:webdev

¡Esta es una revisión vieja del documento!


Web development tools

Bower

Grunt

Each time grunt command is run it looks for a locally Grunt instance using node's require() system, so you can run grunt for any sub-folder. The configuration is in files package.json and Gruntfile.

Yeoman

It will prepare a web project for you. First you must install a project generator: npm install –global generator-angular@0.9.2. You will find generators at: http://yeoman.io/generators/.

SaSS

Once SaSS is installed, to compile you will do: sass test.scss test.css. Probably you do not want to compile a file each time you edit it, but do it automatically. For that: sass –watch test.scss:test.css.

Bourbon

To install bourbon: gem install bourbon.
Then to enable it in your project, go to the folder and type: bourbon install. It will add a folder into your project which contains Bourbon files. Now you only have to import it in the sass code:

@import bourbon/bourbon
.special
    @include linear-gradient(#990000, #000000);
    p
        color: #ccccff

Neat

Bitter

Refills

Miscellania

CSS

Selectors

Element selector:

p {
    text-align: center;
    color: red;
}

Id Selector:

#para1 {
    text-align: center;
    color: red;
}

Class selector:

.center {
    text-align: center;
    color: red;
}

Combining and grouping selectors:

p.center {
    text-align: center;
    color: red;
}
h1, h2, p {
    text-align: center;
    color: red;
}
wiki2/webdev.1419792665.txt.gz · Última modificación: 2020/05/09 09:25 (editor externo)