SEO en tu Web » Recursos http://www.diseniorweb.com.ar SEO en tu Web Thu, 07 Nov 2013 22:58:43 +0000 es-ES hourly 1 http://wordpress.org/?v=3.7.1 Diagramas de Gantt en español http://www.diseniorweb.com.ar/recursos/editores/diagramas-de-gantt-en-espanol/ http://www.diseniorweb.com.ar/recursos/editores/diagramas-de-gantt-en-espanol/#comments Tue, 09 Jul 2013 23:20:48 +0000 http://www.diseniorweb.com.ar/?p=7078 Leer más]]> Tom’s Planner lanza al mercado español su editor de Diagramas de Gantt

Mediante un diagrama de Gantt es sencillo establecer los alcances y la planificación de cualquier tipo de proyecto.

Tom’s Planner
ofrece una herramienta gratuita; diferenciándose claramente de la competencia: MS Project y con almacenamiento en la nube.

Ahora, disponible para el mercado hispano, llega—finalmente—una versión con soporte de idioma español.  La versión personal es gratuita y tiene soporte para un solo proyecto y un colaborador adicional on-line (hay que requerir la invitación para esta herramienta)

Diagramas de Gantt en español

Si nunca tuviste oportunidad de utilizar un software para planificar un proyecto y querés ahorrarte siquiera el proceso gratuito de registración; podés probar on-line (sin registro) el editor de proyectos, siguiendo el siguiente enlace: prueba gratuita Tom’s Planner sin registración [es español]

Sitio Web | Tom’s Planner
—Gracias a Tom por enviarme el correo y mantenerme al tanto de estas novedades

Podés encontrar a en Google+

]]>
http://www.diseniorweb.com.ar/recursos/editores/diagramas-de-gantt-en-espanol/feed/ 0
Como insertar imágenes de gatos en tiempo de diseño http://www.diseniorweb.com.ar/recursos/como-insertar-imagenes-de-gatos-en-tiempo-de-diseno/ http://www.diseniorweb.com.ar/recursos/como-insertar-imagenes-de-gatos-en-tiempo-de-diseno/#comments Mon, 03 Jun 2013 19:06:24 +0000 http://www.diseniorweb.com.ar/?p=7036 Leer más]]> FireShot Screen Capture #181 - '{placekitten}' - placekitten_comInsertar la imagen definitiva en un sitio Web—en tiempo de diseño—es un tema que no siempre tiene solución a fin del día. Hace un par de años que soy usuario de Placehold.it

Placehold.it es un buen recurso a la hora de utilizar un placeholder.

Manejar un placeholder requiere, más o menos, el siguiente ejercicio mental: necesito hacerme a la idea de como va mi diseño, voy a insertar aquí una imagen de… 350 × 215 px pero no ahora porque:

  1. No me entregaron la imagen todavía
  2. Me entregaron la imagen y debo redimensionarla
  3. No tengo todavía la imagen
  4. No sé que imagen voy a poner
  5. Etc.

El placeholder se encarga de reservar ese lugar, con Placehold.it yo inserto, en HTML, algo así como

<img alt="" src="http://placehold.it/350x215" />

Y ya está resuelto.

Ahora hoy, he tenido oportunidad de ir un pocom más allá con el uso de algún placeholder, se trata de placekitten.

Utilizar placekitten es manejar el mismo concepto; sólo es necesario memorizar una nueva URL y sorprenderse con nuevos resultados. Ya que placekitten se encarga de reservar el espacio que necesitemos pero utilizando fotos de gatos.

Si en nuestro caso testigo el lugar a reservar es 350 px de ancho por 215 pixeles de alto sólo hay que utilzar

<img alt="" src="http://placekitten.com/350/215" />

Para obtener luego

300px × 215px

300px × 215px

¿A quien no le gusta mostrar gatos en tiempo de diseño?

100x100
100x400
300x300
250x500
500x250
500x500
300215
FireShot Screen Capture #181 - '{placekitten}' - placekitten_com

