54 Recursos para profesionales web

Este mes tenemos una nueva colección de recursos para quien trabaja con diseño web. Desde iconos de todos los colores, olores y sabores, fuentes únicas, mockups y plantillas de otro mundo, herramientas de diseño que no habrí­as imaginado, plugins para hacer cyber-magia, colecciones de recursos invaluables, efectos para imágenes y mucho mas.

No te pierdas un solo detalle:

Plantilla De Hoja De Vida Flat En Formato PSD

Plantilla De Hoja De Vida Flat En Formato PSD

Retro Car Template: Una Plantilla Web Con Un Esquema Clásico En PSD Y AI

Retro Car Template: Una Plantilla Web Con Un Esquema Clásico En PSD Y AI
Continúa leyendo «54 Recursos para profesionales web»

Planogr.am, para planificar y programar publicaciones en Instagram

Planogr-am

Planogr.am es un servicio que se dirige, sobre todo, a marcas, agencias y medios, para que puedan planificar y programar visualmente la publicación de imágenes en múltiples cuentas de Instagram en diferentes fechas y horas.

Lanzada este año por Andy Hoang, Planogr.am cuenta con diferentes opciones de tarificación, empezando por la modalidad Decent, que permite por 19 dólares mensuales la programación hasta 250 post al mes, permitiendo disponer de hasta dos miembros del equipo y la gestión de hasta dos cuentas de Instagram. La modalidad más avanzada es la modalidad Best, que por 99 dólares mensuales permite la programación de ilimitados posts, permitiendo disponer de hasta 10 miembros del equipo y la gestión de hasta diez cuentas de Instagram. En cualquier caso, Planogr.am puede ser usado gratuitamente a modo de pruebas durante un periodo de 15 dí­as.

A través del propio panel de control, los miembros encargados de la gestión de las cuentas de Instagram vinculadas, podrán generar sus librerí­as de imágenes subiéndolas tanto desde sus equipos locales como desde los servicios en la nube de Google Drive y Dropbox. Posteriormente, podrán arrastrar estas imágenes al calendario que disponen en el mismo panel de gestión, pudiendo determinar la descripción y la hora concreta de publicación para cada imagen. Igualmente, podrán reorganizar la programación de las imágenes si así­ lo consideran necesario.

Con ello, podrán crear la cronologí­a de publicaciones por dí­as, semanas o meses con antelación tanto desde sus navegadores web de escritorio como a través de sus navegadores web móviles. Además, recibirán notificaciones push en sus dispositivos móviles en el momento en el que se proceda a la publicación de un post a modo de recordatorio. Otras caracterí­sticas de Planogr.am son la posibilidad de editar y copiar imágenes, e incluso buscar por hashtags y volver a publicar mensajes ya disponibles.

Ya está disponible el kit de desarrollo tvOS SDK, para crear aplicaciones para Apple TV

captura-93

tvOS es la nueva plataforma de apple que quiere estar en todas las salas de estar del mundo gracias a la nueva Apple TV. Ya que el dispositivo tendrá ahora una tienda de aplicaciones integrada es necesario que los desarrolladores se pongan las pilas y comiencen a crear para que los usuarios del Apple TV tengan buenas opciones para instalar en su dispositivo.

Lo presentaron ayer, y hoy ya tenemos la documentación con todo lo que necesitan los programadores para ponerse manos a la obra.

En developer.apple.com/tvos muestran las caracterí­sticas del dispositivo, hablan de su CPU/GPU, de la posibilidad de mostrar contenido en 1080p, del control remoto, del acelerómetro y del giroscopio, variables que tendrán que estar presentes cuando comencemos a tener ideas para nuestra nueva aplicación para Apple TV.

Es importante que se mantenga un estándar en diseño, y para ello han publicado también guí­as para que puedan tenerse en cuenta como referencia. En la parte de desarrollo tenemos acceso a la guí­a general de programación, donde indican las diferentes formas de detectar los gestos en el mando y el flujo de datos entre cliente y servidor.

El Apple TV no permite almacenar mucha información, por lo que es importante tener en cuenta que los datos, la mayorí­a de las veces, tendrán que estar en Internet.

Alda, un nuevo lenguaje de programación para crear partituras digitales

Alda

Hasta el momento, todos aquellos aficionados o profesionales del mundo de la música han de utilizar complejas herramientas para componer sus partituras de forma digital. Por este motivo, el desarrollador Dave Yarwood se propuso cambiar esta situación. Como resultado de esta necesidad creó Alda, un nuevo lenguaje de programación orientado a facilitar la creación de partituras en un ordenador por usuarios con poca o ninguna experiencia de programación.

Tal y como Dave explica, encontraba demasiado complejas las herramientas orientadas a la creación de partituras digitales basadas en una interfaz gráfica de usuario. Es por ello por lo que decidió dejar los elementos gráficos a un lado y crear un nuevo lenguaje de programación con el que mediante una sintaxis sencilla, los usuarios pudiesen componer partituras MIDI en un editor de texto sin necesitad de tener que aprender a utilizar una nueva interfaz gráfica. Si nos centramos en las posibilidades de este nuevo lenguaje de programación, Alda cuenta con soporte para la creación de varias longitudes de notas, alteraciones, múltiples instrumentos y demás. Por el momento, se trata de una herramienta realmente útil para partituras básicas, aunque su creador se encuentra trabajando en nuevas caracterí­sticas y funciones para aumentar el potencial del lenguaje.

Alda está disponible en GitHub. Además, podéis consultar una guí­a creada por Yarwood en la que se explica con todo lujo de detalles el funcionamiento del lenguaje de programación a través del siguiente enlace.

Fuente: TNW.

15 proyectos de Codecademy para practicar nuestros conocimientos de HTML y CSS

Codecademy

El equipo de Codecademy ha sumado una serie proyectos para que los usuarios practiquen sus conocimientos de HTML/CSS: Make a Website Projects.

Si por ejemplo, hemos realizado el curso Make a Website, ahora es momento de ponernos a prueba con los ejemplos reales que se exponen en los 15 proyectos.

En cada uno de ellos se nos solicitará que realicemos diferentes cambios en determinados sitios web. Por ejemplo, en el primer desafí­o tendremos que crear la página principal de una agencia de diseño.

Para ello, tendremos que seguir las instrucciones que se detallan paso a paso, a medida que vamos visualizando los cambios que generamos.

Proyectos codecademy

Cada proyecto será más complejo a medida que avanzamos y demostramos nuestro dominio de HTML y CSS.

Es una propuesta interesante para ver si contamos con las habilidades necesarias para atender las peticiones de clientes reales, ya que tendremos que sortear diferentes situaciones.

No solo veremos cómo crear sitios web, sino que además descubriremos cómo personalizar diferentes aspectos para adaptarlos a necesidades concretas, como por ejemplo, un porfolio, una página de noticias, una página para presentar una app, entre otros.

Para tomar estos proyectos solo tenemos que loguearnos con la cuenta que nos hemos creado en Codecademy y escoger el proyecto que deseamos realizar. Siguiendo la dinámica de los cursos de la plataforma, podemos realizar los desafí­os a nuestro propio ritmo, llevando control de nuestro progreso y tareas pendientes.

Lrn, una app para iOS con la que aprender a programar en Javascript

Lrn

En la actualidad existen multitud de plataformas para aprender a programar en distintos lenguajes, y en WWWhatsnew os hemos ofrecido numerosas muestras de ello en los últimos años. En esta ocasión ampliamos la lista con Lrn, una app para dispositivos iOS con la que aprender los fundamentos de la programación en Javascript desde tu iPhone o iPad.

En primer lugar, es importante tener en cuenta que a pesar de que estamos ante una aplicación gratuita, es necesario pagar para poder acceder a las distintas lecciones. El curso completo consta de siete lecciones y Lrn nos ofrece la posibilidad de adquirir cada lección por 0,99€ o el curso completo por 2,99€, por lo que resulta bastante asequible. Aun así­, la aplicación permite completar una serie de tutoriales gratuitos que nos permitirán averiguar si el curso puede resultar de nuestro interés. En general, el planteamiento de la Lrn resulta bastante interesante, y es que al estar basada en pequeños cuestionarios interactivos, el proceso de aprendizaje resulta mucho más ameno. A lo largo del curso podremos adquirir una base interesante en Javascript (variables, funciones, condicionales, bucles, etc.), por lo que estamos ante una aplicación realmente interesante para todos aquellos que quieren aprender a programar. Además, otra caracterí­stica a destacar es la posibilidad de acceder al curso en cualquier momento y lugar, ya que todo el contenido es accesible sin conexión a Internet.

Podéis descargar Lrn a través de la App Store. En cuanto a los usuarios de Android, los responsables de la app están trabajando en una versión para el sistema operativo para dispositivos móviles de Google.

Dragula, una nueva forma de programar acciones de «arrastrar y soltar» en una página web

Uno de los proyectos destacados hoy en ProductHunt está especialmente creado para los desarrolladores web: Dragula.

Se trata de una biblioteca de Javascript muy sencilla y elegante, disponible en github para que cualquiera pueda implantarla en su aplicación. El objetivo es permitir a los visitantes arrastrar y soltar componentes dentro de la página, algo que muestran en la demo de su página principal con una serie de elementos en una lista.

captura-84

En los ejemplos podemos ver cómo se usa para mover elementos entre listas u ordenarlos dentro de un mismo grupo, con efectos bastante elegantes, posibilidad de seleccionar un icono o el texto completo, duplicar elementos y mucho más.

El código necesario se muestra en la parte inferior de cada ejemplo: pocas lineas para realizar una acción cada vez más tí­pica en las aplicaciones web modernas.

La licencia de Dragula es MIT, podéis consultar los detalles de la misma en en opensource.org, así­ como en esta página de Wikipedia.

Livecoding.tv, un «Twitch» o servicio de video en vivo para programadores

Señalan en TC el lanzamiento oficial de Livecoding.tv, un servicio para transmitir video en vivo y online, video enfocado a la programación y con herramientas sociales básicas para disponer de las preguntas y feedback de la audiencia conectada.

livecoding twitch programadores

En esencia es lo mismo que Twitch.tv solo que con programadores en vez de gamers, un espacio en el que profesionales o cualquier novato se conecta tanto para interactuar como para aprender con lo que tiene para mostrar el resto de profesionales y/o novatos; Por supuesto, la mayor parte de las veces resulta más enriquecedor que solo leer o ver videotutoriales pregrabados pues se tiene comunicación instantánea con quien genera los contenidos.

Por otra parte, el control de la videopresentación lo tendrá quien la inicia, con esto podrá cambiar a su antojo entre su cámara web y el escritorio de su computador. Mientras, los usuarios podrán seguir a programadores especí­ficos y recibir notificaciones, a lo Meerkat y Periscope, para enterarse de cuando sus seguidos inician una nueva transmisión. Continúa leyendo «Livecoding.tv, un «Twitch» o servicio de video en vivo para programadores»

Google, Mozilla y Microsoft trabajan en WebAssembly, un nuevo estándar para la programación web

webassembly

En los últimos años hemos visto muchos esfuerzos para avanzar en el mundo de la programación web, siempre enfocados en aumentar la potencia de Javascript o en acelerar su ejecución. Los pasos se han dado, Microsoft presentó TypeScript, Mozilla trabajó en el proyecto asm.js, pero Javascript sigue siendo Javascript, y los años pasan sin que haya mucho cambio en ese sentido.

Ahora vemos como tres gigantes trabajan en un proyecto común: Google, Mozilla y Microsoft quieren que WebAssembly sea el futuro motor de Internet, un nuevo formato binario para la elaboración de aplicaciones para la web.

El nuevo formato permitirí­a a los programadores compilar el código para el navegador, enfocándose en sus primeras fases en C/C++, para que pueda ejecutarse posteriormente en el interior del motor de JavaScript. En lugar de tener que analizar el código completo (algo que puede requerir mucho tiempo, especialmente en los móviles), WebAssembly podrí­a decodificarse significativamente más rápido, aumentando así­ en potencia, en velocidad y en flexibilidad a la hora de programar.

Disponible en github.com/WebAssembly, la diferencia con Javascript es que, mientras este último no deja de ser un archivo de texto que se compila por el motor de JavaScript en el navegador, WebAssembly decidió apostar por binario, por lo que el código puede comprimirse aún más que los archivos de texto estándar, siendo mucho más rápido para ser decodificado (hasta 23 veces más rápido, según se ha probado en el prototipo actual).

La idea no es reemplazar JavaScript, pero sí­ ofrecer más alternativas para programar en Internet. Seguramente veremos páginas en las que Javascript y WebAssembly se usen juntos, aunque no creo que lo veamos dentro de muy poco tiempo.

strml – Una web que se construye sola

Si estáis aprendiendo a programar páginas web, a entender mejor lo que se puede hacer con CSS y a jugar con HTML5, echad un vistazo en strml.net.

Se trata de un proyecto creado por Samuel Reeds, programador que decidió crear una web que se construye a media que leemos, ya que el texto, en inglés, va indicando las alteraciones que la propia web va sufriendo.

Nada más entrar veremos un texto negro con fondo blanco, texto que empieza a aparecer queriendo «más cambios». A medida que el tiempo pasa, la propia web indica los cambios sufridos: columnas, colores, efectos… ayudando así­ a entender cómo afecta el código al resultado final.

La animación puede pararse en cualquier momento, siendo así­ un excelente recurso para comentarlo en clase, ayudando a entender mejor la estructura de una web moderna.

captura-33

Como veis en la imagen, el resultado final no es impresionante, pero sí­ muy didáctico. En este caso está claro que lo que importa es el camino recorrido, y la original forma de mostrarlo.