Archivos Tag: CSS

Guías de estilo para sitios web “front end”

mozilla-style-guide

Una guía de estilo para un diseño tradicional, como saben, es mostrar como se usará el logo e imagen corporativa.
En el caso de una guía de estilo para un sitio web “front end”, lo que se debe tomar en cuenta es si el sitio es muy grande y si el equipo que lo trabaja también es numeroso, se debe crear una guía, para que todos estén en sintonía con lo que se mostrará y comunicará, para asegurar una consistencia en cuanto al código e imagen.

Algunos ejemplos que te pueden servir de referencia:

Improving Code Readability With CSS Styleguides | Smashing Magazine

Sandstone introduction — Mozilla Style Guide

Library | MailChimp

Mapbox styleguide | Mapbox

OS X Human Interface Guidelines: About the Guidelines for Creating Great Mac Apps

A List Apart: Style Guide

Next FontShop Style Guide

Starbucks Style Guide

CSS · Styleguide · GitHub

Code for America Style Guide

Government Service Design Manual

Google HTML/CSS Style Guide

Product Style Guide, Visual guidelines for Salesforce1

Styleguide | Yelp

Style Guide South Tees Hospitals NHS Foundation Trust

Utilizar una guía de estilos para los CSS

Algunos de los sitios importantes tienen una guía de estilos para utilizar bien los CSS.

Estos ejemplos te servirán de referencia, para que en algún momento puedas crear las propias en proyectos de algunos clientes.

google css -styleguide
github css -styleguide

CSS · Styleguide · GitHub
Google HTML/CSS Style Guide
Improving Code Readability With CSS Styleguides | Smashing Magazine
Necolas/idiomatic-css · GitHub
My HTML/CSS coding style – CSS Wizardry – CSS, OOCSS, front-end architecture, performance and more, by Harry Roberts
Starbucks Style Guide