Sitio Web | {placekitten}

Podés encontrar a en Google+

]]>
http://www.diseniorweb.com.ar/recursos/como-insertar-imagenes-de-gatos-en-tiempo-de-diseno/feed/ 0
Una base de datos de juegos gratis | TheFreeGamesDB http://www.diseniorweb.com.ar/recursos/una-base-de-datos-de-juegos-gratis-thefreegamesdb/ http://www.diseniorweb.com.ar/recursos/una-base-de-datos-de-juegos-gratis-thefreegamesdb/#comments Wed, 09 Jan 2013 12:07:38 +0000 http://www.diseniorweb.com.ar/?p=6743 Leer más]]> Motores de búsqueda alternativos

TheFreeGamesDB es una completa base de datos que contiene no pocos títulos de juegos los cuales son freeware u open source y que pueden descargarse de manera gratuita.

Una base de datos de juegos gratis | TheFreeGamesDB

Una base de datos de juegos gratis | TheFreeGamesDB

A la fecha, el sitio Web reúne poco más de 600 títulos. Y la segmentación por tipo de juego permite—fácilmente—dar con el tipo de juego buscado.

El autor del sitio, ha tomado como inspiración el sitio Web thegamesdb.net. Una base de datos 14 mil video juegos que una legión de entusiastas se encarga de mantener al día :)

Sitio Web | TheFreeGamesDB
Vía | Soft & Apps

Podés encontrar a en Google+

]]>
http://www.diseniorweb.com.ar/recursos/una-base-de-datos-de-juegos-gratis-thefreegamesdb/feed/ 0
Por qué son importantes las campañas de marketing por mail? http://www.diseniorweb.com.ar/recursos/importantes-campanas-marketing-mail/ http://www.diseniorweb.com.ar/recursos/importantes-campanas-marketing-mail/#comments Tue, 04 Dec 2012 13:37:02 +0000 http://www.diseniorweb.com.ar/?p=6602 Leer más]]> Cuales con los objetivos de una campaña de marketing por mail
  • Crear conciencia de marca
  • Incrementar las ventas
  • Generar conductas
  • Estrechar las relaciones con los clientes
  • Recordar a los clientes quien sos

Las campañas por correo, son actualmente, el primer canal de diálogo en los negocios B2B; por que es:

  • rápido
  • simple
  • directo
  • importante
  • medible

La siguiente infografía, provee de buenas prácticas para estrategia de marketing por correo:

objetivos de una campaña de marketing por mail

objetivos de una campaña de marketing por mail

Imagen cortesía de Solutions

Podés encontrar a en Google+

]]>
http://www.diseniorweb.com.ar/recursos/importantes-campanas-marketing-mail/feed/ 0
Sobre la adopción de HTML5 ¿hechos o ficción? http://www.diseniorweb.com.ar/recursos/adopcion-html5-hechos-ficcion/ http://www.diseniorweb.com.ar/recursos/adopcion-html5-hechos-ficcion/#comments Sun, 18 Nov 2012 21:34:25 +0000 http://www.diseniorweb.com.ar/?p=6497 Leer más]]> En Kendo UI han llevado a cabo—recientemente—una interesante encuesta que ha terminado plasmada en la siguiente infografía.

Sobre poco más de 4000 desarrolladores que han sido encuestados:

  • El 63% actualmente está llevando a cabo desarrollos basándose en HTML5
  • El 31% tiene planes de comenzar a hacerlo
  • El 6% no se ha planteado utilizar HTML5 de acá a fin de año

El estado actual del HTML5

  • El 82% de los desarrolladores utilizará HTML5 en los próximos 12 meses
  • El 6% (ver anterior) que no utiliza HTML5 opina que sí, será importante utilizarlo en sus proyectos
Sobre la adopción de HTML5 ¿hechos o ficción?

Sobre la adopción de HTML5 ¿hechos o ficción?

