Desarrollo web. Redes sociales, Herramientas Web y más

Categoría "CSS"

Multiples columnas utilizando listas y CSS

Crear listas con multiples columnas en nuestra Web es una manera muy utíl de reducir espacio innecesario y aprovecharlo con otros modulos, por ejemplo en mi blog tengo una lista de categorías en el sidebar, estan en 2 columnas y para mi encajan a la perfección.
Seguir leyendo...

Gráficos de barras con CSS y Javascript

 

CSScharts es un método para generar gráficos de barras sin necesidad de utilizar la potencia de PHP, muy eficiente para tareas simples, en este tutorial podremos ver la manera más fácil de implementar en nuestra aplicación Web.
Seguir leyendo...

Zen Coding: Acelera la escritura de HTML/CSS

 

Zen Coding es una herramienta que nos ayudara en acelerar la escritura de nuestro código HTML y CSS utilizando una sintaxis muy intuitiva que nos generara automáticamente con presionar ctrl+, la estructura real de nuestro código. Esta Herramienta esta disponible online, de manera que no necesitamos instalar nada para probar su funcionalidad ...
Seguir leyendo...

Ordenar columnas de una tabla con Javascript y TinyTable

TinyTable es una librería con el fin de ordenar columnas de una tabla, esta funcionalidad la realiza con JavaScript, sin peticiones al Servidor de Base de Datos. Esta librería no solo tiene la opción para ordenar, también nos permite: Paginar, customizar el numero de filas por pagina, buscar por contenido en la tabla ...
Seguir leyendo...

Typekit: Muestra cualquier fuente en tu Web

Typekit es un servicio Web el cual nos brinda algo muy interesante y particular, darnos la posibilidad de poner cualquier tipo de fuente en nuestra Web. Esto lo realizamos primeramente registrándonos y obteniendo una cuenta Trial, la cual nos servirá para este ejemplo.
Seguir leyendo...

Editar y Testear código Javascript Online

JSBin es una aplicación Web que nos permite editar, depurar y testear nuestro código JavaScript y CSS mediante un editor de código en línea, este particular Servicio Web también nos permite incluir los Frameworks más utilizados en JavaScript como: Prototype JS, Mootools, jQuery, Dojo, entre otros ...
Seguir leyendo...

10 alucinantes juegos hechos con JavaScript

Con la llegada de Ajax, el conocimiento de Javascript definitivamente a sido necesidad de muchos diseñadores y desarroladores Web. Javascript no solo sirve para validar formularios, ni realizar alertas o para modificar codigo HTML, tambien pueden realizarse juegos muy buenos con la ayuda de funciones drag and drop, cavas, y animaciones que trae esta popular tecnologia ...
Seguir leyendo...

TOP 5 Editores WYSIWYG para nuestras aplicaciones Web

Los textarea con WYSIWYG (What You See Is What You Get) en nuestras aplicaciones Web dan una facilidad para los usuarios al poder enriquecer más el texto ingresado, ya sea con imágenes, sangría, fondos, color de texto, entre otras opciones que nos brinda esta herramienta ...
Seguir leyendo...

5 Recomendaciones para codificar mejor nuestro CSS

Este excelente articulo de Developers Paradise nos enseña que el uso del CSS incorrectamente a la larga nos puede traer ciertos problemas de mantenimiento, como por ejemplo al querer cambiar la estructura de una sección y no saber donde están agrupados nuestras clases o simplemente querer cambiar el tipo de fuente de nuestra web y tener la propiedad font-family por casi todo el archivo CSS. Estas 5 recomendaciones les pueden ayudar a escribir mejor el código CSS. 1. Utilizar CSS Reset El propósito de esta técnica es restablecer las propiedades CSS que los navegadores ponen por defecto, como alturas de línea, márgenes y tamaños de fuente. html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, ...
Seguir leyendo...

Optimizar CSS online con CSS Formatter.

Navegando en la Web encontré esta excelente herramienta online para optimizar nuestro código CSS. CSS Formatter nos permite realizar la compresión de 2 formas, pegando todo el código CSS en el textarea que aparece o dejando la url publica donde se encuentra el archivo CSS a optimizar. Mediante su panel de opciones podemos decir que grado de compresión y optimización queremos que realice a nuestro código, puede ser estándar, alto o muy alto.
Seguir leyendo...