A menudo los usuarios de Internet aprenden que un blog progresa teniendo contenido de calidad, esto es muy cierto, pero no es el único factor para que un blog sea de calidad. El diseño es otro factor importante también, pero el tiempo de carga es un factor muy importante ya que esto garantiza la visita seguida de un usuario nuevo.
Desarrollo web. Redes sociales, Herramientas Web y más
Etiqueta "CSS"
Aquí encontraremos todos los articulos, tips, tutoriales, screencast, relacionados a la etiqueta "CSS". Pueden utilizar el buscador ubicado a la derecha para filtrar mejor tu busqueda.
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 ...
Lightbox JavaScript con TopUp y jQuery
TopUp es un plugin JavaScript para realizar Lightbox, esta desarrollado con jQuery y la librería jQuery UI los cuales nos brindan la posibilidad de tenerlos en nuestra Web. Actualmente TopUp soporta distintos tipos de lightbox, aparte de realizar la función para imágenes, podemos poner Flash, Videos Youtube, Windows Media, RealPlayer, Quicktime, iframes ...
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...
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...
2 excelentes ScreenCasts sobre CSS
Como escribí en un anterior Post, Screenr es un servicio web para crear ScreenCasts rapidamente, esto ah sido adoptado por muchos blogs que están realizando ScreenCasts mediante este servicio, el resultado son estos 2 excelentes video tutoriales sobre CSS que realizaron los editores de Nettuts+ ...
Seguir leyendo...
Generar Thumbnails con CSS
Una de las propiedades de CSS 2.1 es clip, una propiedad que nos sirve para generar efectos visuales que recortan los bordes de un elemento.
Esta es una útil alternativa para ya no generar un Thumbnail con PHP para cada imagen, de esta manera ahorraríamos espacio en nuestro servidor o hosting.
Este ejemplo nos muestra la manera en que se recorta una imagen con la propiedad clip, requiere de coordenadas que están en el siguiente orden: Arriba, Derecha, Abajo, Izquierda (TRBL).
Esta es la imagen que vamos a reducir y cortar
Para lograr este objetivo lo único que tenemos que hacer es crear los estilos para la imagen en el head del html
.clipout{
...
Seguir leyendo...
Soy