CSS
Estilizar listas con jQuery y CSS
Algunas veces, ya sea por estética o para dar un mejor estilo a nuestros módulos, sistemas o páginas, resulta interesante reemplazar los estilos de los objetos HTML. Este post va ser el comienzo de una serie de posts para reemplazar la estica de estos elementos. Para nuestro objetivo nos valemos del framework jQuery y algo de CSS. Empezaremos con las listas, es totalmente aplicable, tanto a listas ordenadas como desordenadas.
Lector de Noticias con XML, PHP y jQuery
Antes de que empieces a leer el post, la DEMO de lo que intentaremos desarrollar.
A pesar de que el título figura como “Lector de Noticias con XML y PHP”, la utilidad del mismo puede ser adaptada a cualquier tipo de proyectos donde podamos hacer lectura de un XML, aunque también podríamos cargar páginas HTML o dinámicas, como por ejemplo una galería de imagenes o simplemente un listado de pesonas de diferentes sectores de una empresa
Como hacer un Ribbon, Cinta o Stickers con CSS
En este pequeño pero interesante post intentaré explicar como hacer esas cintas o stickers que muchas veces vemos, por lo general en los blog en la esquina superior derecha. Para lograr este efecto, lo haremos con una sola linea de código CSS. Pero para comenzar, como primer paso tenemos que diseñar nuestro sticker. En mi caso lo hice con Corel X3, pero pueden utilizar la herramienta grafica que mejor dominen, entonces manos a la obra:
De numeros a letras en PHP
En ocaciones tuve la necesidad de pasar de numeros a letras con ASP ,que lo dejaré para un proximo post. Ahora comparto las mismas funciones pero para PHP. Es útil esencialmente cuando queremos representar el dinero en letras o numeros altos donde necesariamente debemos pasarlo a texto. La funciónes es sumamente fácil de usarlo en, principio solo debemos pasar el numero de esta manera
Resetear CSS (Hojas de Estilos)
Cuando empece a desarrollar sitios para la Red de redes, lo primero que pense es ¿por donde empiezo?, tenia una formación en análisis de sistemas, modelado y programación, pero nada para la Web. Esto me llevo a investigar y me quedo claro que era, Primero diseñar, luego maquetar (con CSS y Javascript) y luego la programacion con el lenguaje de servidor de turno. Y asi lo hice, empece con el diseño, una vez terminado pase a la maquetacion con hojas de estilo y es acá donde empezaron mis primeros problemas, y lo que nadie me dijo o por lo menos no encontre en los tutoriales que lei
Menu Drop Down con jQuery y CSS
Vamos a desarrollar un menu estilo Drop Down, de fácil mantenimeinto, usable y accesible con jQuery y CSS:
1º Paso: HTML
Comenzamos creando una lista desordenada con <ul> que luego será nuestro menu, de esta forma:
Diseño de Formularios con CSS
Si estas aburrido de trabajar siempre con las mismos inputs o cajas de texto, te presento una alternativa, que utilizando un poco de diseño y css podrías reemplazar por completo esos aburridos formularios de contacto.
La técnica conciste en primero ocultar el input mediante css, luego diseñamos con la aplicación de diseño gráfico que más te guste una caja de texto, como por ejemplo: