No es la primera vez que vemos un proyecto como keepupdated.co, una aplicación que monitoriza el aspecto y contenido de cualquier página web que indiquemos y envía una alerta cuando se realice algún cambio en la misma.
Lo vimos con onwebchange.com, con changedetection.com, con changedetect.com y lo vemos ahora con keepupdated, con opciones gratuitas durante la fase beta que permite monitorizar hasta 10 páginas con tres comprobaciones diarias.
Los cambios que recibimos están más enfocados a la estructura del diseño, siendo posible tener un historial con todos los cambios realizados durante el último año.
El funcionamiento es sencillo: informamos la url «víctima» de nuestra acción de «cotilleo digital» y esperamos a recibir los emails.
La herramienta fue creada para permitir que las compañías sepan los cambios que realiza la competencia, sin necesidad de verificar constantemente lo que otros hacen, ayudando así a tomar decisiones en función de lo que otras empresas estén implantando (algo que no siempre es una buena idea).
Dibujar curvas con la herramienta existente en algunos editores de imágenes no es tarea fácil. Hay que añadir puntos de ancla donde la curva cambia de dirección y arrastrar las lineas que forman la curva. Es la longitud y la pendiente de dichas lineas las que determinan la forma final, y para ello requiere práctica.
Una vez creada la curva, puede modificarse de forma sencilla, con lo que la creación de los puntos de ancla acaba siendo la principal tarea. Usar muchos puntos puede generar protuberancias no deseadas en una curva, por lo que es mejor dibujar puntos de ancla bien espaciados y practivar la formación de la curva adjuntando la longitud y los ángulos de cada linea de dirección.
Para practicar tenemos un juego online en bezier.method.ac, donde después de algunos tutoriales podemos comenzar a desarrollar contornos complejos como el de la captura superior.
Es una de las actividades existentes en method.ac, donde podemos encontrar varios recursos tanto para programadores como para profesionales del diseño. Entre ellos tenemos también color.method.ac, una excelente herramienta que puede ayudarnos a mejorar nuestra puntería a la hora de encontrar el color adecuado para nuestros trabajos.
Webydo (webydo.com), la plataforma que permite a los profesionales del diseño crear y gestionar sitios web sin necesidad de programar, está invitando a la comunidad de lectores de WWwhatsnew.com a probar su solución de creación de animaciones con paralaje en una campaña a la que solo se puede acceder con invitación.
La función Parallax Scrolling Animator, en estado beta, ya ha sido probada por más de 2.000 usuarios que han tenido acceso a la misma (se acabaron los 2.000 accesos en 1,5 horas) y ahora están ofreciendo 8.000 más. Puedes solicitar tu invitación en este enlace. Date prisa, ya que se entregarán las invitaciones a medida que se reciban y se cerrará el acceso dentro de siete días.
Paralaje (parallax, en inglés) es el efecto que permite que objetos lejanos parezcan moverse más lento que los objetos cercanos, un efecto que se está utilizando últimamente mucho en el diseño de sitios web.
Generalmente es necesario conocer bastante sobre programación web para obtener este tipo de efectos, pero desde Webydo han creado un sistema que permite diseñar este tipo de webs sin necesidad de programar. Los sitios que usan paralaje necesitan una programación en la que se define el movimiento de cada elemento pixel por pixel, con trabajos que a veces tardan meses en completarse, por lo que disponer de un sistema que agilice este proceso es sin duda una buena noticia.
Lo que nos permite es crear animaciones con ilusión de profundidad, permitiendo que los elementos se muevan de forma individual a medida que el usuario baja por la página, podremos definir eventos a medida que se realiza scroll, así como definir caminos, opacidad, rotaciones y velocidad y será posible diseñarlo todo desde una interfaz visual bastante intuitiva, generando caminos de movimiento para cada elemento sin necesidad de programar nada.
Os hablamos de conceptinbox.com en 2013 y lo hacemos ahora al comprobar que la nueva versión es bastante más útil y flexible.
Se trata de una herramienta creada para facilitar el envío de diseños a nuestros clientes, plataforma que ayuda a centralizar el feedback de los mismos, teniendo así más control sobre los proyectos aprobados y los que necesitan alterarse para poder ponerse en producción.
Ofrece un sistema integrado de comunicación con los clientes para no depender del email, permite construir prototipos interactivos sin necesidad de programar (ideal para que el cliente entienda la «vida» del proyecto antes de que empecemos a realizarlo), genera listas de proyectos pendientes de revisión y aprobador, ofrece la posibilidad de crear notas sobre los dibujos, ayudando a determinar los puntos que deben ser alterados… todo desde la web, con extensión para Chrome disponible en chrome store, integrando nuestros trabajos con la cuenta de Google Drive.
La última versión fue lanzada en abril y anunciada en su blog destacando la posibilidad de hacer prototipos de aplicaciones de forma sencilla: solo tenemos que subir los diseños y seleccionar las areas en las que será posible interaccionar, permitiendo simular links entre un diseño y otro.
La versión gratuita está limitada en espacio y número de proyectos, aunque podemos contratar planes premium a partir de 14 dólares al mes.
Continuamos con nuestra serie mensual de recursos gráficos y de desarrollo trayendo 50 nuevos recursos variados para salvar el preciado tiempo de diseñadores y desarrolladores. Toma asiento y disfruta de esta lista que te inspirará y te dará útiles ayudas para tus próximos proyectos.
Gráficos
En esta sección se encuentran trabajos de diseño que pueden ser usados en todo tipo de ambientes, web e impresos.
En esta sección se pueden encontrar como es usual, las mas recientes interfaces gráficas de usuario que sirven de inspiración en la creación de páginas y aplicaciones móviles.
En esta sección hay una lista con frescos temas de WordPress para usar directamente en tu sitio, y plantillas HTML y PSD para inspiración y desarrollo.
Por último, en esta sección se pueden encontrar algunos experimentos de código y plugins de jQuery para los desarrolladores en busca de novedosas caracteristicas para mejorar sus proyectos.
Webydo (webydo.com) proyecto que cuenta ya con 50.000 diseñadores en su plataforma, es un tipo de software orientado al diseño web en la nube, un sistema que está cambiando la manera en la que los diseñadores profesionales crean sitios web para sus clientes en varias partes del mundo.
Uno de los objetivos es reducir el tiempo perdido en la codificación manual repetitiva, evitando infinitos ajustes hechos a mano para adaptar el sitio web a las diferentes plataformas y dispositivos. Las únicas alternativas que ofrecía el mercado eran simples: creadores de sitios web para principiantes que no necesitasen de código.
El problema es que esas soluciones no son las que un diseñador profesional necesita. Sitios que permiten hacer diseños sin saber programar son prácticos, pero extremadamente limitados, casi siempre basados en un conjunto básico de plantillas prediseñadas.
Lo que el mercado necesitaba es una herramienta que ofrezca la posibilidad de crear diseños web avanzados y personalizados al milímetro. Es ese el motivo por el que los clientes contratan diseñadores y por el que los diseños de este tipo dominan la web (los diseños de principiantes utilizando herramientas como las mencionadas anteriormente suman únicamente un 3% de los sitios web del mundo).
Así nació Webydo, herramienta que nos permite crear sitios web profesionales sin necesidad de escribir código, pero presentada como una solución B2B para creativos profesionales, un sistema que ya ha sido definido por varios medios como una de las tendencias en diseño web de 2014.
Sabemos que en muchas ocasiones necesitas recursos nuevos y elegantes para implementar en tus proyectos, por eso, hoy continuamos con nuestra lista mensual de recursos para diseñadores y profesionales web, para esta lista nos hemos encargado de seleccionar lo mejor de lo mejor en recursos gráficos, interfaces gráficas de usuario, íconos, temas en HTML, PSD para WordPress y experimentos de código para que tengas de dónde escoger y lo mejor, todos son gratuitos y de fácil descarga.
Toda clase de recursos gráficos para revitalizar tus diseños
Esta sección está enfocada en proveer geniales recursos gráficos y conceptos de diseño para que te inspires a realizar tus propias creaciones.
Interfaces Gráficas de Usuario para mejorar la apariencia de tu sitio o blog
Aquí encontrarás recursos como widgets, PSD, sets de elementos de interfaces gráficas de usuario para mejorar todo tipo de contenido en tu sitio web o blog.
Iconos: decora los principales vínculos de tu web
Si estabas buscando íconos para dar una apariencia mejorada a tu sitio y para complementar las descripciones, los vínculos y muchas más características de tus proyectos, estás en el lugar correcto.
Experimentos de código para agregar mayor funcionalidad
Estos experimentos de código te ayudarán a mejorar la funcionalidad de tu sitio Web, blog, o aplicación móvil con sólo unas cuantas líneas de código adicionales.
Si queréis ver cómo se ve vuestro sitio web en diferentes navegadores podéis usar browserstack, una de las mejores opciones en dicha categoría, pero si lo que queréis es hacer una captura de una página web completa, os recomiendo snapito.com, una solución sencilla, rápida y con excelentes resultados.
Sin necesidad de registro solo tenéis que indicar la url y esperar a que se genere la imagen, que podrá bajarse al ordenador y compartirse de forma sencilla. El modelo de negocio de Snapito es atractivo: ofrecen un servicio que realiza capturas y miniaturas para cualquier web, con un precio gratuito para menos de 50.000 impresiones mensuales. Si tenéis un directorio de sitios web, por ejemplo, podéis usar su servicio para capturar las páginas, o si tenéis una aplicación para móviles, podéis optar por algún plano para este tipo de dispositivo.
Personalmente uso Snapito para verificar el aspecto de cualquier web teniendo la garantía de que no tiene en cuenta los archivos guardados en mi ordenador (archivos css en caché, por ejemplo, u otros temporales del navegador). Aunque browserstack es más eficiente para ese tipo de trabajo (prueba con varios navegadores), Snapito es más rápido, y a veces es exactamente eso lo que se necesita: agilidad.
Desde Mobsyte (mobsyte.com) nos presentan este nuevo proyecto creado para permitir diseñar webs para móviles de forma sencilla y rápida.
Esta plataforma de creación de páginas web móviles ofrece una opción gratuita que incluye el logo de Mobsyte y el alojamiento en un dominio de Mobsyte, siendo necesario pagar mensualidades que van de 9 a 19 euros al mes para obtener tanto dominio propio como otras funcionalidades como estadísticas, dominio personalizado, opción de incluir publicidad en los sitios, etc.
Mobsyte se enfoca en el diseño mobile first: empiezas diseñando tu página web para el móvil y consigues una perfecta visualización en PC. Generalmente se hace al revés (se diseña para PC y se hace una versión móvil) motivo por el cual pueden presumir de ser una de las pocas herramientas pensadas para hacer una web completa desde cero, sin depender de ninguna versión web ya existente.
Las plantillas están creadas para facilitar el diseño de sitios de promociones, campañas, landing pages, microsites, eventos, flyers, negocios, etc, con posibilidad de elegir los colores que se adapten a nuestra idea. Una vez seleccionada la plantilla podemos usar el editor para personalizarla y adaptarla a nuestra categoría. El editor permite modificar los contenidos, incluyendo diferentes bloques en cada plantilla.
La parte de promoción también está contemplada, ofreciendo tanto un enlace como un código QR para que los clientes puedan acceder a nuestro nuevo sitio web móvil.
Sencillo y práctico, para crear minisites en pocos minutos.
Os hablamos de Tawea en marzo, cuando solo era una extensión para Chrome que permitía chatear con nuestros amigos de Facebook desde cualquier página web. Ahora ya tenemos disponible el plugin para Firefox, Safari y Opera desde tawea.com, funcionando sobre HTTPS para que pueda ser ejecutado sobre páginas seguras como Twitter o Google.
Hoy nos comentan que Tawea puede ser instalado también en nuestra página web, permitiendo incorporar el chat de Facebook en nuestro sitio para que nuestros visitantes puedan comunicarse con sus amigos de Facebook sin tener que cambiar a la pestaña de facebook.com.
También han añadido un chat público que permite que los que están consultando una misma página al mismo tiempo puedan hablar entre ellos, sin que sea necesario tener algún tipo de relación dentro de Facebook.
Para instalar Tawea en nuestra web tenemos que consultar la documentación en tawea.com/#/sdk o instalar el plugin para WordPress. Es posible instalarlo con solo 3 lineas de javascript y ya están trabajando en los plugins para Drupal, Joomla, Prestashop, Magento y otros gestores de contenidos.
Sobre los próximos pasos: quieren entrar en el mundo móvil, y para ello están preparando un SDK para Android, iOS, Windows Phone y Phonegap para permitir que los desarrolladores incluyan Tawea en cualquier aplicación móvil.
Grandes novedades para lo que comenzó como un simple e inocente plugin para chrome.