Podés encontrar a en Google+

]]>
http://www.diseniorweb.com.ar/recursos/adopcion-html5-hechos-ficcion/feed/ 1
Qué implica tener un sitio Web correcto? http://www.diseniorweb.com.ar/recursos/que-implica-tener-un-sitio-web-correcto/ http://www.diseniorweb.com.ar/recursos/que-implica-tener-un-sitio-web-correcto/#comments Sat, 10 Nov 2012 23:05:09 +0000 http://www.diseniorweb.com.ar/?p=6485 Leer más]]> La siguiente es una infografía que muestra los necesarios pasos para obtener como resultado un buen sitio Web.

  1. ObjetivosEstablecer los objetivos que se buscar alcanzar con dicho sitio Web
  2. RequerimientosRelevar los requerimientos para cumplir con dichos objetivos
  3. DominiosEncontrar y elegir un buen nombre de dominio
  4. ContenidosRecopilar, redactar y procesar los contenidos del sitio
  5. Estética del diseñoRelevar y delinear en conjunto la estética que tendrá el sitio
  6. Elaborar un diseñoElaborar un diseño que refleje y comunique las fortalezas que se desean transmitir
  7. Usabilidad y funcionabilidadcontemplar aspectos de usabilidad y funcionabilidad en el diseño
  8. MaquetaciónCon el diseño elaborado y aprobado maquetar en (X)HTML/HTML5 y CSS
  9. EstándaresCumplir con los estándares para mejorar la compatibilidad con distintos navegadores y dispositivos (smartphones y tablets)
  10. Optimización de la maquetaOptimizar la maqueta utilizando técnicas de compresión de estilos, scrpits e imágenes
  11. SemánticaRespetar la semántica del markup utilizando en forma ordenada título, el uso de párrafos y de listas; tanto ordenadas como desordenadas
  12. Incorporación de contenidosIncorporar texto, fotos, noticias, banners y toda la información imprescindible para el sitio Web
  13. Interfaz de usuarioProgramar y hacer seguimiento de las interacciones del usuario. carritos de compra, ampliar una foto, validar formularios, etc.
  14. ProgramaciónAl mismo tiempo que se desarrolla la interfaz del usuario se debe ir controlando el resto de las funcionalidades del sitio

Hacer click en la imagen para visualizar la infografía en detalle

Qué implica tener un sitio Web correcto?

Qué implica tener un sitio Web correcto?

Vía | Julio César Meléndez

Podés encontrar a en Google+

]]>
http://www.diseniorweb.com.ar/recursos/que-implica-tener-un-sitio-web-correcto/feed/ 0
Como comprobar la validez de todo un sitio http://www.diseniorweb.com.ar/recursos/comprobar-validez-sitio-web/ http://www.diseniorweb.com.ar/recursos/comprobar-validez-sitio-web/#comments Mon, 15 Oct 2012 15:54:20 +0000 http://www.diseniorweb.com.ar/?p=6443 Leer más]]> Con un sólo click

Todo diseñador Web que trabaje con buenas prácticas de marcado estructural, confirma su buena tarea mediante la validación de W3C. Pero, claro, para un sitio Web de varias páginas, es un trabajo tedioso y largo; ya que la validación se lleva a cabo documento por documento.

Simply Testable - Como comprobar la validez de todo un sitio

Simply Testable – Como comprobar la validez de todo un sitio




Simply Testable es una aplicación Web que requiere sólo la página de inicio para llevar a cabo el rastreo y las comprobaciones.

Infome en tiempo real del avance de las comprobaciones

Infome en tiempo real del avance de las comprobaciones




Para los más exigentes sólo deben conformarse con la comprobación del mark-up; tanto la validez del CSS como de Javascript están en espera a un futuro inmediato.
Por el momento sólo están disponibles los siguientes resulatdos:

Verificaciones técnicas

Validación del HTML

Comprobaciones de calidad

Enlaces rotos
Calidad del atributo alt
Presencia del archivo robots.txt
Inclusión del archivo favicon.ico

Sitio Web | Simply Testable

