ARTEgami

Completo manual de CSS

El CSS es lo que marcará los estilos de nuestro diseño, y a pesar de no ser para nada complicado, para alguien que recién comienza puede resultar tedioso, o confuso.
Para sacar ese miedo inicial, y terminar comprobando que no es para nada complicado obtener los estilos que realmente deseamos, los invito a visitar el sitio Manual de CSS, en el cual nos explican claramente y paso por paso todas las técnicas relacionadas con las famosas hojas de estilo.

Entre gran cantidad de cosas, aprenderemos sobre Clasificación de elementos, Alineación, Espacios en blanco, y decoración de texto. Además, nos brindan siete formas de practicar en línea los conocimientos adquiridos durante el aprendizaje, y una lista de los códigos para consultar.
Si seguimos con ganas de aprender, en el mismo sitio vamos a encontrar otros manuales, sobre HTML, Java, JavaScript, ASP y PHP.

Posted in CSS, Diseño Gráfico, Tutorial | No Comments »

Tecnicas de CSS que debemos conocer

SigT nos indica “Las 6 técnicas de CSS más importantes que debemos conocer”. Las cuales resumió de un artículo en inglés, por Trevor Davis, donde nos explican un poco más a fondo sobre las mismas.

Cito textualmente:

1 Conseguir un tamaño de fuente básico consistente.
2 Conseguir márgenes consistentes (”resetear” las etiquetas).
3 Especificar un “float” para limpiar otro.
4 Reemplazo de imágenes.
5 Falsas columnas.
6 Sprites en CSS

Posted in CSS | No Comments »

Crea un menú en línea

IzzyMenu es una herramienta que te permitirá crear en línea un menú CSS y DHTML para tu sitio web de una manera sencilla y rápida. Puedes elegir entre los que te ofrecen en su galería o empezar uno tu mismo, sin necesidad de saber sobre códigos.

La herramienta es simple. Al iniciarla verás una pantalla en la cual comenzaremos a aplicar los estilos que deseemos, como por ejemplo si será horizontal o vertical, el color o la imagen que ubicaremos de fondo, la tipografía que utilizaremos, las medidas que tendrá, y otras características que personalizaran nuestro nuevo menú. Una vez estemos felices con el resultado, le pondremos un nombre y podremos descargarlo a nuestra Pc.
Es una buena forma de que quienes no sepan mucho sobre código puedan obtener un menú de aspecto profesional para incluir en un nuevo sitio.

Fuente: Leandono’s Blog

Posted in CSS, Diseño Web, Recursos | No Comments »

Templates gratuitos

Mucha gente suele buscar diseños web gratuitos para poder utilizar en sus sitios. También los diseñadores buscan en ellos inspiración cuando esta se encuentra de paseo. Y la realidad es que actualmente hay muchisimos sitios que nos ofrecen templates gratis de gran calidad.

Uno de estos sitios es Templates Feed, en donde nos ofrecen diseños para gran cantidad de plataformas, como por ejemplo: Joomla y Wordpress. Además encontraremos templates en CSS, HTML, PSD, Web 2.0 y Xhtml. Por el momento cuentan con mas de 150 templates, cantidad que de seguro se incrementará con el tiempo, llegando a ser así una de las mejores opciones a la hora de encontrar una nueva plantilla para nuestro sitio.
Podremos visualizar un adelanto del diseño que deseemos, además de leer sus detalles, entre los cuales nos enteraremos del realizador del mismo y del sitio que posea, para así poder visitarlo y ver todas sus creaciones.

Fuente: Xyberneticos

Posted in CSS, Creatividad, Diseño Web, PHP, Plantillas, Recursos | 3 Comments »

Fechas originales en CSS

Cuando uno crea un blog, intenta adaptarlo a sus gustos y espera que sea original en todos sus aspectos, tanto en contenido como en diseño. Una parte importante del diseño de un blog, es como se verán las fechas de las entradas publicadas, sin caer en un cuadrado simple y básico que las represente.

En Templamatic, nos muestran seis maneras de mostrar nuestras fechas originalmente, mediante código CSS y XHTML. Cada ejemplo viene con sus códigos listos para copiar y pegar, por lo cual tampoco necesitamos mucho conocimientos sobre el tema, y finalmente, podremos descargar un archivo .zip con todos los códigos y las imágenes utilizadas en estos ejemplos.
Con un poco de conocimientos, podremos llevar esto mas allá, modificando estos ejemplos y creando de esta manera, una nueva y original forma de estampar nuestras fechas en un blog.

Fuente: Tablosign

Posted in CSS, Diseño Web | No Comments »