Los inputs de tipo file son un asco, no se les puede dar estilo sin recurrir a javascript y sólo nos permiten subir un fichero de cada vez.
Si estás buscando una forma de conseguir que tus usuarios puedan seleccionar múltiples ficheros usando las teclas control y mayúsculas para escogerlos de su disco duro y, además, te gustaría mostrarles una barra de progreso que les mantenga informados en todo momento de como va su subida atento al tutorial que han publicado en Web Developer Plus.
En él podrás aprender a utilizar jQuery y el plugin SWFUpload para crearlo. El tutorial recorre todos los aspectos que puedes necesitar conocer desde el HTML y CSS a todo el Javascript. Además, por si no te ves con ganas de escribir tu mismo todo el código podrás descargártelo directamente.
Multiple FIle Upload with Progress Bar using jQuery
Me está costando volver de las vacaciones, aunque las mías se terminaron hace ya algunas semanas. Es lo que tiene que siga haciendo buen tiempo y no anochezca demasiado pronto ¿verdad?.
Lo mejor para entrar en esta dinámica “invernal”, al menos para mí, es inspirarme un poco. Ver esas cosas maravillosas que otros son capaces de hacer y empezar a querer hacerlas yo también (algunos lo llaman envidia sana).
Para inspirarnos todos en este comienzo de septiembre traigo hoy One Page Love.
Se trata de una galería de preciosos diseños de sitios de una sola página, un formato cada vez más frecuente y realmente conveniente cuando queremos mostrar un mensaje conciso de la forma más clara y efectiva posible.
One Page Love: http://onepagelove.com/
Una de las características comunes a casi todos los que realizan labores de diseño es haber juntado una enorme colección de tipografías instaladas en el sistema.
Para muchos, las herramientas que nos proveen los sistemas operativos se quedan cortas y muchas veces es complicado gestionar correctamente todas las fuentes.
myFontBook es un gestor gratuito de tipografías que podrás utilizar desde cualquier sistema operativo gracias a que se trata de una aplicación web.
Con myFontBook podrás visualizar todas tus tipografías, agregarles etiquetas para encontrarlas más cómodamente, marcar favoritas y visualizar datos importantes (kerning, baseline…).
myFontBook es gratuito pero aún así podrás probar la aplicación sin necesidad de registrarte, eso si, para guardar tus etiquetas, valoraciones y catálogo tendrás que crearte una cuenta.
myFontBook: http://www.myfontbook.com
Vía Smashing App
Sin duda, cada vez que Google lanza algo se arma un gran revuelo. Es natural que, cuando lo que va a lanzar es un cambio teóricamente tan profundo como el del algoritmo de su buscador, las espectativas se disparen.
Si quieres probar cómodamente como son los nuevos resultados que ofrecerá Google con Caffeine y compararlos sin mayores complicaciones con los actuales prueba Compare Google.
Compare Google es una sencilla página que, con un diseño bastante agradable, nos permitirá comparar los resultados de la version descafeinada y la nueva con cafeina.
Compare Google: http://comparegoogle.com/
Vía Wwwhat’s new?
Si todavía no conoces Aviary te estás perdiendo una interesantísima suite de aplicaciones web que te permitirán realizar retoques, agregar efectos o crear gráficos vectoriales desde tu navegador, sin necesidad de instalar ningún software adicional y con dos opciones: gratis y de pago a un precio mucho más accesible que el de la mayoría de software de este tipo.
Falcon es una de las herramientas disponibles, que nos permite editar nuestras capturas de pantalla para redimensionarlas, cortarlas, agregarles texto, símbolos, líneas, flechas… Lo típico para explicar, por ejemplo, las partes de un interfaz.
El proceso es muy cómodo, ya que ni siquiera tienes que registrarte para empezar a trabajar con tus capturas de pantalla pero si además usas Firefox, con Talon, la nueva extensión para firefox es aún más sencillo y conveniente.
Instala Talon, dirígete al sitio web que quieras capturar y pulsa el botón o usa la opción que te aparecerá en el menú contextual (podrás capturar la parte visible, una región o la página completa). Se te ofrecerán 3 opciones: copiar, editar con Falcon o descargar a tu disco duro.
El editor de Falcon es muy sencillo de utilizar, simple pero con todas las funcionalidades que esperas de algo así (muy similar a Skitch, una aplicación gratuita para Mac)
Una vez estés contento con el resultado podrás salvar la imagen directamente a tu ordenador o crearte una cuenta en Aviary y subirla a sus servidores. Esta última opción te facilitará códigos para compartir tu imagen en Twitter, WordPress o foros que utilicen BBCode. Eso si, recuerda que en las cuentas gratuitas todas las imágenes son públicas antes de almacenar en sus servidores alguna captura que no debas.
Personalmente me parece una opción muy cómoda, rápida y sencilla, mucho mejor que hacer la captura de pantalla con extensiones como ScreenGrab y luego tener que abrir un programa de edición sólo para recortarla un poco o agregarle algo de texto.
Aviary Falcon: http://aviary.com/tools/falcon
Vía Sitepoint
La industria audiovisual lleva años quejandose de la bajada en sus beneficios y durante este verano hemos visto como algunos grandes medios pensaban volver al modelo de pago, parece que los ingresos por publicidad no dan para tanto y cobrar una cuota por acceder a los contenidos era la solución más viable pero ¿realmente lo es?
La Unión Europea ha lanzado su Informe sobre la competitividad digital de Europa (descargar en PDF) y además de a la penetración y uso de internet en los estados miembros, dedica un capítulo entero al uso de internet para el entretenimiento.
A pesar de que muchos ya lo intuíamos, el informe deja bastante claro que los europeos no queremos pagar por los contenidos y que la gran mayoría de nosotros seguiría sin soltar ni un céntimo aunque no existiesen fórmulas como el P2P que nos permitiese conseguirlas.
Menos de un 5% de los europeos ha pagado por contenidos online en los últimos tres meses y, a más baja es la edad del usuario menor es el porcentaje.
Por supuesto, existen algunos factores que nos ayudarían a aligerar la cartera. Para un 20% de los ciudadanos, una rebaja en los precios sería un claro incentivo. Una mejora de la calidad de los contenidos, su disponibilidad etc. podría convencer a un 15-20% de la población. Pero, aún así, un 20% de los usuarios seguiría sin pagar aún desapareciendo cualquier vía alternativa para obtenerlos.
Esto pone en entredicho el argumento típico de la industria de que los P2P son los causantes del descenso de sus ingresos.
El informe se centra en la distribución audiovisual de contenidos con derechos de autor, pero nos presenta un panorama claro también a los que pretendemos rentabilizar servicios y aplicaciones web. Con la cantidad de contenidos gratuitos que existen en la red (música, películas, imágenes, aplicaciones, noticias…) es dificil convencer a alguien de que lo nuestro es mejor y merecemos una contraprestación económica.
Parece claro que todos estamos en un momento en que se hace necesario replantearse algunos modelos de negocio. Esperar a que el usuario simplemente pague es poco viable, así como sostener grandes infraestructuras y plantillas a base de publicidad. El modelo freemium parece que está cuajando con relativo éxito pero, salvo casos que consiguen una gran cantidad de usuarios premium, tener una parte de usuarios de pago que hagan frente a todos los gastos puede ser una tarea complicada.
¿Crees que encontraremos un modelo de negocio adecuado a esta nueva situación?
Via Read Write Web
Vas a escribir un post, ya lo tienes todo listo e incluso has encontrado la imagen perfecta. Pero pesa una barbaridad y sabes que será un engorro esperar a que termine de cargar así que tienes dos opciones: abrir tu editor de imágenes favorito y comprimirla o irte a buscar otra ¿no?
Puny PNG te da una tercera opción, subes tu imagen (JPG, PNG o GIF) y esperas unos segundos para obtener tu imagen comprimida y sin perder calidad. No tienes nada que configurar y, por si te preocupa la privacidad de tus imágenes, estas se borrarán pasados 15 minutos.
Rápido y cómodo, ¿no crees?
Puny PNG: http://www.gracepointafterfive.com/punypng
Vía Maestro Alberto
Cuando creamos un sitio, echamos horas diseñándolo y trabajando en su código para que todo se vea divinamente nos encanta enseñarlo ¿no?
Las galerías de diseños CSS son un buen sitio donde lucir nuestra obra maestra y, de paso, recibir algo de feedback y algunas visitas.
MeeCSS es una sencilla herramienta web con la que podrás enviar tu sitio web a más de 100 galerías de este estilo, que no se si serán todas las disponibles pero igualmente son una buena cantidad.
El sistema no es automatizado, ya que seguramente la mayoría de estas galerías no tardarían demasiado en darse cuenta del asunto y bloquearían la aplicación. En lugar de esto, lo que hacemos es seleccionar las galerías a las que queremos hacer el envío, introducir los datos y darle a enviar. De esta manera se irán abriendo progresivamente los formularios de envío y tendremos a mano los datos que introdujimos en la aplicación para poder hacerlo todo a base de copiar y pegar.
Como me explico bastante mal ultimamente, mejor te dejo el video para que veas como va el proceso.
Untitled from MeeNews on Vimeo.
Seguiremos teniendo que ponerle un poco de tiempo al tema de los envíos pero, sin duda, mucho menos que yendo manualmente de un sitio a otro.
MeeCSS: http://www.meecss.com/
Vía Criterion
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?
Powered by Twitter Tools.
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
