Entradas Categorizadas: Maquetación

Emails HTML responsivos para todos los clientes de correo

Publicado por & archivado en Aplicaciones, CSS, Diseño Web, Dispositivos móviles, General, Maquetación, Tipografía.

Maquetar una newsletter o un mailing responsivo puede ser una tarea muy sencilla o muy ardua dependiendo si tenemos en cuenta o no unas normas básicas para que se vea correctamente en todos los clientes de email ya que no podemos seguir las mismas directrices que para los navegadores desktop, y menos para los de smartphones y APP’s.

Crea templates personalizados para Twitter Bootstrap de manera más rápida y fácil

Publicado por & archivado en CSS, Diseño Web, Dispositivos móviles, General, Maquetación.

El uso del popular framework creado por Twitter, Bootstrap (http://getbootstrap.com/), es muy recomendable para desarrollar proyectos de web responsivo y asegurarnos así una base sólida y correctamente construida para nuestras páginas. A la hora de crear los templates base de nuestro sitio web, una vez instalados los archivos iniciales del framework, hemos de ir buscando los elementos y aplicar las opciones para construir la interface deseada.

Recorta y exporta tus imágenes para la web y dispositivos móviles

Publicado por & archivado en Diseño, Diseño Gráfico, Diseño Web, Dispositivos móviles, General, Maquetación, Photoshop.

Cuando creamos un diseño para web y/o dispositivo móvil siempre llegamos al punto final de tener que recortar y exportar todas y cada una de las imágenes que forman nuestro diseño. Cut&Slice me es un plugin gratuito de Photoshop CS6 que te ayuda a recortar y exportar las imágenes que necesitas sin tener que hacerlo manualmente de manera que te ahorras tiempo.

Hacks de navegador

Publicado por & archivado en CSS, Diseño, Diseño Web, Dispositivos móviles, General, Maquetación.

Desarrollar una página web que tenga un aspecto homogéneo en todos los navegadores y en todas sus versiones es una tarea que conlleva mucho esfuerzo, ya que el motor de cada navegador es diferente a la hora de renderizar el HTML y el CSS. Por este motivo, a veces es necesario utilizar herramientas poco ortodoxas para poder conseguir que nuestra página web se visualize correctamente en cualquier navegador. Estas herramientas se denominan hacks.

Extensiones Google Chrome para diseñadores web

Publicado por & archivado en CSS, Diseño Web, Maquetación.

Para mi es imposible trabajar sobre una página web sin utilizar la herramienta firebug (aunque tengo que decir que me funciona mucho mejor firebug para Firefox que para Chrome). Es por ello que al encontrar el artículo en inglés 20 extensiones útiles de Google Chrome para diseñadores web no he podido evitar compartir algunas herramientas con vosotros aquí.

Aprender a desarrollar webs

Publicado por & archivado en CSS, Maquetación, PHP, Programación.

Programando.la es un directorio de recursos para aprender a programar. Entre los distintos lenguajes que nos ofrecen podemos encontrar enlaces muy interesantes para aprender a desarrollar páginas web en HTML5, Javascript y jQuery, CSS3, PHP, Ruby On Rails, etc. ¿Qué encontraré exactamente en programando.la? Aquí encontrarás un listado de vídeos en español, un enlace hacia la web oficial del lenguaje de programación así como un listado de enlaces con tutoriales en español. Un buen sitio donde empezar a aprender. Web: http://programando.la

Galería de webs hechas con CSS

Publicado por & archivado en CSS, Diseño Web, Maquetación.

The CSS awards Siguiendo el modelo del “site of the day”, esta galería nos presenta una colección de webs maquetadas con CSS y con distintos recursos javascript para darles dinamismo. Un enlace muy útil para buscar la inspiración. http://www.thecssawards.com/

Hacer un div clicable

Publicado por & archivado en CSS, Maquetación.

Muchas veces interesa hacer una zona clicable en vez de un enlace de texto pequeño. En este artículo de friendlybit.com se presenta el código para hacer un div clicable que además puede contener otros enlaces dentro.

Utilizamos cookies de terceros para recoger información sobre sus visitas y su uso de nuestra web. En caso de continuar navegando por esta web entenderemos que acepta el uso de estos dispositivos. Más información: Política de Cookies .

ACEPTAR
Aviso de cookies
Artimedia