Es algo de lo que ya hemos hablado muchas veces en este sitio, una imágen a veces vale más que mil palabras y acompañar nuestras entradas de una imagen puede hacerlas más atractivas para nuestros visitantes. Eso por no hablar de lo importante que es contar con buenas imágenes para el diseño de un sitio web ¿verdad?
Hoy os traigo dos nuevas formas de encontrar imágenes para vuestros diseños y sitios:
En primer lugar Fotoglif pone a nuestra disposición miles de fotos en alta resolución, clasificadas en categorías y con licencia que nos permitirá utilizarlas sin problemas.
Fotoglif: http://www.fotoglif.com/
Por otro lado, el buscador de imágenes de Google ahora nos permitirá filtrar por licencia para encontrar imágenes adecuadas y emplearlas sin miedo a estar violando algun copyright. Para ello simplemente tendremos que acceder a las opciones avanzadas de búsqueda.
Dos buenas noticias para los que nos pasamos el día buscando imágenes ¿no creéis?
Seguro que si visitas este blog a diario ya sabes la cantidad de recursos libres que existen para ayudarte en tus desarrollos web.
Los chicos de Mozilla han decidido crear el Open Web Tools Directory, un directorio donde podrás encontrar bastantes herramientas libres divididas por categorías (design, code, debug, test, deploy y docs) y presentados de una forma poco convencional y bastante visual.
Open Web Tools Directory: http://tools.mozilla.com/
Vía Ajaxian
Supongo que todos hemos tratado alguna vez de optimizar nuestros tiempos de carga para evitar que nuestros usuarios puedan irse a comer mientras cargan nuestros sitios ¿no?.
Ya hablamos hace tiempo de que los usuarios cada vez se esperan menos por un sitio, primero eran hasta 7 segundos pero el tiempo ha ido bajando.
Google quiere ahora animarnos a hacer la web más rápida, tanto como pasar las páginas de una revista, para ello han creado un sitio en el que podremos leer artículos sobre optimización, ver vídeos y descargar herramientas para ayudarnos.
El equipo de Google, además, ha creado una extensión para Firebug con la que evaluar la velocidad de nuestros sitios, al estilo de YSlow (creada por Yahoo!).
Si quieres ayudar a hacer la web más rápida puedes pasarte por el sitio de la campaña y aprender con algunos expertos, eso si tendrás que tener un nivel bueno de inglés para entender los tutoriales y artículos.
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
Firebug es una de esas herramientas que una vez comienzas a utilizar ya no puedes separarte de ella. No sólo por si misma si no por la cantidad de addons que han salido sobre ella (ySlow, FirePHP, Pixel Perfect, etc.).
Robert Nyman nos sorprende ahora con Firefinder un addon que nos permitirá realizar búsquedas en base a selectores CSS o XPATH. El buscador nos ofrecerá un resumen del número de coincidencias en la página y una lista plegable de los elementos correspondientes, ideal para cuando buscamos todos los elementos con una determinada clase o para comprobar que no hemos dado el mismo id a más de un elemento, por ejemplo.
Firefinder: http://robertnyman.com/firefinder/
Vía SitePoint
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
Alojado en RedCoruna Hosting
¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información
El principal motivo por el que no recomiendo utilizar Smarty es porque el propio PHP tiene una sintaxis embebida, lo que permite utilizarlo sin más para escribir plantillas web.
Guerra Creativa es una comunidad para Creativos. Nosotros te proporcionamos el campo de batalla y el armamento para conquistar el mundo creativo. A través de concursos de diseño web y de logos, l…
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”
Ver más noticias de los usuarios
