Ir al contenido

Entradas etiquetadas como ‘Web Design’

15
nov

Facebook renovó su popular botón "Me gusta"

Ya no incluye un pulgar levantado.  El diseño de la opción “Compartir” también fue modificado

0010336870

La red social anunció novedades en los botones integrados en otras páginas web. “Like” y“Share” son vistos más de 22 mil millones de veces cada día en más de 7,5 millones de sitios web, señala Facebook

El botón “Me gusta” pierde el popular ícono de una mano con el pulgar hacia arriba para ser reemplazado por la F de Facebook. Además, el botón tomará un color azul intenso y optará por la tipografía Helvetica.

El cambio será aplicado de manera automática a todos los sitios que incorporen el botón durante las próximas semanas. 

Además de renovar los botones de “Me gusta” y “Compartir” para los sitios web, la plataforma también lanzará un botón que incluirá las dos opciones juntas, “Me gusta + Compartir”, con el fin de “ayudar a la gente a compartir más contenido en la web”.

0010336842

Así la red social realiza el primer rediseño del clásico botón que en 2010 fue presentado para todo el mundo. Según explicó Ling Bao, gerente de producto de Facebook, se trata de uno de los bienes más valiosos de la marca. “No es fácil diseñar un botón que es utilizado por la totalidad de internet”, dijo en diálogo con el sitio The Verge.

Bao señaló que el proceso de modificación tomó alrededor de seis meses, ya que debió ser creado cuidadosamente, de forma tal que funcione correctamente en distintos idiomas, browsers y sitios. Así, el nuevo diseño debió ser aprobado por los diseñadores, vicepresidentes, la división de Legales y hasta el mismo Mark Zuckerberg, CEO de la empresa.

 

FUENTE | INFOBAE.COM | INFOBAE

8
oct

Google presenta una herramienta para crear sitios en HTML5 sin saber de programación

De nuevo buscando darle un empujón aún más efectivo al HTML5, Google presentó hoy una interesante herramienta llamada Google Web Designer, que podrá ser usada tanto por diseñadores web profesionales así como también por personas que no tengan entendimiento de código. Disponible en su versión beta, resuelve algunos de los problemas más importantes de la web, el de la compatibilidad entre dispositivos. Pero, más que nada, Google Web Designer es un programa completo para poder diseñar, un programa que está al día en cuanto a las tendencias del mercado, y que puede ser muy sencillo de usar.

Google-Web-Designer-3-800x320

¿Qué es exactamente Google Web Designer? Se trata de un programa de descarga gratuita que permite trabajar en HTML5 para crear diseños y gráficos interactivos que pueden ser usados en cualquier dispositivo. Esto quiere decir que quizás por el momento no tengamos la posibilidad de crear una web completa (con lo cual no terminaría de ser una alternativa al más popular Adobe Dreamweaver) pero sí es una interesante opción a la hora de generar Ads interactivos para Google, entre otras cosas. Habrá que bajar el Google Web Designer para probarlo.

El primer punto fuerte que nos presentan los desarrolladores de Google Web Designer es la compatibilidad. De hecho, las piezas que desarrollemos con el programa podrán verse bien, sin importar el tamaño de la pantalla o el dispositivo. La idea es que podamos desarrollar piezas que sean universales, y que las personas puedan ver el trabajo sin importar el equipo que usen para acceder a una determinada dirección. En definitiva, lo que promete Google Web Designer es eliminar los problemas de compatibilidad de una vez por todas.

Google-Web-Editor-2-800x429

Además, Google Web Designer cuenta con una funcionalidad similar a la que podemos encontrar en Dreamweaver. Por un lado, podemos trabajar pura y exclusivamente en el diseño, mientras que por el otro, también tendremos la libertad, sin limitaciones, de trabajar directamente con el código para hacer las modificaciones necesarias. Es importante aclarar que aún desde Google Web Designer se puede trabajar con el código, y no es necesario usar un software adicional. En cuanto al editor visual, lo que busca Google es remover la necesidad de trabajar con HTML5 y CSS3, para poder hacer que las personas estén más concentradas en la generación de una experiencia visual.

Google Web Designer está equipado con una buena cantidad de funcionalidades. Así, los usuarios encontrarán dos modos diferentes de animación, uno rápido y otro más avanzado, y también contrará con soporte para varias funcionalidades 3D. El usuario podrá manipular el contenido 3D gracias al poder de CSS3, y más. De la misma forma en que sucede con Dreamweaver, también tenemos diferentes paneles de visualización para, por ejemplo, ver solamente el código si es que así lo deseamos, ver solamente el diseño, o una combinación de ambos para ver dónde se tienen que realizar los ajustes.

Google-Web-Editor

Por ahora, Google Web Designer quizás no llegue al público masivo, pero en primer lugar, es una forma de hacer que aquellos que están interesados en hacer una inversión de dinero dentro de Google lo hagan a través de una herramienta autorizada y que está al tanto de los avances de la tecnología. Sabiendo el fanatismo por Adobe Flash que tienen muchos diseñadores, sobre todo en anuncios, Google está claramente marcando una posición que ya conocemos. Aquellos interesados en descargar gratuitamente Google Web Editor pueden hacerlo en la web oficial de la herramienta.

 

FFUENTE | BITELIA | BÁRBARA PAVAN

27
may

¿Qué va a pasar con Fireworks tras su ausencia en el anuncio de Adobe CC?

650_1000_fireworks

Ayer por la tarde os comentamos cómo Adobe iba a abandonar su gama Creative Suite para pasar a la Creative Cloud y un modelo de suscripción anual. No habrá CS7, pero en junio llegarán Photoshop CC, Dreamweaver CC, Illustrator CC, InDesign CC y compañía… excepto por uno de los programas de la antigua suite. Como bien apuntásteis algunos en los comentarios de la noticia, en la imagen de la presentación de los nuevos productos CC hay una notable ausencia: Adobe Fireworks.

Para empezar, algo está claro y Adobe ya lo ha confirmado: no habrá Fireworks CC. El programa, que en su día llegó a Adobe tras la adquisición de Macromedia, no será renovado junto al resto del software de la compañía. ¿El principal motivo? Adobe considera que sus funcionalidades se superponían con otras que ya ofrecen otros programas, como Photoshop e Illustrator. Así que directamente han decidido parar el desarrollo de Fireworks.

¿Significa esto que vaya a desaparecer? No a corto plazo. Al igual que el resto de la suite CS6,Fireworks CS6 seguirá estando disponible en el mercado e incluso ofrecerán la posibilidad de contratarlo por suscripción, de manera similar al resto de productos CC. Seguirán dando el soporte básico al producto (fundamentalmente resolución de bugs y compatibilidad con futuros sistemas operativos) al menos por el momento. Pero no recibirá nuevas funcionalidades ni actualizaciones fuera de estos casos.

Si bien Adobe no ha dado detalles de plazos en su anuncio oficial, parece que esta solución será algo temporal ya que no tienen planes para seguir con Fireworks en un futuro. De momento son muchos los actuales usuarios que están lamentando este cambio, considerando que las supuestas “características que se solapan” con otros productos no son tal. En todo caso, la decisión de Adobe parece firme y definitiva. Adiós, Fireworks.

Enlace | Comunicado oficial de Adobe

 

FUENTE | GENBETA | MARÍA GONZÁLEZ

25
abr

Markdown: qué es y cómo aprovecharlo

En varias oportunidades hemos hablado sobre Markdown, diferentes herramientas para utilizarlo, y más. Para quienes están acostumbrados a escribir en internet, el markdown es una propuesta interesante, rápida y eficiente, así como también es un recurso que se puede ampliar a otros aspectos de la vida digital. Entendemos que no hemos hablado en detalle del lenguaje, por lo que hoy hablaremos sobre qué es markdown y para qué sirve, en qué situaciones podemos implementarlo, y cuáles son los mejores editores para aprovecharlo al máximo.

markdown-800x492

Qué es Markdown

Markdown es una forma sencilla de agregar formato a textos web. Con formato nos referimos a itálicas, negritas, listas, y más, en texto plano –por ejemplo, el texto que nos encontramos en el visor de HTML de los editores de blogs, o en el Bloc de Notas de Windows, para hacer el concepto más asequible-. Markdown fue creado originalmente por John Gruber, con ayuda de Aaron Swartz, con el propósito de crear un texto plano fácil de escribir y fácil de leer, y que pudiera convertirse de forma sencilla y válida a XHTML.

En un principio, la idea de sus creadores era fundar una alternativa a HTML, pero termino mutando. Qué es Markdown, entonces: una forma de crear páginas web sin tener experiencia en HTML, por ejemplo. Pero avanzaremos un poco más en la siguiente sección. Markdown nos permite aprovechar las ventajas del texto plano, sin tener que renunciar al formato, pero sí a todas las complicaciones derivadas del mismo que pueden surgir cuando lo trasladamos a la web.

Qué es Markdown, también: un sistema de procesado de textos sencillo y minimalista que nos permite escribir rápido sin prestar demasiada atención al formato. Funciona a través de determinadas porciones de texto que tenemos que insertar para que se pueda leer bien en HTML. Por ejemplo, si queremos hacer énfasis en un texto, en Word usaríamos la gran B de la tabla de formatos para hacer que esté en negritas. Con Markdown, lo que hacemos es usar dos asteriscos para marcarlo.

Para obtener una lista completa de todas las alternativas posibles para formatear un texto a través de Markdown, pueden ingresar en la página oficial del proyecto de Gruber, donde encontrarán todo el abanico de posibilidades que se tiene para hacer un texto más bonito en la web sin perder de vista lo importante, que es escribir sin distracciones, y sin poner en riesgo la integridad del texto como todo por problemas de adaptación de formato.

Para qué sirve

Ahora que ya hemos hablado de qué es Markdown, tenemos que ver para qué sirve. El énfasis que pondremos es, claramente, web, pero hay otras cosas que se pueden hacer con Markdown. Por ejemplo, listas de tareas que se pueden pasar y que son más sencillas de hacer que teniendo que usar las viñetas de Word. De hecho, después de aprender Markdown seguramente terminemos pensando que Word es un monstruo malévolo –por exagerar nomás-. Ahora repasaremos algunos de los usos más interesantes que pueden dársele a Markdown.

Por otro lado, también podemos usarlo con una flexibilidad inusitada. No tenemos que preocuparnos por compatibilidad de formatos porque este tipo de textos se pueden leer sin importar el programa que usemos para abrirlos. Por otro lado, se pueden guardar en diferentes formatos para hacer diferentes cosas.

Cuando estamos escribiendo en HTML, para evitar los errores de código de los editores WYSIWYG, muchas veces nos encontramos cometiendo algunos errores básicos que no podemos remediar si estamos apurados. Si nos olvidamos de cerrar una etiqueta, si escribimos mal un enlace, puede estar todo equivocado y nuestra página no se verá bien, en el peor de los casos. HTML puede convivir con algunos errores mínimos, pero no es la idea. Markdown soluciona todo esto.

markdownpad2-800x560

Por otro lado, volviendo a los editores visuales de los blogs, muchas veces generan un HTML engorroso y espantoso que tenemos que evitar. Markdown, por otro lado, nos permite escribir en cualquier lado, en cualquier formato. No tenemos que preocuparnos por equivocarnos por el código, pues escribirlo es simple e intuitivo, y se puede hacer en cualquier parte. Nos permite muchas opciones para personalizar nuestro texto, sin tener que necesariamente visualizarlo. Se puede compartir en cualquier formato y aún así funcionar, y no crear problemas en nuestra web.

Cómo aprovecharlo

Una de las mejores formas de aprovechar el lenguaje es usarlo. Tomará algo de acostumbramiento los primeros días, durante los cuales nos vamos a preguntar si realmente es útil, pero una vez que ya le agarremos la mano, no vamos a querer volver a la forma tradicional de aplicar formatos. Esto es excepcionalmente válido para los bloggers, que cuentan con, tanto en Blogger como en WordPress, un editor visual WYSIWYG y un editor HTML, el primero de los cuales puede ser (muy) engañoso en lo que se refiere a formatos. Además de aprenderlo, lo que también podemos hacer es buscar una serie de herramientas para facilitar nuestra transición a Markdown. Ellas son:

  • Writemonkey: para los usuarios de Windows, Writemonkey puede ser una excelente alternativa. Cuenta con pantalla completa y soporte para Markdown, una interfaz completamente despojada para poder concentrarnos en la escritura. Es gratuito, aunque acepta donaciones de sus fanáticos. Pero, además de ser el editor más “zen” de la lista, tiene algunas funciones avanzadas, si nos damos el tiempo para descubrirlas.

  • MdCharm: mencionamos MdCharm hace algunos meses destacando la forma que tiene de hacerlos ganar agilidad a la hora de escribir. Es ideal para trabajar de manera cómoda en texto plano y sin estilos, que se aplicarán gracias a Markdown.

  • MarkdownPad: también para Windows, MarkdownPad cuenta con una funcionalidad interesante. Nos permite ver una previsualización de nuestra escritura, con su formato completo tal y como se verá una vez que esté cargado en la página web.

  • nvALT: para los que quieren usar un editor no solamente para escribir sino también para tomar notas, nvALT es una gran forma de hacerlo en Mac. tiene muchas funciones interesantes pero su núcleo reside en un aprovechamiento extremo del MultiMarkdown, y no tiene desperdicio.

  • Notepad: para los usuarios de Windows, el Notepad que viene por defecto puede ser ideal para comenzar a trabajar con Markdown. Nos ofrece un entorno con texto plano, no tenemos que descargar nada adicional, y funcionará de la misma manera que los demás.

 

FUENTE | BITELIA |

11
dic

Guía en tamaños de publicación visual en Social Media

Para que no tengas que buscar más los tamaños de publicación visual que requiere Facebook, Twitter, Google+ YouTube, Linkedin y Pinterest.

The-Ultimate-Complete-Social-Media-Sizing-Cheat-Sheet1

 

FUENTE | LUNAMETRICS.COM | DAN WILKERSON

snowflake snowflake snowflake snowflake snowflake snowflake snowflake snowflake snowflake snowflake snowflake snowflake snowflake snowflake snowflake snowflake snowflake snowflake snowflake snowflakeWordpress snowstorm impulsado por nksnow
  • RSS
  • Newsletter
  • Twitter
  • Facebook
  • LinkedIn
  • FriendFeed
  • YouTube
%d personas les gusta esto: