Si hay algo que me apasiona además del diseño gráfico es “Css”, aunque si nos ponemos a pensar, para lograr manejar correctamente este lenguaje hay que ser muy creativo y saber diseñar de la mejor forma la hoja de estilo, por lo tanto yo creo que cualquier persona que sepa utilizar este lenguaje de algún modo es un diseñador.
Si tienes ganas de convertirte en un “diseñador Css” o te gustaría perfeccionarte en distintos aspectos sobre este hermoso lenguaje, aquí tienes una recopilación de 92 tutoriales y recursos que te serán muy utiles.
Menus & Buttons
El propósito de esta entrada es demostrar el poder que CSS tiene y que sinceramente no aprovechamos. Quiza sea algo difícil, pero creanme que vale la pena terminar y ver algo que funciona en casi cualquier ordenador sin importar su navegador, soporte de CSS, resolución, etc…
This tutorial I will show you how to slice up the menu design (step by step) and put them together with CSS. Most of you probably know how to code a horizontal or vertical CSS list menu…
Is there any harm in documenting a seemingly rudimentary and obvious CSS technique? I tend to think not, and so the following may (or may not) turn out to be enlightening for you, depending on the level of your CSS-ness…
…Seguir leyendo
Gracias a este sencillo/liviano script (1KB) en el menú central del blog funciona el efecto hover en cualquier navegador que se imaginen, y en esta entrada les enseñare como hacerlo.
Si ustedes saben ingles pueden acceder aquí tienen el link hacia el sitio oficial donde enseñan como emplearlo, pero si no saben pueden seguir con mi explicación: Me gustaría señalar que con este poderoso script seremos capaces de añadir el estado Hover a cualquier elemento (y sin perder la valides del código, tanto Html como Css), lo primero que debemos hacer es insertar este el script en nuestro Head, entre las etiquetas head /head:
sfHover = function() {
var sfEls = document.getElementById(”nav”).getElementsByTagName(”LI”);
for (var i=0; i
sfEls[i].onmouseover=function() {
this.className+=" sfhover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
Como verán …Seguir leyendo
El otro día me puse a pensar que es lo que prefiero a la hora de diseñar mis webs, entonces recurrí a la memoria y comencé a pensar como había empezado todo… Fue una tarde de lluvia (no me acuerdo muy bien el día) que decidí bajarme el famoso editor de páginas web: Dreamweaver 7.0. Al abrir por primera vez el programa, me di cuenta, que iba a ser más costoso de lo que creí, luego de varios días de leer por doquier: tutoriales, códigos, tips, etc. Comencé a entender el amistoso Html y su funcionamiento, con mis nuevos conocimientos adquiridos decidí hacer mi primera página de práctica, maquetada al 100 x 100 con tablas xD (en aquel entonces no tenia idea del mágico Css).
Continuando con mi incursión en este nuevo mundo decidí probar suerte en otras áreas,
Así fue como conocí las Cascading Style Sheets (Css), al principio no me gusto nada la idea de tener que estructurar una web enteramente con div´s, resulto muy difícil al principio y me trajo muchos problemas, pero con el tiempo uno se acostumbra y llega a amar a estas hojas de estilo.
La historia todavía no se acaba aun, un buen día un amigo me dice: “Lucas, tu pagina se ve horrible en Firefoxs…” y yo pensé: ¿Qué es eso?… lo primero que hice en ese momento fue bajarme el preciado navegador (el cual ahora uso todos los días, sin falta alguna) y visitar mi pagina a través de él, me di cuenta que mi pagina tenia muchos errores no detectados por el #$%”¡/% IE pero si por MF, así comenzó mi odio por el Internet Explorer (creo que a todos nos debe haber pasado lo mismo).
Siguiendo mi incursión por nuevos mundos, decidí investigar sobre la programación, ya que me sentía muy limitado al no poder implementarla en mis páginas, entonces comencé a leer sobre el Php y su base de datos Mysql, así fue como me baje mi primer Localhost y mis primeras bases de datos aparecieron.
Me sentía muy contento con mis conocimientos, pero seguía faltando algo… “El diseño”, no tenia idea de como hacer un botón en PSD, una cabecera animada en Flash, una presentación interactiva… ni siquiera un “simple degradado de fondo”, es decir, no sabia nada. Entonces decidí bajarme el FireWorks 7.0, el cual me fue muy sencillo de aprender a usar e implementar en las webs, sin embargo, seguía limitado en ese aspecto, ya que el FireWorks no te ofrece tantas herramientas como el PSD o el AI, sin quedarme de brazos cruzados, me baje aquellos programas junto con el Flash 8 y aprendí a usarlos, no a la perfección, pero me siento capacitado como para hacer un degradado xD.
…Seguir leyendo
Agregar a Google Reader
Agregar a My Yahoo!
Agregar a Bloglines
Agregar a Netvibes
Agregar a Delicious
