Dos interesantes recursos para recibir lecciones de diseño web por emails

En la web encontramos una selección impresionante de recursos para aprender sobre diseño web, como cursos, tutoriales, ebooks.

Pero a veces esos recursos quedan olvidados en nuestros marcadores o perdidos entre nuestra lectura pendiente. Una solución a ello, es tener en cuenta opciones como la que propone David Kadavy, autor de Design for Hackers .

Design for Hackers

Durante 12 semanas enviará una lección a nuestra dirección de correo electrónico, tomando algunos puntos principales de su libro, repasando todos sus capí­tulos. Si bien son breves, nos servirán para aprender algunos conceptos y tener en cuenta algunos tips al realizar nuestros proyectos.

Otra propuesta es Hack Design, que con la ayuda de diferentes diseñadores han creado un plan de estudio con contenido interactivo y diferentes herramientas de diseño.

Hack Design

Además de seguir el contenido en la plataforma, podemos recibir las 50 lecciones que componen el curso en nuestro correo.

En las dos opciones que hemos comentado solo necesitamos señalar nuestra dirección de correo electrónico y esperar las lecciones semanales. Y por supuesto, siempre contaremos con la opción de dar de baja la suscripción, si es que no se ajustan a nuestras expectativas.

Acámica lanza nuevos cursos y carreras completas sobre diseño y desarrollo web

acamicaHemos hablado en diferentes oportunidades de Acámica, una interesante plataforma educativa en español que sigue la filosofí­a de “aprender haciendo”.

Ahora nos sorprende con una nueva colección de cursos y la posibilidad de tomar carreras completas, pensando en las necesidades de los usuarios al brindar una formación online que les brinde nuevas oportunidades laborales.

AcámicaCon el nuevo diseño de la plataforma, cada usuario podrá evaluar qué cursos debe tomar de acuerdo a su nivel de conocimiento o sus metas profesionales.

Podremos afianzar nuestros conocimientos en determinados temas, complementar nuestra habilidades o centrar nuestros esfuerzos a una carrera.

Acámica

Por ejemplo, podemos optar por “Desarrollador web” o “Diseñador web”. Cada carrera nos sugiere una serie de cursos para comenzar desde cero, que podemos seguir a nuestro propio ritmo.

Un detalle interesante del nuevo modelo de Acámica, es que todo el contenido de la plataforma está disponible de manera gratuita, dando la posibilidad de realizar un curso completo (de nuestra elección) por mes.  Y aquellos que deseen avanzar más rápido, pueden optar por una suscripción mensual abonando un pequeño monto.

Además de la formación online, también formaremos parte de una comunidad que comparte nuestros intereses y un perfil visible para empresas del sector, dándonos la posibilidad de crear nuevos contactos y oportunidades laborales.

TrackDuck – Nueva versión de esta herramienta para diseñadores y programadores web

Os hablamos de TrackDuck (trackduck.com) en enero como una herramienta que puede ayudar a los diseñadores y programadores de aplicaciones web a definir tareas “pintando” encima del sitio que están construyendo.

Una vez creada la cuenta y subidos los trabajos, hay que marcar la zona que queremos comentar (encima del diseño), permitiendo comenzar una discusión sobre detalles de la aplicación que se está creando.

Nos presentan ahora una nueva versión, ya en español, que se integra con mayores y mejores herramientas PM y CMS. En su web vemos las caracterí­sticas principales:

Se integra ahora con JIRA, donde va a ser posible sincronizar los proyectos de TrackDuck con dicha plataforma; con Pivotal Tracker; con StartHQ , donde se podrá buscar comentarios o cuestiones de TrackDuck mediante el buscador de esta aplicación; con Trello, donde se podrá sincronizar proyectos; con Hipchat y Slack, para una mejor comunicación y mejor desarrollo; con Basecamp; con Flowdock; con Intercom… al mismo tiempo presentan extensiones Google Chrome, Safari, Firefox y Bookmarklet, así­ como con WordPress y ModX.

Ahora están trabajando para integrarse con Zendesk, Github y Asana.

El primer proyecto creado es gratuito para siempre, por lo que podéis crear una cuenta hoy mismo para probarlo.

Udacity anuncia 4 nuevos cursos en colaboración con Google y su aplicación para Android

udacity

El equipo de Udacity anuncia una serie de nuevos cursos sobre desarrollo y diseño web, creados e impartidos por expertos de Google.

Por ejemplo, tenemos Developing Android Apps donde veremos los fundamentos de Android para construir aplicaciones de la manera adecuada y que brindan una excelente experiencia al usuario. Otra propuesta es Developing Scalable Apps que entre otros temas nos ayudará a ver todo el potencial de Google App Engine, analizando su funcionamiento y caracterí­sticas.

Por otra parte, Website Performance Optimization nos ayudará a desarrollar habilidades que nos ayuden a mejorar el rendimiento de nuestro sitio web. Y UX Design for Mobile Developers que analizar las técnicas que utilizan grandes diseñadores en sus proyectos.

No todos los cursos no son gratuitos, sino que forman parte del programa de aprendizaje continuo de Udacity. Pero veremos que tiene una opción para acceder a ciertos contenidos de manera gratuita.

Y otras de las novedades es su aplicación para Android donde tendremos algunas de las opciones que encontramos en la versión web, permitiéndonos acceder a los contenidos. Y con la promesa de ofrecer la posibilidad de utilizarla de modo offline.

udacity

Excelentes noticias para aquellos que apuestan a su formación online, ya que se abren nuevas propuestas que podemos seguir desde la comodidad de nuestro móvil.

Oozled, más de 600 recursos para diseño y desarrollo web

Oozled nació de la iniciativa de Dan Edwards al compartir una colección personal de recursos sobre diseño web con sus alumnos de la Universidad.

Pero la lista se hizo tan popular que dio lugar a un espacio colaborativo para compartir recursos gratuitos y de pago, organizados en diferentes colecciones.

oozled

Por ejemplo, podemos encontrar pack de iconos, recomendaciones de diseños para inspirarnos, recursos para encontrar la tipografí­a perfecta para nuestro proyecto, colecciones de archivos PSD, pinceles para Photoshop, entre otros.

También encontraremos guí­as, libros, videos, así­ como referencias a comunidades online para desarrollar nuevas habilidades y explorar nuevas ideas. Hay una sección dedicada a bolsas de trabajo donde encontraremos sugerencias de portales con noticias y oportunidades laborales para diseñadores freelance.

Son 42 las categorí­a que podemos recorrer y descubrir recursos que se ajusten a nuestras necesidades. Al crearnos una cuenta, nos permite crearnos un feed de las categorí­as que nos resultan interesantes para no perdernos ninguna actualización.

Y por supuesto, también podemos participar sugiriendo nuevos recursos y contribuir con la comunidad de Oozle.

Google lanza Web Starter Kit con el objetivo de facilitar el diseño web en múltiples dispositivos

Atrás ha quedado la época en la que navegábamos por Internet a través de únicamente nuestro ordenador, y es que, hoy en dí­a, accedemos a Internet y consultamos una gran cantidad de páginas webs distintas a través de smartphones, tablets, consolas, etc.  Por ello, los desarrolladores deben esforzarse en ofrecer una experiencia de usuario que tenga en cuenta las diferencias entre los diferentes dispositivos en lugar de crear un único diseño sin tener en consideración el dispositivo de acceso, ya que no es lo mismo interactuar con una página web en una pantalla de 3,5″ que en otra de 21,5″.

Con el fin de facilitar esta tarea, el gigante de la informática Google acaba de lanzar Web Starter Kit, una descarga que incluye todas las plantillas y herramientas que los desarrolladores de páginas web necesitan para crear sitios que se adapten a diferentes resoluciones y dispositivos, lo que en el mundo del diseño se conoce como diseño web adaptable o ‘responsive’. Gracias a esta herramienta, los desarrolladores podrán adaptar de una forma muy sencilla la interfaz de su web a diferentes dispositivos con el objetivo de que se vean perfectamente.

Esta iniciativa continúa con los esfuerzos de Google de enseñar las mejores prácticas en cuanto al diseño web moderno, algo a lo que se está dedicando desde hace un tiempo, ya que si echamos la vista atrás, recordaremos el servicio ‘Web Fundamentals’, una web que recoge las mejores técnicas en cuanto a diseño web.

Comunidad de 50K diseñadores está cambiando la industria del diseño web

webydo

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.

Solución profesional

Continúa leyendo «Comunidad de 50K diseñadores está cambiando la industria del diseño web»

mobsyte, nueva aplicación para crear sitios web para móviles

mobsyte

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.

Google lanza herramienta para crear sitios web y anuncios en HTML5

En www.google.com/webdesigner tenemos disponible la nueva herramienta de Google, una aplicación que nace para ayudarnos a construir sitios web y anuncios en HTML5, compatibles con cualquier dispositivo, ya sea PC o móvil.

google

Lo anuncian en doubleclickadvertisers como un programa en versión beta para Windows y Mac, disponible de forma gratuita para que sea sencillo crear páginas web y banners arrastrando y soltando elementos.

La idea es que podamos crear animaciones HTML5 de forma intuitiva, que sea posible ver y editar el código detrás de los diseños, que podamos construir mensajes publicitarios sin problemas, que podamos recibir las actualizaciones del producto de forma automática y que no tengamos que pagar nada por nada de eso.

Tenemos ya una guí­a de uso en el soporte de google y una página oficial en g+ para poder interactuar con dudas y sugerencias, algo que se agradecerá hasta que nos acostumbremos con el uso de esta nueva aplicación.

El objetivo es mejorar la calidad de los anuncios usados en la plataforma de publicidad de Google, claro, pero podemos usar los resultados en cualquier lugar, y eso lo dejan bastante claro en la nota de presentación.

Os dejamos con el ví­deo de demostración donde podemos ver las posibilidades de la herramienta:
Continúa leyendo «Google lanza herramienta para crear sitios web y anuncios en HTML5»

extractCSS, proyecto de código libre para extraer el CSS de cualquier documento HTML

extract

Y vamos ahora a por un nuevo recurso para la categorí­a de Utilidades para diseñadores y programadores con extractcss.com, una aplicación que nos permite extraer la hoja de estilos de cualquier documento HTML que le indiquemos.

Solo tenemos que pegar el HTML deseado en el primer panel y seleccionar lo que queremos obtener del mismo. Permite extraer ids, clases y estilos, generando un .css que podemos utilizar posteriormente para adaptar el diseño a lo que tengamos en mente.

El proyecto es de código abierto, disponible en github para que sea posible navegar por sus entrañas. Lo divulgan en webresourcesdepot.com como la solución ideal para separar el css de un html en aquellos casos en los que no se separó inicialmente, algo extremadamente recomendable antes de comenzar cualquier diseño web moderno.

En febrero os listamos una serie de recursos útiles para trabajar con CSS, ideales para los que están aprendiendo a programar hojas de estilo. La mayorí­a de ellos están relacionados con la programación de páginas web viendo en tiempo real el efecto de las alteraciones realizadas, extractCSS puede ser una buena forma de «jugar» con pa´ginas web conocidas para alterar su diseño sin alterar su contenido.

Una buena idea para practicar y conocer mejor el mundillo del diseño web.