Podés encontrar a en Google+

]]>
http://www.diseniorweb.com.ar/recursos/comprobar-validez-sitio-web/feed/ 0
Sobre la teoría del color http://www.diseniorweb.com.ar/recursos/sobre-la-teoria-del-color/ http://www.diseniorweb.com.ar/recursos/sobre-la-teoria-del-color/#comments Fri, 05 Oct 2012 13:24:33 +0000 http://www.diseniorweb.com.ar/?p=6398 Leer más]]> La siguiente infografía muestra la división entre los colores cálidos y los fríos. La agrupación de colores según sea el caso sean colores primarios, secundarios o terciarios.

No existen recetas para hacer buenas combinaciones de colores, el conocimiento teórico no es directamente proporcional a la aplicación práctica; pero también en cierto que conocer las propiedades de los colores ayudan a no cometer barbaridades en el manejo de los colores a la hora de diseñar

Fuente | www.abcdisegno.com/teoria-del-color/

A su vez se incluyen algunos esquemas de combinaciones; esto es por colores complementarios, analógicos, etc.

Sobre la teoría del color

Sobre la teoría del color

Imagen cortesía de Agrego

Podés encontrar a en Google+

]]>
http://www.diseniorweb.com.ar/recursos/sobre-la-teoria-del-color/feed/ 0
Adobe lanza un recurso de fuentes gratis http://www.diseniorweb.com.ar/recursos/fuentes/adobe-recursos-fuentes-gratis/ http://www.diseniorweb.com.ar/recursos/fuentes/adobe-recursos-fuentes-gratis/#comments Fri, 28 Sep 2012 13:28:08 +0000 http://www.diseniorweb.com.ar/?p=6356 Leer más]]> Cualquiera que haga diseño Web valora, de manera positiva, el recurso que ofrece Google—de manera gratuita—para la utilización de fuentes en los proyectos Web: Google Web Fonts.

Adobe no se ha quedado atrás y ha lanzado Adobe Edge Web Fonts

Adobe lanza un recurso de fuentes gratis

Adobe lanza un recurso de fuentes gratis

Adobe sirve las fuentes a través de Typekit, y este servicio ofrece las fuentes de código abierto de Google y, por supuesto, otras más.

La comunidad de diseñadores, felices y agradecidos :-)
Sitio Web | Adobe Edge Web Fonts

Podés encontrar a en Google+

]]>
http://www.diseniorweb.com.ar/recursos/fuentes/adobe-recursos-fuentes-gratis/feed/ 0
Como comprobar un responsive design http://www.diseniorweb.com.ar/recursos/como-comprobar-un-responsive-design/ http://www.diseniorweb.com.ar/recursos/como-comprobar-un-responsive-design/#comments Mon, 10 Sep 2012 20:02:27 +0000 http://www.diseniorweb.com.ar/?p=6243 Leer más]]> The Responsinator: una aplicación online muy útil para los diseñadores

Responsinator es una aplicación online verdaderamente útil para quienes deseen comprobar algún diseño adaptativo (aka responsive design) en algunos dispositivos.

Como comprobar un responsive design

Como comprobar un responsive design

La aplicación sólo requiere informar la URL que se desea comprobar.

Los dispositivos disponibles en esta aplicación online son los siguientes; se incluye la resolución—en pixels—disponibles

  • iPhone portrait 320 × 480
  • iPhone landscape 480 × 320
  • Crappy Android portrait 240 × 320
  • Crappy Android landscape 320 × 240
  • Nicer Android portrait 295 × 515
  • Nicer Android landscape 515 × 295
  • iPad portrait 768 × 1024
  • iPad landscape 1024 × 768
  • Kindle portrait 600 × 1024
  • Kindle landscape 1024 × 600

Sitio Web | The Responsinator
Sitio Web | Punto Geek

Podés encontrar a en Google+

]]>
http://www.diseniorweb.com.ar/recursos/como-comprobar-un-responsive-design/feed/ 4