Adobe lanza Portfolio, servicio para crear y alojar un sitio web para creativos

Adobe Systems acaba de incorporar otro producto más a su Creative Suite Apps.  Se trata de Adobe Portfolio, el cual permite crear y alojar un sitio web.

Adobe Portfolio está orientado a creativos, para que muestren su obra y el ofrecimiento además incluye fuentes de Typekit, acceso al editor de fotografías Adobe Photoshop y también a Adobe Lightroom.

Continúa leyendo Adobe lanza Portfolio, servicio para crear y alojar un sitio web para creativos

About these ads

Los errores que no debes cometer en tu sitio web o blog

website-design-picjumbo
Imagen cortesía PicJumbo

La presentación de un sitio web o blog es muy importante para la empresa y para cualquiera que quiera tener presencia en Internet.  Por eso hay que prestar mucha atención al mismo, ya que una mala impresión de entrada, puede significar que el visitante no vuelva a visitar el sitio y no solo cuando digo mala impresión me estoy refiriendo a la visual que de por si es un aspecto muy importante, también a otras cosas como la experiencia de navegación y por supuesto lo más importante el contenido.

Continúa leyendo Los errores que no debes cometer en tu sitio web o blog

Qué hay que tener en cuenta para desarrollar un sitio web

html5-pixabay

Construir un sitio web simple es fácil, uno puede usar alguno de los servicios que permite crear una página web y hasta ofrecen espacio para alojarla. En el caso de que quieran crear un blog se pueden crear en Blogger o WordPress.com.

Hasta aquí hablamos puramente de desarrollar un sitio simple, personal, que en menos de una hora podemos tener terminado sin problemas, tanto para un proyecto personal, como hasta para que nuestra familia o amigos vean las fotos de nuestras vacaciones sin importar mucho la visual del mismo.

Pero cuando queremos hacer algo mucho más importante, para una empresa o un blog de noticias o una revista u otro tipo de sitio que será visitado por mucha gente o al menos ese es nuestro deseo :-), no es lo mismo.  Hay que tener en cuenta muchas cosas más importantes.

Hace un tiempo en Pixaal crearon una estupenda infografía, en la que listan 26 cosas a tener en cuenta antes de desarrollar un sitio web.

El propósito de ese trabajo no es enseñar paso a paso como desarrollar un sitio web, sino cuales son las cosas a tener en cuenta para el desarrollo.   Algunas de ellas no las considero tan importantes como por ejemplo la publicidad, al menos al principio y especialmente dependiendo de que sitio queremos crear, si no es necesario, mejor no incluir avisos.

Tampoco Mensajes en Ventanas Emergentes, son molestos y si son un sitio nuevo con poco contenido, sin mucho valor, serán más los que no vuelvan que los que se sientan atraídos a volver.

A continuación enumero las cosas a tener en cuenta que propone Pixal.com, que no necesariamente están en orden, hay cosas que se pueden pensar o hacer antes que otras y deben tener en cuenta que con sitios más complejos, por supuesto que se necesitarán pensar otras cosas más, pero esta lista es un buen comienzo para cualquiera.  Luego tienen la infografía.

  1. El nombre del Dominio
  2. Hosting.  Donde alojarán el sitio web
  3. Tecnología a usar como HTML5, PHP, CSS3, JQuery, Javascript, etc
  4. El Propósito del sitio
  5. La Plantilla y Color
  6. El Mapa del Sitio (las páginas que compondrán el sitio web)
  7. Contenido que publicarán
  8. Audiencia a la que queremos llegar
  9. Publicidad si no es necesario mejor no poner, especialmente al principio
  10. Mensajes en Ventanas Emergentes. Molestos, mejor no pensar en estos.
  11. Diseño Atractivo.  Cuanto más atractivo mejor ¿No?
  12. Botones para navegación y llamados a la acción
  13. El Gráfico de Fondo (Background)
  14. Imagen a usar (gráficos, logo)
  15. Navegación Fácil para que los usuarios sepan donde ir en el sitio
  16. Único. tratar de desarrollar algo único que se diferencie de los demás.
  17. Actualizado.  Para que la gente regrese a ver nuevo contenido.
  18. Optimización.  Amigable para los motores de búsquedas
  19. Para todos los Navegadores, que se vea bien en cualquiera
  20. Resolución de Pantalla. Sitios adaptables
  21. Social Media.  Incluir botones de social media para compartir contenido
  22. Tipografía.
  23. Suscripción. Si los usuarios tendrán que suscribirse para interactuar en el sitio
  24. Seguimiento y analíticas. Cómo evoluciona el sitio y cómo optimizarlo
  25. Si es un sitio de suscripción, tener en cuenta la Seguridad de los datos de usuarios
  26. Por último el Pié de Página.

desarrollar-sitio-web-26-cosas

[Fuente Visual.Ly] [Imagen de Portada Pixabay]

Cómo obtener el código responsivo de Youtube, Google Maps, Vimeo e Instagram

embed-responsively

Para los que tienen sitios web o blogs con diseño responsivo, que permiten adaptarse a cualquier dispositivo y ordenador, hace unos días atrás les comenté como obtener el código responsivo para cuanto quieren incrustar imágenes y vídeos de Instagram.  Pero para muchos ese no es solo el código de distintos ficheros de media que incrustan diariamente, también publican vídeos de Youtube, de Vimeo y hasta mapas de Google, los cuales no se ofrecen con código responsivo como por ejemplo lo entregan Twitter, Souncloud, Storify y Scribd.

Para solucionar ese problema hasta que esos servicios ofrezcan el código responsivo, existe una aplicación web llamada Embed Responsively, que en cuestión de segundos nos ofrece el código para incrustar en nuestro sitio web o blog.

El uso es bien fácil, solo deben de elegir el servicio, en el caso de Youtube, Vimeo e Instagram ingresar el enlace y en el caso de Google Maps, ingresar el código completo del iFrame.  Clic en Embed y automáticamente genera el código responsivo que solo tienen que copiar y pegar en su sitio o blog.

embed-responsively

Embed Responsively también genera el código responsivo de cualquier iFrame genérico.

Recuerden que en el caso de Instagram, el sitio que les había comentado hace unos días atrás (enlace en el primer párrafo), tiene una gran ventaja con respecto a Embed Responsively, ya que también reduce el tamaño de las imágenes entre 4 y 5 veces.

Enlace: Embed Responsively

[Vía Addictive Tips]

Nokia: Aplicacion web para tipografías

 

Si quieres conocer más sobre tipografías, puedes darte una vuelta por este sitio web que trata del pasado presente y futuro de esta disciplina. Se presentan aquí los desarrollos de nuevas fuentes y sus aplicaciones. Los actuales protagonistas de la creación de una cultura tipográfica en castellano, la historia los clásicos y los modernos del diseño de fuentes. Información actualizada sobre todo lo que tenga que ver con el tema tipográfico en idioma español.

El enlace para descargarlo en tu smartphone Nokia es el siguiente: Unos tipos Duros

Pero si quieres recorrer el sitio desde tu computadora, también puedes hacerlo en esta dirección: Unos Tipos Duros

 

Prueba tu sitio en cualquier navegador con Browsershots

El sitio Browsershots nos permite ver como nuestro sitio o blog se ve en distintos navegadores y sistemas operativos.  Es muy facil de usar, solo ingresamos la dirección de nuestro sitio o blog, elegimos qué navegadores nos interesan ver, en qué sistema operativo y por último una serie de parámetros como tamaño de pantalla, profundidad de color, si usa o no Javascript, Java y Flash.  Como resultado nos entrega capturas de pantallas de nuestro sitio, visto en distintas combinaciones de navegadores y sistemas operativos.

Browsershots

  Continúa leyendo Prueba tu sitio en cualquier navegador con Browsershots