Si hay algo que hace sencillo usar jQuery es lo fácil que es encontrar plugins desde la misma página del framework.
Ahora, los que prefieren MooTools disponen de un directorio propio donde ir a buscar plugins: MooTools Forge.
Allí podrás encontrar plugins categorizados por tipo y, si eres desarrollador, también podrás subir los tuyos.
Sin duda, un gran recurso para los usuarios de esta fantástica librería.
De un tiempo a esta parte empiezo a ver por muchos sitios una barra de herramientas en la parte inferior de las páginas con utilidades como enviar enlaces a redes sociales, suscribirse al feed o abrir una ventana de chat. Muy al estilo de la que emplea, por ejemplo, Facebook.
Existen algunos servicios como Wibiya con los que generar nuestra propia barrita de forma cómoda y sencilla pero, si buscamos ese punto extra de personalización nos toca ponernos manos a la obra y crear la nuestra propia.
En pvmgarage nos enseñan a hacer una gracias a jQuery y CSS3, lo malo es que no se lleva nada bien con Explorer 6 o 7 – y en el 8 se ve ligeramente fea – así que, al menos de momento, queda relegada a proyectos donde no te importe perder unos cuantos visitantes por culpa de su navegador. O eso, o te toca ponerte a trabajar un poco más para adaptar algunas cosas ya que el autor no considera esos navegadores porque “están pasados” (sic).
No hace demasiado, preopuparse por los navegadores móviles en según que tipo de sitios era esfuerzo extra y generalmente servia para poco.
Hoy, con el boom de teléfonos que ofrecen una experiencia bastante buena de internet y la llegada, por fin, de tarifas planas medianamente decentes. Empieza a ser una cuestión importante, redirigir a nuestros visitantes móviles a sitios más acordes a sus dispositivos.
Detect Mobile Browser es un proyecto Open Source que nos ofrece código en diferentes lenguajes (.htaccess de Apache, JSP, PHP, Rails, ASP, Javascript y ColdFusion) listo para descargar e incorporar a nuestros proyectos. Además, en su web podremos crear enlaces del tipo http://detectmobilebrowser.com/www.webmasterlibre.com|m.webmasterlibre.com (ojo, a dirección “móvil” no existe al menos de momento) con el que pasar un enlace que llevará a los usuarios a distintas versiones de la web dependiendo de su dispositivo.
Enlace: Detect Mobile Browser
gRaphaël es una sencilla librería con la que insertar gráficos en tus sitios web será coser y cantar. Descarga el javascript, inclúyelo en tus páginas y con unas simples líneas de código podrás mostrar gráficos de tarta, de líneas, de puntos…
gRaphaël está bajo licencia MIT
enlace: gRaphaël
En este blog creo que, de tanto en cuanto, toca hablar de algo que nos permita probar nuestros sitios en IE o no rompernos los cuernos más de lo estrictamente necesario ¿por qué será?
Esta semana descubro vía Genbeta una utilidad que nos permitirá probar nuestros sitios contra múltiples versiones de Internet Explorer en una misma ventana, dividida en pestañas.
La aplicación se llama IETester y, como digo, nos ayudará a abrir nuestros sitios en varias versiones de Explorer simultáneamente. El programa está en fase alfa así que puede que de vez en cuando se rompa, no obstante cada pestaña funciona como un proceso independiente de las demás así que si se rompe en una de ellas las demás no nos dejarán tirados.
Para funcionar, IE Tester requiere una copia de Windows con IE7+ instalado.
IE Tester: http://www.my-debugbar.com/wiki/IETester/HomePage
Una de las fases que más tiempo pueden llevarnos del diseño de una aplicación para web es la de comprobar las interacciones con el usuario y los efectos que empleamos.
Hay muchas cosas que sobre el papel parecen fantásticas pero una vez en marcha no funcionan y para comprobarlo, generalmente, hace falta meterse a picar código y hacer pruebas.
IxEdit es un cómodo editor escrito en javascript y que irá embebido en tus prototipos. Con él cualquiera, con un mínimo de conocimiento, podrá ir probando diferentes comportamientos y efectos al vuelo.
IxEdit genera código javascript automáticamente con los parámetros que especifiques y se apoya en jQuery. Además podrás almacenar tus prototipos en una base de datos local con Google Gears.
IxEdit: http://www.ixedit.com/
Vía Criterion
En los últimos tiempos han proliferado extraordinariamente los frameworks, sobre todo los destinados a facilitarnos la vida con el javascript.
Que haya múltiples alternativas siempre es positivo para nosotros al ofrecernos diversas posibilidades y funcionalidades, pero mantenerse al tanto de todas y escoger la mejor para nuestros proyectos es, en general, algo complicado. Supongo que, como yo, la mayoría tenemos un framework preferido y solemos recurrir a él.
Javascript Framework Matrix te ayudará a conocer otras opciones, permitiéndote compararlas de una forma cómoda y sencilla para que escojas la mejor herramienta para cada proyecto.
Javascript Framework Matrix: http://matthiasschuetz.com/javascript-framework-matrix/
Vía Anieto2k
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
A todos los que usamos librerias para agilizar nuestro código creo que nos viene estupendamente tener un sitio donde ir a consultar si existe un plugin que haga eso que necesitamos antes de ponernos a programarlo por nosotros mismos ¿no?
The Ultimate jQuery List es un sitio donde poder ir a buscar plugins y tutoriales de jQuery de una forma cómoda y conveniente, en una sola página.
Los contenidos están divididos por categorías que incluyen validación de formularios, AJAX, Tooltips etc.
The Ultimate jQuery List: http://jquerylist.com/
Vía Xyberneticos
Cuando tenemos que crear un sitio web con columnas podemos optar por dos aproximaciones: columnas de ancho fijo o columnas flexibles basadas en porcentajes del tamaño de la ventana del navegador.
Cuando escogemos columnas flexibles o líquidas, generalmente planteamos un número fijo de columnas y hacemos que llenen el espacio disponible.
Si escogemos las columnas de ancho fijo podremos aprovechar resoluciones mayores de pantalla mostrando más columnas por línea pero, llegados a un punto, seguramente nos encontraremos con que las columnas no encajan perfectamente en el espacio que deben cubrir y dejan un antiestético margen al costado.
Soh Tanaka ha ideado una forma de conseguir aunar los beneficios de ambas aproximaciones: permitimos el máximo de columnas que encajen en el espacio y con jQuery repartimos el espacio sobrante de forma uniforme entre todas.
http://www.sohtanaka.com/web-design/smart-columns-w-css-jquery/
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
