BLOG DE DISEÑO WEB CORUÑA

Un poco de todo, recursos, tutoriales, noticias, anuncios...

Google penaliza las webs no adaptadas a dispositivos móviles

Google penaliza las webs no adaptadas a dispositivos móviles

23/MAR/2015 6.775 visitas Ver comentarios

Ya sabemos que ser adaptativo (en términos de diseño web) era casi obligatorio... pues bien, esto ha dado un paso de gigante en estos días porque el dios Google ha anunciado que empezará a modificar su algoritmo para perjudicar a aquellas webs que no presenten un contenido adaptado al dispositivo desde el que el usuario hace la búsqueda.

Concretamente, Google ha anunciado recientemente que, a partir del próximo 21 de abril de 2015 aquellas páginas web que no estén totalmente preparadas para móviles muy probablemente irán perdiendo posicionamiento en su buscador con respecto a otras webs optimizadas que ya cuenten con una adaptación específica para móviles o diseño “responsive”.

LEER ENTRADA

Responsive Tables o tablas adaptativas en CSS

Responsive Tables o tablas adaptativas en CSS

20/OCT/2014 10.018 visitas Ver comentarios

Este es un pequeño resumen de un artículo que escribí para el blog Octuweb sobre las diferentes opciones que tenemos los diseñadores para maquetar datos en una tabla HTML en una web adaptativa sin que se vean afectadas ni la usabilidad ni el sentido de la tabla en sí.

Propongo diferentes opciones sin utilizar frameworks, todas soluciones mediante CSS y, al final, sí hay una pequeña recopilación de recursos ya cocinados si basas la maquetación de tu web en algún sistema, tal como Bootstrap, Foundation, etc...

LEER ENTRADA

Herramientas útiles para maquetar webs adaptativas o Responsive Web Design

Herramientas útiles para maquetar webs adaptativas o Responsive Web Design

05/DIC/2013 20.562 visitas Ver comentarios

Quien me conoce sabe que soy muy fan del Responsive Web Design o diseño web adaptativo o el responsive, como he oído llamarlo. En mis inicios, me basé en el framework Skeleton para tomar las mediaqueries necesarios, el CSS con los reset y tamaños de campos en los formularios o textos, pero a medida que fui avanzando, me lancé a hacer mis propias hojas de estilos y pararme a pensar si realmente me hacía falta usar un framework o podía valerme de mis propios conocimientos.

Incluso me he lanzado a crearme mi propio grid responsive únicamente en CSS que, para cosas básicas o proyectos no muy complejos, me viene muy bien.

LEER ENTRADA

Calendario de Eventos Responsive en HTML5, colorbox y base de datos MySQL

Calendario de Eventos Responsive en HTML5, colorbox y base de datos MySQL

28/OCT/2013 31.174 visitas Ver comentarios

Si ya habías visto el calendario en HTML5 que nos dejaba Eric Wenneberg en mi anterior entrada, sabrás que soy muy fan de este tipo de widgets porque es muy común que me los pidan en proyectos en los que participo o he participado.

Pero me gusta tener a mano un recurso que pueda personalizar a mi gusto, no soy muy fan de jQueryUI, no soy fan de su peso y ni de su estética en general, por eso me gustan tener alternativas a las que les pueda meter mano con facilidad.

LEER ENTRADA

Calendario de eventos en jQuery y HTML5 responsive

Calendario de eventos en jQuery y HTML5 responsive

10/OCT/2013 54.430 visitas Ver comentarios

El siguiente código es para mostrar por pantalla un sencillo calendario, muy personalizable y adaptable a las diferentes resoluciones ya que todos los valores están expresados en EM o porcentajes (únicamente su alto está expresado en pixels para mantener el espacio fijo).

Está basado en el Flatmin responsive calendar que encontré desde la web de plugins de jQuery (todo el crédito es para Eric Wennerberg), pero al intentar hacer una demo, me he dado cuenta que tiene varios fallos que voy a comentar a continuación.

LEER ENTRADA

Grid CSS adaptativo sin frameworks

Grid CSS adaptativo sin frameworks

13/SEP/2013 9.813 visitas Ver comentarios

Empezando por el principio, tengo que decir que un Grid es una rejilla o sistema de columnas que, generalmente tienen como límite 12 o 16 bloques verticales definidos en nuestra hoja de estilos CSS.

Si bien hay muchísimos frameworks CSS que nos dan grids hechos, en opciones de columna de tamaño fijo o variable, yo soy de los que le gusta hacerse sus propios sistemas, entonces, aunque te dé una lista de frameworks que deberías mirar si te interesa la maquetación en base a una rejilla, te dejo un grid hecho en casa, sencillo, con las opciones básicas, es decir, las columnas.

LEER ENTRADA

Prueba tus maquetaciones de Responsive Web Design

Prueba tus maquetaciones de Responsive Web Design

24/OCT/2012 5.204 visitas Ver comentarios

Motivado por la aparición de Responsivator, me he decidido a liberar un clon que testea tus diseños web maquetados de manera adaptativa o, como todos lo conocemos, en Responsive Web Design.

El script es muy sencillo, se ocupa mediante una llamada en Ajax de cargar diferentes estados de la url introducida en el área indicada abajo, que no deja de ser un iframe para cada tamaño.

LEER ENTRADA