Archivos Tag: Diseño Web

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

Academia para webmasters de Google

webmaster-academy

¿Estás planteando crear un sitio web? ¡Estupendo! La Academia para webmasters tiene la información y las herramientas necesarias para aprender a crear un sitio y para que la Búsqueda de Google lo encuentre.

Ahora Webmaster Academy está disponible en diferentes idiomas.

  • Consejos para crear un sitio estupendo
  • Lecciones sobre el funcionamiento de la Búsqueda de Google y de Herramientas para webmasters de Google
  • Test, vídeos, ejemplos (usando el sitio ficticio brandonsbaseballcards.com) y recursos

webmaster-academy-curso

Academia para webmasters de Google

Aunt Fannie’s – Buen sitio para mostrar su producto “Flypunch”

Este sitio es un buen ejemplo para mostrar un producto. En este caso “Flypunch” se encarga de alejar a la mosca de la fruta.
Su diseño es limpio, agradable, responsivo, muestra la información en forma de “scrolling” y cuenta con un carrito de compra.

Sin duda una PYME lo puede tomar como referencia.

aunt-fannies
aunt-fannies
aunt-fannies
aunt-fannies
aunt-fannies

Aunt Fannie’s FlyPunch! Eradicates Fruit Flies Naturally & Safely