Tips al definir tu CSS para una web seria y formal
¿A que tú también te has dado con páginas web cuyo diseño gráfico no tiene nada que ver con sus contenidos o con lo que quiere transmitir? Se da una disonancia entre los contenidos y la presentación, que sin dudas repercute (para mal) en la experiencia del visitante, y en definitiva conspira contra la finalidad … Lee más!
Huir de los errores clásicos para combinar tipografías y fotos como un profesional
Tipografías e imágenes son dos componentes básicos en el diseño gráfico, que nos sirven para expresar ideas con palabras pero también con fotografías. Bien combinadas, ambas pueden generar brillantes piezas comunicativas, que expresan acabadamente lo que se busca comunicar, y que generan en el receptor las sensaciones adecuadas. No obstante, muy a menudo nos encontramos … Lee más!
Por qué te conviene diseñar tu sitio web usando las CSS
Son las llamadas Hojas de Estilo en Cascada, pero apuesto a que el nombre te resultará mucho más familiar si te las presento por sus iniciales en inglés: las famosas CSS. ¿De qué se tratan? Las CSS son, como dice su nombre, hojas de estilo en cascada que permiten unificar en serie el estilo de … Lee más!
¿Cuál Hosting me viene mejor como desarrollador/diseñador?
Los desarrolladores y diseñadores web necesitan servidores potentes y ágiles que puedan mostrar sus diseños y proyectos correctamente. Existen distintos tipos de servicios que un alojamiento web puede tener, dependiendo de nuestras necesidades como desarrolladores y diseñadores. Habrá gente que esté empezando y no necesite tanta potencia, y por ello un servidor compartido le bastará, … Lee más!
Estilo del texto en placeholder
Antes de nada, revisa información si no sabes que es un texto en placeholder. El texto placeholder en el input (en los navegadores que lo tengan implementado) da un color gris por defecto. Para elegir el color que deseemos, simplemente tendremos que añadir estas líneas de código a nuestro archivo CSS. En mi caso he elegido … Lee más!
Enlaces que quizá necesites para diseñar una web
La finalidad de este artículo es simplemente mostrar algún enlace que yo he utilizado para el diseño de webs y otros que me parecen interesantes tanto para novatos, cómo para otros diseñadores web. Estos enlaces pueden estar muy bien para un uso puntual o simplemente para ojearlos y sacar algún uso pero creo que es … Lee más!
Consejo CSS # 7 – Protocolos relativos de direcciones en CSS
Si has creado un sitio con varios protocolos (HTTP, HTTPS, FTP…) existe un método (Relative Reference, RFC 3986), publicado por Paul Irish (muchas gracias por avisar Andrés) para que, dependiendo del protocolo en donde estemos, cambie la dirección, relativizándose e incluyendo al principio el protocolo correspondiente. Aunque existe un error en IE 7 Y 8 que crea una … Lee más!
Consejo CSS #6
No olvides llamar al archivo CSS entre las etiquetas <head>, para así optimizar la velocidad del sitio y que cumpla los estándares. Existen varias herramientas para optimizar el código CSS, como expuse hace unos días en el artículo 11 herramientas útiles para chequear, optimizar y limpiar tu CSS.
Consejo CSS #5
Algunos navegadores basados en Webkit como Safari o Chrome incorporan por defecto una ampliación en las cajas de texto (textarea). Esto puede dar lugar a modificación en la estructura del sitio, si se utiliza. Si no te interesa este comportamiento y deseas eliminarlo, no tienes más que incluir estas líneas en tu código CSS: textarea … Lee más!
Consejo CSS #4
Cuando estés aplicando margin o padding, o cualquier otra propiedad que tenga valores direccionales, ten en cuenta que si no especificas la dirección (margin-left, margin-top…), es decir, si aplicas css shorthand, tendrás que seguir el sentido de las agujas del reloj para guiarte en las direcciones.
Consejo CSS #3
Cuando estés aumentando o disminuyendo el tamaño de la tipografía, usa EM en vez de píxeles (PX). Los píxeles pueden ser interpretados de forma distinta dependiendo de cada navegador, especialmente Internet Explorer, mientras que usando EM, tendrás la seguridad de que el tamaño de la tipografía se mostrará exactamente igual en cualquier navegador. Más info.
Consejo CSS #2
La clase (class) y los identificadores (ID) no son iguales. ¡Si aplicas un determinado ID a un elemento, no podrás repetirlo en otros elementos y el documento no tendrá el código CSS válido! Para ello, usa las clases.
