A pesar de su innegable utilidad para cosas tan pesadas como maquetar un diseño basado en una retícula (grid based en inglés) siempre me ha parecido que usar frameworks CSS era matar moscas a cañonazos.
La mayoría nos proponen usar una hoja de estilo adicional, llena de cosas que podemos usar o no y, francamente, me da angustia.
The 1Kb CSS Grid es la solución a mis problemas con los frameworks, me permitirá arrancar un diseño en retícula de forma mucho más rápida y controlada pero sin sobrecargar mis páginas con cosas inútiles.
Selecciona el número de columnas que quieres emplear, su tamaño y el tamaño de los márgenes entre ellas y listo, es tan sencilla que incluso es cuestión de segundos modificar los nombres de las clases para usar unos con algo más de sentido.
The 1Kb CSS Grid: http://www.1kbgrid.com/
Sobre todo cuando trabajamos con hojas de estilo grandes podemos dejarnos atrás elementos que ya no se utilizan y que, a pesar de no servir para nada, suman al peso final de nuestra CSS.
CSS Redundancy Checker es una sencilla utilidad online con la que podremos encontrar todos esos selectores a los que ya no se hace referencia desde ninguna de nuestras páginas. Para ello simplemente tendremos que introducir la dirección de nuestra hoja de estilo y las URL de todas las páginas que la utilizan (o una muestra significativa de ellas para sitios basados en plantillas, por ejemplo).
La utilidad se encargará de comprobar los selectores que se emplean en las páginas y nos devolverá una lista de aquellos que nos sobran por no ser utilizados en ninguna de esas páginas.
CSS Redundancy Checker: http://services.immike.net/css-checker/
Vía No Sólo Código
Ahora que todo hijo de vecino y su web tienen cuenta de Twitter nos vemos constantemente en la “necesidad” de promocionarla para conseguir mas seguidores.
La gente de Go2Web20, más conocidos por su directorio de aplicaciones web, han lanzado una pequeña utilidad con la que podrás crear un badge que resultará bastante llamativo al estar fijo en un costado de tu web.
Introduce tu cuenta de usuario, selecciona el texto del botón de entre las opciones disponibles, personaliza el color de tu badge y pega el código resultante justo antes del final del body (</body>) de tu página web.
Twitter “Follow” Badge: http://www.go2web20.net/twitterFollowBadge/
Vía Maestro Alberto
Creo que a estas alturas todos estamos al tanto de que hay mucha gente que tiene problemas para distinguir colores o, sin ir más lejos, que no tiene tan buena vista como un adolescente ¿verdad?
Checkmycolours es una cómoda herramienta online que nos permitirá verificar que existe el suficiente contraste entre nuestros colores de fondo y los colores del texto.
Para ello sólo tendrás que introducir una dirección URL en su casillero y la aplicación se encargará de hacer la verificación basándose en el algoritmo propuesto por el W3C
Checkmycolours: http://www.checkmycolours.com/
Vía Download Squad
Si sueles publicar ficheros con música o podcasts seguro que ya has probado más de una opción para hacerte la tarea de introducir un reproductor de audio lo más sencilla posible.
No sé si ya lo habrás conseguido pero más sencilla que la que nos proponen con el Yahoo! Music Player lo dudo.
Para hacerlo funcionar simplemente tendrás que incluir el script en tus páginas (sin necesidad de descargarlo, llamándolo directamente a los servidores de Yahoo!) y enlazar tus ficheros mp3.
Con sólo ese enlace, colocarás un boton de play/pause con el que tus usuarios podrán escuchar directamente el fichero. El script detectará todos los enlaces a .mp3 de tu sitio y los convertirá en una lista de reproducción. Además, pondrás a su disposición un completo reproductor de audio con el que controlar lo que escuchan, permitiéndoles moverse entre los diferentes archivos de forma cómoda.
Yahoo! Media Player: http://mediaplayer.yahoo.com/
Via Feed My App
Iconza es un sitio que te ofrece un set de iconos, como otros tantos, pero con una interesante novedad: podrás personalizarlos.
Una vez cargado el interfaz podrás escoger el color de tus iconos, el color del fondo y el tamaño, una vez lo tengas listo podrás guardar los iconos uno por uno o descargar el pack completo en un archivo comprimido.
Los iconos podrás usarlos en cualquier proyecto, personal o comercial, sin limitaciones salvo una bastante curiosa (y no por ello menos acertada) ¡no coloques iconos violeta sobre un fondo verde fosforescente!.
Iconza: http://iconza.com/
Vía Maestro Alberto
Seguro que, si tienes proyectos en internet, te has visto alguna vez en la situación de buscar hosting. Es una de las búsquedas más comunes y, generalmente, consiste en una mezcla de lo que te recomiendan tus amigos y de la impresión que te da la página web del proveedor, además de cosas obvias como precio y prestaciones.
Hostarting es el nuevo lanzamiento de Inventa Internet y pretende ayudarnos a todos en esa tarea creando un sitio donde podamos consultar y comparar los planes de hosting, ver las valoraciones de los usuarios y expresar nuestra opinión sobre los servicios ofrecidos.
Sin duda es un territorio donde no siempre ha habido toda la transparencia necesaria y es muy positivo que surjan iniciativas así que nos permitan comunicarnos, obtener información y, a las empresas, les permitan conocer las opiniones de sus usuarios y el lugar que ocupan con respecto a la competencia.
Hostarting: http://hostarting.com/
Vía Loogic
Todos sabemos que la elección de colores es un punto determinante de un diseño, no sólo por los significados de los colores si no por que estos acompañen al visitante de forma agradable y no produciéndole terribles dolores de cabeza.
Color Explorer es una potente herramienta que te ayudará a encontrar colores, combinarlos, extraerlos de fotografías e incluso comprobar la accesibilidad de los tonos seleccionados de forma sencilla.
Podrás crear paletas, guardarlas, editarlas y exportarlas en formatos compatibles con Illustrator y Photoshop así como en txt y PNG.
Una herramienta excepcional con la que podrás empezar a jugar sin necesidad de registrarte, pero con la opción de hacerlo de forma gratuita para poder guardar y acceder a tus paletas tantas veces como necesites.
Color Explorer: http://www.colorexplorer.com
Vïa Wwwhat’s new?
Ya hace algún tiempo os hablaba de un par de sitios donde generar fondos para sitios web: TartanMaker y Background Image Maker. Hacía mucho que no veía herramientas de estas por eso hoy voy a enseñaros otra para agregar más patrones a vuestra caja de herramientas.
Dotted Background Generator genera fondos con lunares de uno o dos colores sobre fondos degradados o lisos. El resultado es bastante agradable y podrás descargarlo como una pequeña imagen de 75px de ancho y el largo que especifiques.
Dotted Background Generator: http://www.pixelknete.de/dotter/index.php
Vía MoMB
Si te pica la curiosidad de saber como se verá tu sitio en un iPhone pero ni dispones de uno ni tienes ganas de descargar aplicaciones para comprobarlo prueba iPhone Tester.
iPhone Tester es un cómodo simulador web con el que visualizar tus páginas de forma muy similar a como lo hará un usuario de iPhone e incluso te permite girarlo para colocarlo en modo landscape. Eso si, para que el resultado sea más cercano al real deberás usar la última versión de Safari (disponible para Windows y OS X).
iPhone Tester: http://iphonetester.com/
Vía DosBit
Con este Ebook puedes tener un sitio web con hospedaje y domino gratis, ademas de un CMS gratis, no debes registrarte en nada, lo unico que debes hacer es luego de leerlo compartirlo, regalarlo, si…
Lista de 32 sitios para descargar imagenes gratis, es una recopilacion de no uno ni dos sino 32 Bancos de Imagenes
Post para aprender a descargar las conocidas librerías de Evermotion para diseñadores que trabajan con 3Ds Max.
¿Qué medidas de seguridad se tienen en cuenta en el momento de implementar una subida de archivos en PHP?
¡Hola!
El componente Auth del framework CakePHP guarda las páginas en la memoria cache de IE7 (o eso es lo que creo haber entendido).
Para que no lo haga, he añadido los campos Ca…
Theresa Neil realizó un extraordinario análisis de 12 diseños estándar de interfases web como parte de su libro Diseñando Interfases Web: Principios y pautas para la interacción
50 herramientas extremadamente útiles para PHP
Tendencias de diseño de botones de ”llamada a la acción”
Consejos para agilizar el desarrollo.
Excelentes formularios de comentarios para inspirarnos.
Ver más noticias de los usuarios
