Entradas Categorizadas: CSS

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.

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.

Diseños web adaptativos (responsive)

Publicado por & archivado en CSS.

En algunos post que hemos publicado últimamente ya hemos hablado de la importancia de que los diseños web se vean correctamente en todos los dispositivos con tamaños pantalla diversos (ordenadores de mesa PC y Mac, dispositivos móviles como teléfonos y tabletas iOS, Android,…).

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.

¿Qué tal unos cuantos links?

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

MiniAjax Recopilación de ejemplos de código Ajax y Dhtml. http://miniajax.com/ Drag & Drop Sortable Lists with JavaScript and CSS Ordena listas de elementos mediante drag & drop. Muy útil para facilitar la usabilidad de los gestores de contenidos. http://tool-man.org/examples/sorting.html

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