Desarrollo Web

botonnaranja

Usabilidad: El poder del botón naranja

Dentro de la usabilidad web y de la usabilidad en general el botón es uno de los elementos básicos de interacción y en la mayoría de los casos es el fin de todas nuestros esfuerzos por conseguir que el usuario complete una acción dentro de nuestro sitio web. En este caso nos gustaría hablar de el poder botón naranja. La idea básica es que un botón de un tamaño adecuado y de un color adecuado puede hacer …

Usabilidad: El poder del botón naranja Leer más »

mobile

El concepto de Mobile First

Esta es una filosofía que entronca con el diseño multidispositivo y que defiende que el diseño de interfaz debe partir del diseño de las interfaces para dispositivos móviles, o sea, el móvil primero. La idea es que la adaptación progresiva a formatos más grandes se hará más fácil si se parte de la esencia de los elementos que se deben desarrollar en un dispositivo más pequeño. Digamos que sería algo así como ir de lo concreto a …

El concepto de Mobile First Leer más »

sketch

Google opina que el diseño de tu sitio es importante

El otro día estudiando la documentación de Google Adwords para los exámenes de certificación me encontré una pregunta muy curiosa que os dejo aquí para clientes excépticos-conformistas y en general dedicada a todo aquel que pretenda anunciarse y venderse en internet y que tiene dudas acerca de la importancia de construir un sitio web con más o menos dedicación, esfuerzo y/o dinero. Ahí va la pregunta: Un anunciante ha realizado cambios al diseño de la página de …

Google opina que el diseño de tu sitio es importante Leer más »

kabikume responsive

El diseño responsive o diseño multidispositivo

Me imagino que a estas alturas gran parte de los profesionales del entorno web sabe lo que es un diseño multidispositivo. La verdad es que nosotros llevamos poniéndolo en práctica en nuestros proyectos desde hace años aunque no siempre es fácil que los clientes entiendan el esfuerzo que requiere. La idea es básica, no es lo mismo ver un sitio web o aplicación en un ordenador con pantalla de 21″ que en uno de 12″, o mejor …

El diseño responsive o diseño multidispositivo Leer más »

efectos hover imagenes

Diferentes efectos hover para imágenes

¿Aburrido de usar siempre los mismos efectos de hover sobre una imagen? Nosotros estamos un poco hartos del opacity o del borde en la imagen que aunque son muy efectivos acaban siendo un poco repetitivos. Si te apetece probar algo nuevo y en ocasiones más efectista te dejamos este código para poder sacar el máximo partido a partir de CSS a tus hover. Aqui tenéis en codepen el CSS y HTML necesarios para probar. https://codepen.io/nxworld/pen/ZYNOBZ%20

cache safari desactivar

Cómo se hace para desactivar la caché en Safari

Hemos escrito este artículo por que después de la actualización de Safari 11.0 ha desaparecido un botón que nos era muy útil a todos los desarrolladores y maquetadores de sitios web para evitar la caché de archivos en el navegador. El caso es que el antiguo enlace del menú Desarrollador > Desactivar cachés ahora se encuentra dentro del inspector de Safari como una funcionalidad de la pestaña Tabs. ¿Cómo hacemos ahora para desactivar la caché en Safari? …

Cómo se hace para desactivar la caché en Safari Leer más »

problema microformatos microdata webmaster tools

Cómo arreglar los errores de microformato que provoca el wordpress en Google Webmasters Tools

Entendemos que ya el título es largo y que quizás esto no os haya pasado nunca o lo que es más probable que quizás no os importe demasiado. Nosotros en realidad es que pensamos que cualquier fallo que detecte google va en contra de tu posicionamiento y por lo tanto intentamos validarlo todo para que funcione lo mejor posible y nuestro gran amigo Google se porte bien con nosotros. ¿De qué va este problema asociado a los …

Cómo arreglar los errores de microformato que provoca el wordpress en Google Webmasters Tools Leer más »

Alinear verticalmente con tres líneas de css

Bueno, nos ha parecido interesante dejaros unas líneas de código (extraídas del blog de Sebastian Ekström) que gracias a la nueva compatibilidad con CSS3 de los navegadores modernos permite alinear elementos verticalmente. .contenido{ position: relative; top: 50%; transform: translateY(-50%); } Esto siempre ha sido un dolor de cabeza para todos los diseñadores. Hace muchos años cuando existía la hegemonía de la tabla, era todo más fácil. De hecho todavía hay gente que con mal criterio sigue usando …

Alinear verticalmente con tres líneas de css Leer más »

Provincias españolas separadas por coma

Bueno, hoy estaba buscando un lugar dónde hubiera un simple listado de las provincias españolas para hacer un copia y pega sencillo y al final no he podido. Así que se me ocurrió dejarlo aquí por si le sirviera a alguien que se hubiera encontrado en la misma tesitura 😉 Un saludo y si falta alguna provincia o hay alguna falta ortográfica que corregir no dudéis en comentarlo. Descargar provincias españolas separadas por coma