15+ Impresionantes Diseños de Páginas Web Alineadas a la Izquierda

Todas las páginas web, por defecto muestran su contenido alineado a la izquierda de la ventana del navegador, aunque es posible centrarlo muy fácilmente con CSS.



A continuación verás algunos sitios web muy monos, con diseños que muestran la página alineada a la izquierda, es decir, el contenido no está centrado horizontalmente tomando en cuenta la ventana del navegador.



Un punto que pudiera entrar a discusión es, si debería usarse este tipo de alineación en diseños fijos, (aquellos que mantienen su ancho independientemente de la resolución de pantalla en que se vea), ya que en resoluciones de pantalla muy grandes, quedará mucho espacio vacío a la derecha.



¿A ti te gusta más un diseño con el contenido centrado, o lo prefieres alineado a la izquierda?,  Siéntete libre de expresar tu punto de vista  ;)





1. Squarespace

Visitar sitio

2. 204 Beech

Visitar sitio

3.mashKulture

Visitar sitio

4.Efektive

Visitar sitio

5. Strip

Visitar sitio

6. Behaind the websites

Visitar sitio

7. Jesus Rodriguez Velasco

Visitar sitio

8. News & Abuses

Visitar Sitio

9. Juxtin Interactive

Visitar sitio

10. StetcBlog

Visitar sitio

11. Duoh!

Visitar sitio

12. Jeff Sarmiento

Visitar sitio

13. Un.

Visitar sitio

14. P&P Tattoo

Visitar sitio

15. James de Angelis

Visitar sitio

16. The Pineaple Thief

Visitar sitio

Fuentes:

Design Booms

The Best Designs

15+ Inspiradores Ejemplos de Sitios Web con Navegación Fija

Tal vez estés trabajando en crear un menú de navegación para tu blog, pensando en que esto le permitirá a tus usuarios navegar cómodamente de página en página, y así facilitarles la tarea de acceder al contenido de tu sitio. ¡Bien hecho!, un menú de navegación es un elemento clave para cualquier sitio web, por las razones que anteriormente citaba, no importa que sea vertical u horizontal, lo importante es que éste sea visible de preferencia, y que permita explorar tu contenido fácilmente.



Estos son más de 15 ejemplos de sitios web que utilizan navegación fija (algunos en la parte superior de la página, otros en la columna lateral, algunos con el logo también fijo), para que te inspiren, si es que tienes pensado usar un menú fijo. Aunque en muchos de estos sitios, el contenido está compuesto por lo que muestran en la lista de enlaces de las páginas del menú, un menú fijo puede resultar estratégico en blogs que pretendan destacar algunas páginas puesto que éste siempre estará a la vista.



Si no sabes cómo crear un menú horizontal fijo, en este post, puedes ver como crear una sección fija para agregar ahí dos gadgets y poner por ejemplo un gadget de lista de enlaces o bien la lista de páginas de tu blog para crear el menú; también, en la otra sección puedes colocar otro elemento crítico, que permita ser usado oportunamente ;)





1. More than Twenty

Ir a: More than twenty

2. StudioChirpy

Ir a: StudioChirpy

3. Designbyface

Ir a: Designbyface

4. Looks Like Good Design.com

Ir a: Looks like good design

5. Bloom London

Ir a: Bloom London

6. Bloom Blog

Ir a:  Bloom Blog

7. HappyCog

Ir a: HappyCog

8. Rodesk

Ir a Rodesk

9. Blog Academy

Ir a: Blog Academy

10. Studio Nudge

Ir a Studio Nudge

11. Lounge

Ir a Lounge

12. GO Media

Ir a: GO media

13.Theehan+Lax

Ir a: Teehan+Lax

14. Struck

Ir a: Struck

15. Make Better Apps

Ir a: Make Better Apps

16. Black Estate

Ir a: blackestate

17. DKNG Studios

Ir a:DKNG Studios

Fuentes:

Design Bombs

webdesignledger

The Best Designs

20 Ejemplos de Diseños Cool de Páginas de Error 404

Probablemente hayas visto que Blogger dispuso una nueva sección con varias opciones que pueden ayudar a mejorar el SEO de tu blog. Si no las has visto, dichas opciones hasta hoy, sólo las encuentras en la nueva interfaz, si vas a Configuración > Preferencias de búsqueda.



Una de estas nuevas opciones te permite agregar un mensaje personalizado para que aparezca en las páginas que no han podido ser encontradas porque no existen, ya sea por que la página fue eliminada, o porque está mal escrita la dirección web. Cuando alguien pone en el navegador la dirección de una página de tu blog erróneamente, o ingresa a través de un enlace con la dirección mal escrita, se genera el conocido error 404.



Hace un momento veía que en Ciudad Blogger, publicaron un tutorial para personalizar dicha página, del modo similar que podemos hacer con una página estática del blog, eliminando los elementos que se tienen en el blog, como columnas, header, menú, etc., hasta lograr una apariencia totalmente diferente.



Pensé que sería bueno que vieras algunos ejemplos de diseños cool para inspirarte a crear la propia. He aquí 20 ejemplos de diseños muy originales de páginas de error 404, algunos ilustrados, otros con animaciones, y otros más sencillos o minimalistas. Echa un vistazo a cada página para que las veas en vivo y a todo color y a veces en acción ;)

Ejemplos de páginas de error 404 Ilustradas

1. henrikhedegaard.com

2. Chrisjennings.com

3. d20srd.org

4. Acromediainc.com

5. Twurn.com

6. leapanywhere.com

7. shelfworthy.com

8. agens.no

9.springload.co.nz

10. creationthing.com

Ejemplos de páginas "Error 404" con animación

11. tinsanity.net

12. Lookitsme

13. robo.to

14. project-euh.com

15.abduzeedo.com

Ejemplos de páginas de "Error 404"  ilustradas o no, más sencillas o minimalistas

16. sfbay.craigslist.org

17. .odopod.com

18. rareview.com

19. getdropbox.com

20. kidmondo.com

Además de causar un impacto visual positivo con una página de error 404 personalizada, al no mostrar los elementos de tu blog (cabecera, columnas, menu, etc.)  no olvides poner un enlace a la página de inico del blog, por ejemplo, para que el usuario pueda ingresar a tu blog fácilmente ;)



Fuentes:

1stwebdesigner.com

dzineblog.com



Recomendado:

La verdadera historia del Error 404