Cómo superponer contenido sobre una animación en Flash
Gracias al posicionamiento mediante CSS es posible controlar el lugar donde aparecerá cada uno de los elementos de nuestras páginas en la pantalla de los visitantes. Si bien con propiedades como float es posible acomodar con facilidad cada capa en un costado de la pantalla, hay una propiedad muy interesante que nos permite superponer distintos contenidos entre sí y de esta forma lograr un complejo efecto visual sobre animaciones, imágenes u otro tipo de contenidos que queramos desplegar.
Es por eso que hoy, en un nuevo tutorial que les trae CLH, estaremos viendo en detalle la propiedad z-index de CSS, la cual nos permite lograr lo antes descrito.
El detalle, como siempre, después del salto.
Cómo implementar donaciones vía PayPal
Hace algún tiempo nos llegó una petición sobre como incorporar un sistema simple de donaciones vía PayPal en un sitio Web cualquiera. Luego de investigar un poco al respecto, porque en verdad no sabíamos nada sobre el proceso propiamente tal, nos dimos cuenta que es bastante simple y rápido de hacer, ya que el propio PayPal se encarga de la mayor parte del proceso, dejando que nos preocupemos de lo más importante: personalizar y recibir el dinero que los usuarios nos quieran donar.
Hoy, en CLH, veremos como implementar este simple sistema de donaciones en nuestros sitios Web. Y lo veremos en detalle, como siempre, después del salto.
Cómo optimizar tu sitio Web en 10 pasos
Cientos de miles de millones de horas más tarde, trasnoches al por mayor, litros y litros del buen café-café, dosis interminables de snacks y un sinfín de decisiones tomadas (¿Qué color? ¿Verde? ¿Rojo?) te han llevado al momento que tanto esperabas: El sitio está terminado y listo para el lanzamiento. A descansar ahora ¿no?, nada más lejos de la realidad.
Para todos aquellos que les gusta el diseño Web, trabajan en ello, o bien ambas, no hay mejor momento que cuando un sitio es terminado y se lanza. Sin embargo, junto con eso, se sabe que el trabajo no está ni cerca de terminar, ya que desde ese instante en adelante comienza el proceso interminable de la optimización y mejoramiento de lo que se ha hecho, lo cual, siendo bastante honestos, puede terminar siendo aún más exhaustivo e interminable que el proceso de diseño y desarrollo.
Pues bien, hoy en CLH, en nuestro continuo afán de hacer la vida un poco más sencilla, les traemos un sencillo top ten con algunos tips y trucos para que puedan optimizar sus sitios Web, para al menos partir con un poco de orientación en este largo y complejo camino.
El detalle, como siempre, después del salto.
CLH Express: Compresión CSS/Javascript, Feedburner, Blogger, Firefox, Pdf’s y más Pdf’s
Continuando con la sección que hace poco dimos por inaugurada, hoy cubriremos algunos tips y peticiones pequeñas que han llegado al buzón oficial de CLH. Desde incrustar archivos PDF en un sitio Web, hasta comprimir nuestras hojas de estilo y utilizar Feedburner en blogs de Blogger, los invitamos a conocer el detalle, como siempre, después del salto.
Cómo añadir tooltips a tu Web
Hace algún tiempo me encontré en la situación de tener que implementar tooltips en un proyecto Web. Luego de buscar y experimentar distintas soluciones (la mayoría basadas en librerías externas en jQuery), me fue posible notar la dificultad de implementación que tenían estas para alguien que no contaba con gran experiencia en jQuery, como era mi caso, por lo que la experiencia terminó siendo menos que satisfactoria.
Sin embargo, al seguir buscando, fue posible encontrar una forma mucho más sencilla de implementar estos tooltips, todo con la ayuda de nuestro querido y nunca bien ponderado CSS. Esta forma, se las contamos hoy mediante un sencillo y rápido tutorial.
El detalle, como siempre, después del salto.
Cómo crear un menu desplegable para Web
Debo reconocerlo: Siempre he sido un fan acérrimo de los desarrollos Web. Y como tal, siempre me gusta estar buscando nuevas herramientas y utilidades para añadir a nuevos proyectos. Una de las cosas que más me gusta de cada nuevo desarrollo es la creación de los menús, algo que sin duda forma gran parte de la estructura visual de lo que haremos.
Dentro de los menús, sin duda que los desplegables son de los más funcionales que podamos utilizar. Esto se debe a que nuestros proyectos, ya sean simples sitios Web, Blogs o Sistemas, normalmente cuentan con una serie de secciones, las cuales son más fáciles de acomodar mediante un buen menú desplegable con secciones y sub-secciones.
Para el desarrollo de estos menús existen varias alternativas: Software que construye menús en Flash o DHTML, librerías, frameworks de CSS y más. Hoy en CLH, mediante un sencillo tutorial, les enseñaremos a construir un menú desplegable simple, funcional y atractivo graficamente, con el uso de algunas librerías fáciles de implementar.
El detalle, como siempre, después del salto.
Cómo crear un slideshow para nuestros sitios Web
Quizás el término “slideshow” sea algo desconocido para muchos. Cuando hablamos de eso, nos referimos a un set de diapositivas animadas, dentro de las cuales podemos incluir imágenes, que van rotando con el paso de un tiempo determinado.
Esta sin duda es una inclusión muy atractiva que podemos hacer en nuestros sitios Web si tenemos contenido que quisiéramos desplegar de esa forma. Pues bien, hoy, en CLH, les traemos una sencilla forma de aplicarlos en sus páginas Web mediante el uso de librerías de carga rápida y que les entregarán un efecto sólido para sus visitantes.
Todo el detalle, como siempre, después del salto.
Cómo dominar CSS sin salir del escritorio - Parte 4
Ha llegado el momento de continuar esta saga que empezamos hace algún tiempo sobre las hojas de estilo y sus diferentes aplicaciones a nuestros sitios Web.
Viendo que ya hemos cubierto las temáticas más básicas, hoy adentraremos en algunos contenidos más avanzados, como siempre con sus respectivos ejemplos para dejar todo mucho más claro.
El detalle, como siempre, después del salto.
Cómo estilizar los formularios de nuestros sitios Web
En el último tiempo hemos cubierto diversas temáticas sobre los siempre útiles formularios. Desde su construcción, hasta la creación de distintas funciones de validación, hemos podido apreciar las diferentes cosas que podemos hacer con ellos y los múltiples usos que podemos darles.
Sin embargo, un aspecto muy importante que no habíamos cubierto hasta hoy, era el darles un poco más de estilo, gráficamente hablando.
Pues bien, eso lo veremos a continuación, utilizando sencillas herramientas para que podamos disponer de unos formularios super “kewls” en nuestras páginas Web.
El detalle, como siempre, después del salto.
Cómo dominar CSS sin salir del escritorio - Parte 3
Bienvenidos sean todos y cada uno de Uds. a un nuevo número de “Como dominar CSS sin salir del escritorio”, la saga que pretende adentrarnos en el aprendizaje de las hojas de estilo y como aplicarlas adecuadamente a nuestros sitios Web.
Hoy retomaremos exactamente donde quedamos en la última ocasión y seguiremos viendo algunos conceptos importantes para aplicar.
El detalle, como siempre, después del salto.
