Los que nos dedicamos al diseño web sabemos que a la hora de convertir PSD a HTML, es imprescindible optimizar el tiempo de trabajo y maximizar los resultados.
En este artículo te muestro una serie de herramientas para diseñadores, que te permitirán trabajar de manera más eficiente y rápida.
Dentro de la codificación HTML y CSS existen varios elementos que componen un documento web.
Cuando convertimos de PSD a HTML es fundamental que conozcamos las diferencias entre los tipos de elementos block y los inline, ya que de ellos dependerá el éxito de nuestra maquetación.
En este articulo te enseño las diferencias entre estos dos importantes elementos.
Las cosas que hacen más atractivo a un sitio web, se encuentran por lo general en la usabilidad y en la interface con el usuario. Y los botones animados son uno de los elementos más impactantes dentro de nuestra página.
En este artículo te enseño como crear atractivos botones animados con CSS3 sin utilizar Flash.
Con la llegada de CSS3, la nueva y última versión de las hojas estilo cascada CSS, también llegaron novedades muy útiles como una serie de efectos visuales que antes solo podíamos realizarlos por medio del montaje de imágenes del tipo mapa de bits (JPG, GIF, PNG)
En este artículo te enseño un poderoso y muy atractivo Efecto de Hundido para aplicarle a las tipográficas de un documento web por medio de los efectos CSS3.
Todo cambia.
Internet y el diseño web no son ninguna excepción a la regla.
A medida que pasa el tiempo, las tendencias de diseño web van evolucionando y creo muy interesante en esta altura del año, estar al tanto de lo que nos espera en el 2012.
Antes que termine el año, quería darte sinceramente las gracias por acompañarme durante el 2011, y espero poder apoyarte durante el 2012 en todo lo que se refiere a desarrollo web y maquetación con XHTML y CSS.
Para esto me gustaría que a través de un comentario me cuentes que te gustaría encontrar en este blog durante el próximo año.
Así con tus sugerencias podré preparar contenidos de tu interés.
Te envío un fuerte abrazo, y te deseo un muy buen fin y comienzo de año !
Saludos!!!!!
Cristian
Uno de los mayores desafíos al que se enfrenta cualquier programador web, es sin duda, el compromiso de que sus páginas se vean iguales en todos navegadores. Y gran parte de este desafío, son responsables los estilos CSS.
En este artículo te doy una técnica indispensable para que puedas asegurarte que ningún navegador te jugará una mala pasada.
¿Te ha pasado alguna vez que debes armar una página con un menu CSS y texto html, pero tienes muy poco espacio?
Pues aquí te presento una solución excelente. En este artículo te muestro como crear un menu CSS / HTML y solapas con texto que pueden aparecer y desaparecer.
Seguro has estado en esta situación: Terminas de maquetar tu sitio web y al probarlo en Internet Explorer hay cosas que aparecen corridas, o peor, ni siquiera se ven.
En este artículo te comparto una guía de consejos para lograr la mayor compatibilidad con Internet Explorer.
El buen uso de las fuentes HTML ha sido uno de los aspectos que más se ha dejado de lado a la hora de la maquetación web o conversión de PSD a HTML, cuyo liderazgo es llevado por la fuentes clásicas de sistema. Sin embrago es de VITAL IMPORTANCIA detenernos y trabajar sobre este tema si queremos obtener sitios web profesionales en diseño y usabilidad.
En este artículo te enseño como puedes integrar a tus páginas web, cientos de tipografías profesionales y de alta calidad, con la ayuda de Google Web Fonts.
Si bien es posible realizar bordes redondeados CSS compatible con IE, Firefox, Safari, Chrome y Opera, algunas veces queremos prescindir del uso de CSS3 y realizar dicho efecto con HTML y CSS2 stándard.
En este artículo te enseño una técnica para realizar bordes redondeados CSS con la utilización de imágenes y sin CSS3.
Si te dedicas al desarrollo web o estás empezando a incursionar en esta actividad, seguramente ya sabrás cual es nuestro pero enemigo: sí, el Internet Explorer.
Este navegador posee tantas incompatibilidades que es prácticamente imposible que nuestros sitios se vean iguales en IE como en los otros navegadores.
En este artículo te enseño como detectar Internet Explorer 6, 7 y 8 , y así poder crear código personalizado para cada uno de estas versiones.
La semana pasada mantuvimos una reunión con Uriel, un suscritor del blog y unas de las tantas personas que han accedido al Curso Completo de maquetacion «PSD a HTML Paso a Paso».
En dicha reunión, Uriel me consulltó sobre una duda de maquetación que tenía con un proyecto web con el que está trabajando. Su duda se refería a como visualizar y estructurar correctamente las diferentes partes del documento.
Uno de los problemas típicos con el que nos encontramos a la hora de convertir un PSD en HTML cuyo diseño posee columnas con contenidos variables, es que el alto de las mismas sean iguales independientemente de la cantidad de contenido que posea cada una.
En este artículo te explico como superar este obstáculo.
Es sumamente recomendable que utilices etiquetas, propiedades y métodos que sean compatibles con los navegadores mas usados (Firefox, IE, Chrome).
Procura aplicar colores neutros o pasteles al fondo HTML de tus páginas y lograrás una mejor lectura de tu documento.
Muchas veces, nuestra hoja de estilos CSS, queda de un tamaño inmenso al terminar nuestro sitio. Pero CSS nos permite acortarla, haciendo uso de las propiedades Shorthand.
En este artículo te enseño como realizalo.
Consejo Rápido:
Intenta mantener los párrafos de texto, lo más cortos posibles, y sepáralos con un Enter.
Esto facilitará mucho la lectura de tus páginas.
