Snippely es una ligerísima aplicación construida sobre Adobe Air con una función muy concreta, guardar tus recortes de código y mantenerlos organizados mediante grupos. En cada snippet es posible agregar varios recortes de código y notas explicativas. Además soporta varios lenguajes de programación y los colorea como es debido. Cosa fina vaya.
RUDEWORKS / El blog-portfolio de RUDE
09/04Snippely
19/03MoreCSS.js añade propiedades a tus CSS (y probablemente lo invalida)
Desde Xyberneticos doy con MoreCSS, una herramienta en JavasCript que añade una serie de ordenes definibles mediante CSS. Los creadores han aplicado una serie de ideas que bien podrían formar parte de los estándares del CSS.
Robert Nyman nos proporciona una buena manera de dar estilo al elemento <button>. El único problema son un par de píxeles de padding que sólo aparecen en Firefox.
Se lo han currado mucho en la Weblog Tools Collection para separar los pingbacks de los comentarios, pero creo que me sigue convenciendo más la opción que propuso en su día Anieto2k.
Checkboxes y radio buttons al más puro estilo iPhone sin necesidad de SDK. Tan solo hace falta la magia de jQuery y el estupendo plugin jQuery checkbox.
03/03jQuery para diseñadores
En Web Designer Wall nos proporcionan una serie de minitutoriales sobre jQuery útiles para diseñadores web. Ejemplos claros, simples y enfocados sobre un tema.
27/02Modalbox, mola
Se nota que vamos avanzando en materia de lightboxes, al menos gráficamente. La funcionalidad ya está bastante clara así que ahora toca mejorar tiempos de carga y grafismo. Esos son los puntos fuertes de Modalbox, un lightbox al estilo de las ventanas de diálogo de Mac OS X.
Elegante, ligero, genial. Vía Isopixel.
15/02El Clearfix perfecto
Hoy me he encontrado con Perishable Press, un blog enfocado sobre todo a programación para web y sobre la plataforma WordPress. Entre sus últimos artículos he encontrado uno que me ha parecido especialmente interesante. En dicho artículo analiza la validez de los métodos de clearfix existentes y los combina para obtener un resultado adecuado para cualquier terreno.
El resultado es este:
/* slightly enhanced, universal clearfix hack */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix {
display: inline-block;
}
/* start commented backslash hack \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* close commented backslash hack */
Los cambios principales son el reemplazo del punto (.) por un espacio como contenido para el bloque que realiza el clear y la adición de una medida nula para dicho contenido (font-size: 0).
13/02Fancy Zoom
Un lightbox nuevo se añade a la familia: Fancy Zoom es, en primer lugar, uno de los más bonitos que he visto hasta la fecha y, en segundo lugar, perfecto para los amantes de la estética y funcionalidad Mac. Estética por la forma tipo QuickLook de ampliar las imágenes, el iconito para cerrarlas, la sombrita, el fondo tipo HUD de las descripciones, el icono que se ha currado para la aplicación (voy a suponer que el autor), etc. Funcionalidad porque imita algunas características de Mac OS X, probad a hacer click sobre alguna imagen (o sobre el icono para cerrarlas) con la tecla Shift (Mayúscula) pulsada. ¿Quién se lo trae a jQuery?
Vía Shaun Inman.
04/02PHP Speedy
Hace unos días os hablé de un script que mejoraría la velocidad de carga de vuestros sites con sólo un par de parámetros. Bueno, pues el autor ha ido un paso más allá y ahora el script tiene nombre propio: PHP Speedy y posee hasta un instalador configurable, es decir, te pregunta qué quieres reducir y cómo y después te da el código a insertar en tus páginas.
Además funciona de maravilla.
Desde la genial WPCandy, sencillísimo tutorial para incluir contenido sólo para administradores logeados en nuestros themes. Muy útil para webs de clientes que no quieren complicarse la vida.
24/01Miniposts en el loop de WordPress (Parte II)
Ante todo y sobre todo, mil discuplas por tardar más de dos meses en poner la segunda parte de este tutorial, pero necesitaba preparación mental, porque es una segunda parte con mucha chicha y espero que se vea recompensada con un montonaco de pingbacks (es coña).
Esta vez, vamos a generar miniposts a partir de nuestro Twitter (o cualquier otro feed externo). Para empezar, lo mejor será que os releáis la primera parte del tutorial, porque el principio es el mismo.
24/01Aumenta la velocidad de carga de tu web (y saca mejor nota en YSlow)
Ayer encontré vía Sentido Web una solución a un problema que venía acosándome desde hace un tiempo, y es que RUDEWORKS suspende sometida a las pruebas de YSlow y ciertamente no carga muy rápido. Pues bien, ayer estuve tratando de integrar este script, llamado Site speed boost Script de Acid Drop y tras unas cuantas pruebas fallidas lo hice funcionar satisfactoriamente. Su función es la de unir todos los CSS en uno y comprimirlos en Gzip, al igual que el Javascript y el HTML .
Ahora mismo no es que apruebe en el YSlow, pero ha mejorado mi nota en casi 30 puntos (mejoraría más si detectara los expires, pero no me los pilla de ninguna manera).
IE7/IE8 es un JavaScript que mejora el comportamiento de IE5.5 y superiores con los CSS , aparte de arreglar el pequeño problema que IE6 tiene con los PNGs transparentes. Habrá que probar.
2