Blog

  • Firebug, una herramienta indispensable para el desarrollador web.

    Autor: 
    Tags: CSS, Diseño, Enlace
    0 comentarios

    Si eres desarrollador, seguramente ya conozcas este complemento para firefox, una herramienta indispensable pàra el análisis y depuración del código de nuestras páginas web.

    Algunas de sus principales funcionalidades son:

    • Edición de HTML en tiempo real: Firebug nos permite ver el código fuente y editarlo mientras vemos como quedan los cambios, destacando las modificaciones realizadas. Tiene un buscador integrado y nos permite exportar los cambios fácilmente.
    • Inspecciona tu hoja de estilos: podremos editar los estilos en tiempo real y autocompletar las propiedades. Además dispone de una interfaz muy intuitiva.
    • Monitorea el tiempo de carga de las páginas: Esta extensión nos ayudará a averiguar el tiempo de carga mostrando cada petición realizada al sitio y los segundos de demora en obtenerla.
    • Depurador de Javascript: Con Firebug podemos buscar los scripts fácilmente y pausarlos en cualquier momento. Detecta en qué linea de código existe un error y mide el tiempo de carga de cada función.

    Podremos acceder a la ventana de firebug haciendo click en el icono de firebug que en las últimas versiones podemos encontrar en la zona superior derecha de la ventana de firefox. También podremos hacer click con el botón derecho sobre el elemento que queremos inspeccionar, lo que nos abrirá el inspector de código centrado en esta zona de la página web.

  • 0 to 255. Gama de luminosidad de tus colores hexadecimales

    Autor: 
    Tags: Diseño, Enlace
    0 comentarios

    www.0to255.com es una herramienta muy útil para diseñadores web hecha por diseñadores. Muchas veces necesitamos conocer exactamente variaciones de la luminosidad de un color para plantear diferentes áreas de un interface, distintos estados de un botón,...

    Esta herramienta nos permite introducir un valor hexadecimal de un color y nos mostrará la gama completa de variaciones de luminosidad, desde el blanco hasta el negro.

  • Personaliza la firma de tus correos

    Autor: 
    0 comentarios

    La firma de tus emails puede ser una potente herramienta para promocionar tu site corporativo o tu tienda online. Piensa en el número de mails que puedes enviar cada día y tradúcelos a impresiones de tu anuncio y verás que puedes estar perdiendo oportunidades de conseguir nuevos seguidores, clientes,...

    GESIO® solutions te facilita una herramienta online totalmente gratuita que te ayudará a diseñar tu firma de correo:

    www.firmasdecorreo.com

  • Localizar o ubicar una IP en el mapa

    Autor: 
    Tags: Enlace
    0 comentarios

    Si necesitas saber desde donde te conectan al servidor puedes conocer una ubicación muy aproximada con esta herramienta.

    Basta poner este enlace en el navegador habitual http://www.ip-adress.com/ip_tracer/ Por defecto aparecerá la IP desde donde te conectas y siempre podrás consultar una IP determinada.

     

  • Los fondos de pantalla más increibles para tu inicio en GESIO.

    Autor: 
    Tags: Enlace
    0 comentarios

    Muchos son los que nos pedís fondos y fotografías para la pantalla de Login de GESIO y nos preguntais de donde sacamos los actuales.  En GESIO queremos trabaajr a gusto y las fotografias bellas hacen nuestro dia a dia más amable.

    Bueno, no es ningún secreto. Podéis disfrutar de todos ellos en INTERFACELIFT.  Son gratuitas mientras no las useis para ganar dinero.

    Si sabeis de otros sitios para encontrar tan increibles fondos y calidad no dudeis en informarnos.

  • Google Web Fonts

    Autor: 
    0 comentarios

    La mejor opción para utilizar fuentes tipográficas diferentes a las que ofrecen los sistemas operativos es la utilización de Web Fonts. La mejor opción para incluir estas fuentes en tu sitio web gestionado con GESIO® es utilizar las que ofrece Google Web fonts.

    En primer lugar deberemos buscar la fuente que queremos utilizar, haremos click en el botón "quick use".

  • Favicon generator

    Autor: 
    Tags: Enlace, iconos
    0 comentarios

    Con esta sencilla herramienta online podrás generar un favicon personalizado, en formato .ico, para tu sitio web o tienda online.

    Pero... ¿Que es un favicon? Bien, es una pèqueña imagen de 16 x 16 pixels que aparecerá en el campo en el que aparece la dirección de tu web, junto a esta y junto al nombre de tu web cuando un usuario guarde la dirección como favorito, haciéndolo más identificable dentro de este listado. Esta imagen puede ser tu logotipo, una imagen relacionada con tu empresa o incluso una pequeña animación, ya que esta aplicación te permite importar un gif animado.

    http://www.favicon.cc/

  • LIPSUM GENERATOR. Si quieres generar texto aleatorio para tus maquetas de web y diseños previos.

    Autor: 
    Tags: Enlace
    0 comentarios

    Es muy improbable que cuentes con el material documental final, completo y autorizado por el cliente para añadirlo a tus propuestas gráficas. Comunicar en web se basa en un 90% de ocasiones en textos e imagenes, dejando objetos animados y video o sonidos para post producciones o producciones paralelas.

    Si necesitas entregar propuestas de "como quedaria" una página con mancha de texto sin que quiera decir nada no tienes poruqe generar texto a mano. Con Lipsum generator puedes generar textos aleatorios que necesites para "rellenar" los espacios dedicados a documentación de texto

    Aqui tienes el enlace....

  • Añadir Fondo degradado a tus propuestas de web y tienda online.

    Autor: 
    Tags: CSS 3, Enlace
    0 comentarios

    No uses imagenes porque la págian tardará más en cargar y siempre tendras que luchar con resoluciones, alturas y mil combinaciones. Es siempre mejor utilizar la oportunidad que nos brinda las nuevas técnicas de CSS avanzado añadiendo scrips de degradados de color interpretados.

    Con mucha más capacidad de la que te imaginas añadir un fondo degradado a tu web será muy sencillo.

    Aqui tienes el enlace como siempre...

  • Bordes redondeados en cajas y objetos en tu diseño web.

    Autor: 
    Tags: CSS 3, Enlace
    0 comentarios

    Fué Apple quien aportó más amabilidad a sus interfaces añadiendo esquinas redondeadas para que nuestros dedos no se lastimaran entre tanta ventana.

    Son de esas cosas ridículamente humanas que marcan la diferencia en muchas ocasiones entre un interfaz u otro. Visualmente conseguirás cercania, ambiente suave y sobre todo modernidad, si sigue estando de moda...clario...

    Utilizalo con sabiduria sin emborrachar tu interfaz en http://border-radius.com/