24 diciembre 2011

WEBI.ORG el directorio libre.



Directorio del software libre.

Navegando por Internet me topé con este recurso, que la verdad llega justito para facilitarnos la vida a quienes gustan del Software Libre.

¿Por qué comúnmente pensamos que los programas comerciales son la mejor opción?
A veces podemos encontrar por la web, programas alternativos (no significa que sean truchos) que sirven para hacer las misma cosas que los comerciales, sin tener que desembolsar las desorbitantes cifras que piden las marcas del software comercial por sus productos. El problema es que a veces resulta bien difícil encontrar una alternativa libre , porque los resultados en los buscadores son miles, millones a veces. Y cuando entrás a algunas páginas te encontrás con la sorpresa que algunos programas son shareware, o esos molestos programas de prueba que dejan de funcionar después de X días de prueba.

WEBI.ORG puede no ser una solución total a tales problemas, pero sirve para unificar el software libre que da vueltas por la internet a través de categorías de uso: música, antivirus, ofimática, diseño gráfico, video, y un largo etc. Lo único que le hecho en falta es que no incluya alguna forma de contacto para sugerir más programas libres y gratuitos, y así completar el directorio. Pero bueh!, no se puede todo.



Si querés renovar tu repertorio de programas con alternativas libres, es un buen momento para hacerlo.

15 diciembre 2011

Testea el SEO de tu pagina web.

Herramienta para testear tu web.

SEO Tester es una util herramienta para testear el SEO de tu pagina web o blog, solo con ingresar la dirección URL de tu sitio podras obtener al instante informacion acerca del pagerank, Alexa Rank, Metatags, popularidad de links, indexación de contenidos, etc.

10 diciembre 2011

Como convertirse en un mejor usuario de Twitter.

Tips para mejorar el uso de Twitter.

No podemos negar la importancia que ha tomado Twitter en la actualidad, tambien esta claro que cada persona lo usa como mejor le parezca o le gusta, hoy vamos a darles algunas recomendaciones para ser mejores usuarios del microblogging o para sacarle más provecho a nuestra participación en este servicio.

  • Que su fondo no luzca como una especie de anuncio comercial. La gente huye de este tipo de cosas.
  • Publique una fotografía de su rostro. A las personas les gusta saber con quienes hablan.
  • Siga a las personas que para usted son interesantes, no a las que siguen la mayoría. Busque sus propios referentes.
  • Actualice periódicamente su cuenta. Cuando deja de hacerlo por mucho tiempo, las personas dejarán de seguirlo.
  • Trate de no utilizar Twitter como un sitio en donde sólo cuenta cosas intrascendentes o triviales, como ser que desayuna, a dónde está, si está en el baño, si le pica un ojo, si le duele el pie, etc.
  • Intente aportar valor a la conversación, compartiendo enlaces útiles o información relevante. Si se está hablando de un tema particular en Twitter, puede aportar valor enviando un enlace qué explique algo sobre ese tema.
  • A veces es bueno hablar de cosas personales. Esto nos humaniza y nos vuelve más creíbles frente a las otras personas, aunque no debe abusar. Lógicamente no debemos revelar cosas íntimas o comprometidas. Siempre debemos resguardar nuestra privacidad.
  • Agradezca a quienes contestan sus dudas o preguntas o a quienes lo recomiendan. Se trata de buena educación y a la gente le cae bien.
  • Inicie conversaciones. No espere a que las personas le hablen. Tome la iniciativa, especialmente con personas cuya opinión le resulta valiosa o con quienes les gustaría relacionarse.
  • Responda a quienes le hacen preguntas o se interesan por sus cosas. A veces, resulta imposible contestar a todos, pero en la medida de sus posibilidades, responda a sus followers. Imaginase si estuvieran cara a cara, ¿cómo reaccionaría la gente si usted los ignorará? Pensarían que usted es un arrogante o un maleducado.
  • No siga a las personas que no aportan ningún valor a su timeline o que no son interesantes. No siga por seguir, siga a quienes realmente valgan la pena.
  • No haga spam. A los usuarios de Twitter este tipo de prácticas, les resultan muy molestas. Una cosa es promocionar algo, y otra saturar. Tenga siempre en claro la diferencia.
  • Promueva su perfil de Twitter. Puede incluirlo en la firma de su correo electrónico, en sus tarjetas personales y al final de todos sus posts. De esta forma, aumentará el número de seguidores y de las personas interesadas en usted y en su trabajo.
  • No acosar ni hostigar a las personas. Si alguien no le contesta o se comporta mal con usted, ignórelo. No es necesario comenzar una batalla campal con los desubicados o con las personas que no saben comportarse en la Social Media.

07 noviembre 2011

Diseño web: relación entre el color y las compras online.

¿Como afecta un determinado color a la conducta de nuestros clientes y usuarios web?



En varias ocasiones hemos señalado la importancia que un diseñador web debe dar a la correcta selección del color en su site.
En esta ocasión, de la mano de KISSmetrics encontramos una interesante infografía donde conocer mejor la relación que existen entre el color de una web dedicada a la venta online y sus potenciales compradores.
How do colors affect purchases? está centrada en explicarnos el color, entre otros elementos de diseño web, como uno de los factores que más peso tienen a la hora de influir en las opciones de compra de nuestros usuarios.





04 noviembre 2011

Importancia y diseño de una página "Acerca de".

Claves de una de las páginas que con mayor frecuencia son ignoradas por diseñadores web.



Muchos diseñadores y desarrolladores ponen especial énfasis en la funcionalidad del site perdiendo de vista la relevancia de la página "Acerca de" (About us en inglés).
No obstante, la página "Acerca de" juega un papel destacado a la hora de poner cara a un negocio dando una oportunidad al visitante de conocer más sobre la compañía, su historia o las personas que se encuentran detrás. No en vano hay que señalar que los usuarios, potenciales clientes, interesados en comprar un producto o contratar un servicio acuden regularmente a esta página para disponer de nuevos datos con los que evaluar la credibilidad de la compañía.
Una página "Acerca de" es una nueva oportunidad para todo diseñador y/o desarrollador web de diferenciarse del resto de sites y salir del montón de la vulgaridad.
Entre las características y aspectos que pueden dotar de valor añadido al diseño de una página "Acerca de" encontramos, que esta debe ser única y sencilla pero atractiva, relevante de acuerdo al contenido del resto del site, que debe incluir fotos e imágenes que nos ayuden a crear puntos de atención dentro de la página, y por último que incluya un texto que debe centrarse en informar de una forma escueta, útil, directa y convincente acerca de quiénes somos y qué podemos hacer por nuestros usuarios tratando de poner especial énfasis en aquellas consideraciones y aspectos que nos diferencian del resto de sites.
En resumen una página "Acerca de" permite ponerle cara a aquellos que hacen posible una empresa o plataforma web, sirviendo de espacio especialmente idóneo para ganarse la confianza de todos los interesados en nuestros productos y servicios. Por todo lo anterior, tómate tu tiempo a la hora de preparar los textos que incluir en esta página y sigue los consejos que te hemos dado.



18 octubre 2011

Compartir en Internet.

Uno de los pilares de la llamada Internet 2.0



AddThis es una herramienta con la que permitir que un webmaster instale un botón en su propia web o blog desde el que cualquier usuario interesado pueda compartir contenidos en distintos marcadores sociales y a través de correo electrónico, o incluso suscribirse al feed RSS. Este servicio también ofrece informes y estadísticas acerca del comportamiento de nuestros visitantes y de cómo éstos comparten un artículo.
Tras cinco años desde el lanzamiento de AddThis y habiéndose convertido en una popular herramienta para compartir contenidos en Internet, usada por 10 millones de webs y 1200 millones de personas cada mes, su equipo de trabajo ha publicado una interesante infografía donde explicar algunas tendencias de los usuarios en Internet.





09 octubre 2011

Steve Jobs: adios a un genio.

La compañía Apple pierde a su líder y máxima referencia.

Apenas un día después que Tim Cook, el nuevo CEO de Apple, presentará la última versión de uno de las grades apuestas sobre las que se ha cimentado el éxito de la compañía, conocemos la noticia de la desaparición de Steve Jobs.
Jobs, cofundador de Apple y una de los mentes innovadoras más grandes que el mundo de la tecnología ha conocido dejó su puesto al frente de la compañía el pasado mes de agosto por motivos de salud.
El éxito de productos como iTunes, iPhone o iPad han sido algunos de los ejemplos más visibles del talento y la visión de un genio que ha dirigido el destino de Apple durante los últimos 14 años.
La pérdida de Jobs llega en un momento en que Apple es la compañía con la mayor valoración de mercado del mundo, líder en la fabricación de smartphones y con papel relevante en el mercado de ordenadores, tablets, reproductores musicales, aplicaciones móviles, navegadores y sistemas operativos.
Con motivo de la desaparición de Steve Jobs, la web de Apple ha dejado el siguiente mensaje:
"Apple ha perdido a un visionario y a un genio creativo. El mundo ha perdido a un ser humano excepcional. Y aquellos que hemos tenido la fortuna de conocer y trabajar con Steve hemos perdido a un amigo querido y a un maravilloso mentor. Steve deja atrás una compañía que solo el podía haber construido. Su espíritu siempre será el espíritu de Apple".

26 septiembre 2011

Pressly, contenidos web adaptados a cualquier tablet.

Herramienta gratuita para optimizar nuestro website a este tipo de dispositivos móviles.

La llegada al mercado del fenómeno iPad no solo ha disparado la aparición de todo tipo de tablets en el mercado, sino que ha convertido el acceso a Internet mediante este tipo de dispositivos en una práctica habitual.
Pressly es una aplicación online que adapta los contenidos de nuestra web o blog a las características propias de una tablet, ofreciendo una mejor experiencia a todos aquellos usuarios que llegan a nosotros a través de este tipo de dispositivos móviles y mejorando la cantidad y calidad de nuestro tráfico web.
Para usar Pressly debemos enviar el contenido por medio de Feed RSS, CMS o Twitter, para que de forma automática el servicio cree una página optimizada para su acceso desde cualquier navegador web para tablets.
Esta plataforma nos permite además añadir anuncios publicitarios entre nuestros artículos, cuyos beneficios (un porcentaje sobre el mismo) tendremos que compartir con Pressly.

03 septiembre 2011

Aardvark, analiza la estructura de una página web.

Herramienta para consulta rápida de los elementos de un website.

Aardvark es un complemento para el navegador Firefox con el que lograremos se resalten los elementos HTML de la página y su id, a medida que pasamos el ratón sobre ellos.
Además seleccionando determinadas teclas podremos realizar algunas acciones como eliminar elementos de la página, pegarlos en otros lugares del código, eliminar los atributos de anchura de los elementos, cambiar los colores para dejarlos en blanco y negro, ver el código fuente o aislar un elemento, entre otras posibilidades.
Este plugin puede resultar interesante para desarrolladores y diseñadores que deseen ver como están distribuidos los elementos en una página web además de para llevar determinadas funciones básicas para controlar un site .
Una vez instalado Aardvark podremos ejecutarla haciendo clic con el botón derecho y seleccionando en el menú contextual Start Aardvark.
Este complemento nos permite, además, hacer que las páginas web se puedan imprimir con mayor facilidad o incluso hacerlas más legibles al eliminar determinados elementos.
Interesados pueden acceder a más información de Aardvark desde karmatics así como a su descarga desde la página de complementos de Mozilla.
Los usuarios de Firefox 5 pueden acceder a una versión de Aardvark que soporta este último lanzamiento del navegador de la Fundación Mozilla.



31 agosto 2011

Firepicker, selector de color para Firefox.

Herramienta de firefox para diseñadores.

Firepicker es un complemento para el navegador de Mozilla que el que añadir un sencillo selector de color junto a Firebug que resulta interesante para escoger el color de nuestros elementos en CSS.
Esta herramienta para diseñadores web y webmasters escanea los valores que pueden analizarse (#abc, #010203, azul, rojo, etc.) y los muestra en una lista desplegable justo por debajo del cuadro de editor de CSS de Firebug. Al hacer clic en el valor del color en la lista, se muestra un cuadro de diálogo de selector de color.
Firepicker es una utilidad sencilla y efectiva que ha sido valorada como uno de los mejores complementos para Firefox dentro de la categoría Desarrollo web.
Firepicker soporta Firefox 5.0.1 (y versiones anteriores) y Firebug 1.8.1 (y versiones anteriores).


25 agosto 2011

Template Monster, ofrece plantillas gratis.

Plantillas para proyectos de caracter personal.

¿Quieres disponer de una plantilla web con un aspecto profesional y con coste cero?
Template Monster dispone, entre otras posibilidades, una categoría dedicada a ofrecer una colección de plantillas que podremos usar para implementar en nuestro proyecto web con unas nociones básicas de HTML.
Entre los recursos incluidos se encuentran plantillas flash, plantillas CSS, plantillas silverlight, plantillas PSD plantillas para WordPress, para Drupal, para Joomla, para Facebook.....
Pese a tratarse de templates de calidad y gratuitos están sometidos a algunas restricciones como por ejemplo que las plantillas no pueden ser usadas en proyectos de carácter comercial (limitadas a aquellas de carácter personal).
Además cada semana se selecciona una plantilla que ofrecida desde el blog de Template Monster de forma gratuita puede ser usada en cualquier tipo de proyecto.




09 agosto 2011

FlashFirebug depura Flash desde Firefox.

Complemento de Firefox para desarrolladores permite depurar archivos Action Script 3 de Flash.

FlashFirebug permite depurar un archivo flash de forma similar a como lo haríamos con HTML o JavaScript, gracias a que dispone de una interfaz tipo Firebug, que ofrece cierta familiaridad entre desarrolladores.
Esta extensión disponible para usuarios de sistemas Windows, Mac y Linux con Firefox 3.5 o superior, requiere Firebug y Flash Player Debugger 10 o superior.
Interesados pueden accede a más información de FlashFirebug desde http://www.o-minds.com/ o a la descarga de la última versión, FlashFirebug 2.1.2, desde la página de complementos del navegador de la Fundación Mozilla.

03 agosto 2011

Información para reducir el tiempo de carga.

Saca el máximo provecho a tu web.

Desde hace algún tiempo que el tiempo de carga de un site se ha convertido en un elemento determinante para la optimización de una web.
Una web o blog que cargue rápido va a obtener un mayor tráfico de usuarios tanto por la reducción del numero de los mismos que abandonan nuestro site antes de acceder a cualquier contenido, como por la mejora de su posicionamiento en la página de resultados de Google debido a la relevancia de este parámetro en el algoritmo del motor de búsqueda.
Para reducir el tiempo de carga sin dejar de respetar aspectos relativos a la navegabilidad y usabilidad de nuestra web, Acens nos sugiere una serie de recomendaciones que todo webmaster debería tener en cuenta:

•Utilizar un buen servicio de hospedaje.
•Saber cuando usar gif, jpg o png
•Utilizar etiquetas DIV antes que etiquetas TABLE.
•Revisar la programación de nuestra aplicación.
•Utilizar sistema de cacheo.
•Minimizar tamaño archivos js y css.
•Poner las llamadas a los script al final de código.

Aquellos que lo deseen encontrarán completo detalle acerca de estas medidas sugeridas por Acens desde Consejos para reducir el tiempo de carga de una web.
Junto a estas recomendaciones podemos encontrar una interesante infografía titulada Cómo afecta el tiempo de carga a su cuenta de resultados.

15 julio 2011

Google Swiffy convierte de Flash a HTML5.

Herramienta online gratuita de Google nos ayuda a pasar los archivos flash a HTML5.


Google Swiffy es un conversor web dirigido a aquellos desarrolladores que pretendan pasar de forma sencilla un archivo .swf (de Flash) a HTML5 (JSON).
Todo apunta que pese a las expectativas generadas con la aparición en escena de HTML5 y algunas críticas respecto al rendimiento de Flash, la llegada definitiva del próximo estándar HTML no estará completo hasta 2014 debido a las correcciones y modificaciones a las que todavía debe ser sometido. No obstante, con el lanzamiento de Swiffy, todavía en fase de desarrollo, Google pretende dar un nuevo impulso que sirva a cualquier desarrollador interesado en que sus animaciones puedan visionarse en un navegador web sin necesidad de plugins.
El manejo de Swiffy no presenta ninguna dificultad, tan solo introducir el archivo SWF de Flash y esperar a que se transforme automáticamente en HTML5 para subirlo de nuevo a nuestra página web. La herramienta en fase inicial de desarrollo ofrece buenos resultados aunque no perfectos (ver ejemplo).
Esta nueva apuesta de Google por HTML5 solo está disponible, al menos por el momento, para los navegadores Google Chrome y Safari.

05 julio 2011

5 consejos para la optimización de AdSense.

AdSense, empieza con el pie derecho.

¿Estás por crear tus anuncios de Google AdSense?
Esta breve guía incluye 5 consejos básicos para comenzar con el pie derecho!

1- ¿Qué anuncios me recomiendan utilizar? Siempre recomendamos utilizar los anuncios de formatos más anchos, como los anuncios de 336x280, 300x250, 728x90 y 160x600. Estos anuncios tienen un CTR (Click through rate) más alto que otros formatos ya que son más atractivos para los usuarios, además el CPC también es más alto ya que permiten mostrar tanto anuncios de texto como de imagen, además de ser los tamaños de anuncios más elegidos por los anunciantes.

2- ¿Es preferible mostrar anuncios de texto o de imagen? Es preferible mostrar todos los tipos de anuncios disponibles. Al habilitar tanto anuncios de texto como de imagen, habilitas todos los formatos de rich media, como videos y flash. Este tipo de anuncios tienen un RPM más alto, lo cual permite una mejor competencia en la subasta.

3- ¿Cómo debe ser el diseño de los anuncios? Un diseño atractivo e integrado con el de tu sitio facilita que los usuarios reconozcan los anuncios y los encuentren relevantes. Una manera de lograrlo es utilizando una paleta de colores igual a la de tu sitio, al utilizar una paleta similar se mantiene la armonía del sitio. Por ejemplo: si tu sitio tiene titulares en color verde, puedes utilizar el mismo verde en el titular del anuncio. Recuerda, también, no utilizar bordes, si el fondo de la sección donde incluirás el anuncio es blanca, selecciona el color blanco para el fondo y los bordes.

4- ¿Dónde coloco los anuncios en mi sitio? Los anuncios se tienen que colocar en un lugar donde el usuario los vea. De poco sirve colocar un anuncio a pie de página en páginas muy largas ya que son pocos los usuarios que llegan a leer todo. Los lugares con mayor visibilidad son los que se encuentran en la parte superior y del lado izquierdo de la página, esto se explica por el hecho de que en nuestra cultura, leemos de izquierda a derecha.

5- Ya coloqué los anuncios pero mis ingresos siguen siendo muy bajos. No importa cuán optimizado esté nuestro sitio y nuestros anuncios sino recibimos visitas. Te recomendamos revisar la cantidad de impresiones que estás teniendo en el sitio y compararlo con la cantidad de visitas que estás recibiendo diariamente. Hay muchas herramientas para aumentar las impresiones y la cantidad de visitas a tu sitio. Te recomendamos el centro de webmasters y el foro de ayuda donde otros webmasters comparten sus casos y podrás recibir ayuda sobre cómo mejorar el posicionamiento de tu sitio.

Esperamos que estas recomendaciones te sean de ayuda para comenzar a utilizar Google AdSense. ¡Y no te pierdas la próxima entrega para editores con consejos de optimización más avanzados!

23 junio 2011

10 claves contra ataques Phishing.

Tecnicas de protección frente a hackers.

El phishing es uno de los ataques que con mayor frecuencia se producen en Internet. Pese a que existen múltiples variantes, hemos querido recopilar la información que nos permita saber qué son y cómo tomar ciertas normas de seguridad básicas que nos ayuden a protegernos de ellos.
Una de las técnicas más comunes de phishing consiste en la capacidad de un atacante de duplicar una web para hacer creer a través de engaños (ingeniería social) que se está accediendo a la original en lugar de a una página Web falsa alojada en un servidor controlado por él. Creado este sitio Web falso en Internet, el hacker comienza un ataque realizando el envió masivo de emails a una infinidad de direcciones de correo, en los que se solicita el acceso a la web suplantada (banco, tienda online, etc.) para realizar determinados cambios en su información personal.
Una vez el usuario atacado accede a través del enlace que incluye el correo y que supuestamente dirige a la web legitima, el hacker se apropia de los datos personales facilitados. La información que normalmente se obtiene a través de este tipo de ataques son nombre de usuario, contraseña, números de su tarjeta de crédito, claves de acceso, y otros datos con los que tener acceso a servicios privados del usuario que permitan obtener un beneficio económico.

Para mejorar la protección frente a este tipo de ataques Phishing, es importante seguir las siguientes recomendaciones:

1.Nunca responda a solicitudes de información personal a través de correo electrónico.

2.Instale y actualice su software antivirus y firewalls.

3.Mantenga su sistema operativo actualizado.

4.Maneje un gestor de correo electrónico con funciones anti-spam que borre directamente del servidor el correo no deseado.

5.Tras recibir un mail con un fichero adjunto no lo ejecute hasta analizarlo con un antivirus.

6.Sepa que es mucho más seguro tipear la URL de un banco que acceder al mismo a través de un enlace.

7.Tenga precaución con aquellas entidades con las que intercambie información sensible y no dispongan de certificación de autentificación.

8.Avise a su banco o entidad cada vez que haya sido vícitima de un ataque Phishing.

9.Use el sentido común, es la mejor herramienta de protección frente a cualquier tipo de ataque de seguridad.

10.Siga los 10 mandamientos de seguridad en Internet.

07 junio 2011

Web Developer, interesante plugin para desarrolladores.

Navegador con herramientas pensadas para el desarrollo web.

Web Developer nos trae un kit de funcionalidades para desarrolladores que añade en una barra de herramientas extra algunas funcionalidades interesantes a la hora de desarrollar una página web.
Entre las posibilidades de este complemento, descargado cerca de 20 millones de veces, encontramos opciones de validación y de modificación del tamaño de la página, lector de elementos CSS, posibilidad de ver el código fuente de la página que estamos visitando, detección de enlaces rotos o incluso desactivación de ciertos elementos web.
Este interesante complemento disponible para los navegadores Firefox y Google Chrome, puede ser disfrutado por cualquier usuario de las plataformas Windows, Mac OS X o Linux.
La versión 11.9 de Web Developer para Firefox, lanzada hace apenas un par de días, añade soporte para la versión 4 del navegador de la Fundación Mozilla además de corregir varios problemas de la versión anterior. La versión 0.3.1 de Web Developer para Chrome sigue sufriendo algunos problemas de estabilidad.


03 junio 2011

Los diez mandamientos de seguridad en Internet.

Normas para aumentar nuestra protección en la red.

El pasado día 17 de mayo se celebró en todo el mundo el Día de Internet, con motivo de este evento, cualquier persona u organización podía dejar su contribución para hacer de la Red un mejor espacio de conocimiento, comunicación e información.
El laboratorio de Investigación ESET desarrolló un decálogo de seguridad en Internet en el que recopiló una serie de consejos básicos y al alcance de cualquier interesado, con los que multiplicar nuestra protección frente a amenazas de todo tipo que circulan por la red.

Los diez mandamientos de seguridad en Internet:

1.Evitar los enlaces sospechosos: los enlaces pueden estar correos electrónicos, ventanas de chat, mensajes en redes sociales y normalmente invitan a hacer acciones comunes como ver fotos, videos ,webs..., pero en unos términos no habituales para el contacto que nos lo envía (idioma, forma se expresarse...)

2.No acceder a sitios web de dudosa reputación.

3.Actualizar el sistema operativo y aplicaciones: es muy importante tapar las vulnerabilidades del sistema operativo así como de otros programas a través de los últimos parches de seguridad

4.Descargar aplicaciones desde sitios web oficiales.

5.Utilizar tecnologías de seguridad: las soluciones antivirus, firewall y antispam representan las aplicaciones más importantes para la protección de un equipo.

6.Evitar el ingreso de datos personales en formularios dudosos

7.Tener precaución con los resultados arrojados por buscadores web: algunas técnicas de ataques (Black Hat SEO) suelen posicionar sus sitios web entre los primeros lugares de los resultados de los buscadores, especialmente en los casos de búsquedas de palabras clave muy utilizadas.

8.Evitar la ejecución de archivos sospechosos: es recomendable evitar la ejecución de archivos procedentes de mensajería instantánea, correo electrónico o sitios webs a menos que se conozca la seguridad del mismo y su procedencia sea confiable.

9.Aceptar sólo contactos conocidos: tanto en los clientes de mensajería instantánea como en redes sociales, es recomendable aceptar e interactuar sólo con contactos conocidos.

10.Utilizar contraseñas fuertes: se recomienda el uso de contraseñas fuertes, con distintos tipos de caracteres y una longitud de al menos 8 caracteres, para el acceso de servicios en Internet.

18 mayo 2011

Syntaclet, entiende mejor el código fuente de un site

Herramienta para interpretar codigo fuente.

Syntaclet es un bookmarklet desde el que vamos a poder volver más legible y fácil de entender el código fuente de un website.
Es común en webmasters navegar entre webs en busca de fragmentos de código y ejemplos diversos. El problema es que muchos sites tienen métodos pobres para mostrar el código, lo que los convierte en complicados de leer. Ahora, simplemente con hacer clic en el bookmarklet Syntaclet, se aplicará automáticamente la sintaxis del lenguaje específico, ofreciendo colores, números en las lineas y otros recursos que favorezcan su entendimiento.
Syntaclet es una herramienta gratuita que soporta más de 20 lenguajes de programación, entre los que encontramos Javascript, PHP, Java C, C++ o C#.

17 abril 2011

Stripe Generator, editor de fondos online.

Herramienta web 2.0 con la que crear patterns para diseños web.

Stripe Generator es un editor de fondos todavía en fase beta que nos permite crear patterns con rayas o bandas diagonales (stripes).
El uso de esta aplicación gratuita no presenta dificultades, a través de ella podremos escoger el tamaño y ancho de las bandas diagonales, los colores de fondo y de las rayas, la orientación, sombras...Disponemos de una vista previa de lo que vamos generando, además, pulsando sobre Open full screen preview se previsualizará el fondo sobre el que estamos trabajando a pantalla completa de forma que podamos apreciarlo mejor.
Una vez finalizado el trabajo podremos descargarlo y guardarlo o compartirlo con otros usuarios, para esto último debemos de estar registrados previamente.

07 abril 2011

Aviary, complemento para el diseño web.



Herramienta del navegador Chrome, para la captura y edición de imágenes.

Aviary es una extensión del navegador Google Chrome con el que de forma sencilla vamos a poder capturar una imagen de pantalla y trabajarla con las herramientas de edición de Aviary.com, sin necesidad de abandonar la página que estamos viendo.
Este complemento es una interesante herramienta para webmasters y bloggers desde la que podremos añadir efectos, redimensionar, rotar, incluir notas....así como obtener información de la imagen capturada.
Esta extensión actualmente en versión Aviary 0.53 está disponible desde la página de complementos de Google Chrome.



23 marzo 2011

Youtube ofrece un link a tu web.

El sitio propiedad de Google anuncia que enlazará a aquellos websites que creen vídeos que se conviertan en populares.

Youtube quiere estimular la creación de vídeos ofreciendo un link que enlace a aquellas webs y/o blogs que creen vídeos que generen una importante cantidad de tráfico en la popular plataforma de Google.
De esta manera Youtube no solo agradece y reconoce el tráfico que recibe sino que genera a su vez un aumento de tráfico web hacia los creadores de dichos vídeos populares, promoviendo de esta manera la creación de los mismos.
Por el momento esta nueva característica se encuentra en fase de prueba y no se han hecho público que criterios se seguirán para ofrecer el enlace. No obstante, el anuncio hecho desde el blog oficial, señala que esta se convertirá pronto en una característica permanente.

20 marzo 2011

Como colocar archivos descargables en tu blog.

Archivos para descarga en tu sitio web.

¿Alguna vez te has preguntado como colocar archivos descargables en tu blog? Pues he aquí la respuesta. No hay una opción directa o por lo menos un enlace en el menú de blogger para poder colocar un archivo para que tus usuarios lo descarguen desde tu sitio, a diferencia de un hosting donde solo debes colocar la ubicación del archivo en un enlace directo y listo, pero en un blog es totalmente diferente. Es buena opción ofrecer contenido de descargas legales en tus sitios y así atraer visitantes y por ende un tráfico web aceptable, recuerda que debes colocar archivos legales o que poseas los permisos de uso. Bien, existen dos páginas de alojamiento de archivos de todo tipo, lo bueno es que son gratuitos y uno te paga por una cantidad de descargas que obtengas de tus archivos alojados en esa página.

La primera web donde puedes subir tus archivos para obtener un enlace de descarga y apuntarlo en tu blog es Magaupload, es recomendable 100 % ya que tus archivos permanecen allí sin ningún tiempo de caducidad hasta que tu decidas eliminarlos, es gratuito, solo necesitas tu correo electrónico para crear una cuenta y comienza a disfrutar de los servicios que te ofrecen.



La otra web para alojar archivos descargables es Deposit Files además puedes ganar dinero con la cantidad de descargar de archivos alcanzadas que hayas subido al servidor de Deposit Files la desventaja es que la permanencia de tus archivos es temporal, es decir, que lo eliminan después de un tiempo determinado.

13 marzo 2011

EmbedPlus: más funciones para vídeos publicados en una web.

Plataforma que nos permite multiplicar las posibilidades de un vídeo Youtube.

EmbedPlus mejora la experiencia de los usuarios que visionen vídeos Youtube en nuestro site.
Este servicio gratuito añade una barra extra en cada vídeo que incluyamos en nuestro site desde la que podemos acceder a unos nuevos controles avanzados.
Entre las funcionalidades de EmbedPlus destaca, cámara lenta, zoom en tiempo real, control de escenas o comentarios en tiempo real. No obstante, este servicio está en continuo desarrollo y promete añadir nuevas posibilidades próximamente.
El manejo de EmbedPlus es muy sencillo, simplemente copiar la URL del vídeo seleccionado y completar la configuración acerca del comienzo y fin de la reproducción, dimensiones, escenas, reacciones en tiempo real...para obtener de forma automática un código que tendremos que embeber en nuestra web, blog, foro....de la misma forma que hacemos con un vídeo estándar de Youtube.

06 marzo 2011

Websites con fuentes tipográficas grandes.

Ideas e inspiración para nuestros propios proyectos y diseños.

La tipografía es uno de los elementos del diseño de un website que más importancia tiene.
La correcta selección de una u otra fuente no solo supone una mejor comprensión de los textos y contenidos sino que nos permite dar un mayor énfasis en el mensaje o incluso proyectar a nuestros usuarios algunos valores (moderno, clásico...).
La plataforma especializada en diseño WebDesignLedger ha reunido una colección de 30 ejemplos de websites con tipografías grandes bajo el título Examples of Big Typography in Web Design, que pueden resultar interesantes para ver las posibilidades de este tipo de diseños web.

03 marzo 2011

Facebook para desarrolladores.

Social Plugins.

Las herramientas y aplicaciones que nos ofrece facebook son muy buenas opciones cuando de promover nuestra web o blog se trata.
Los Sociales Plugins Facebook le permiten ofrecer atractivas experiencias sociales a los usuarios con sólo una línea de código HTML. Estos plugins son asistidos por Facebook. Plugins sociales te permite crear botones de "Me gusta"," Box de recomendaciones": permitirá a los usuarios sugerencias personalizadas para aportar a su sitio. "Botón de inicio de sesión": El botón de inicio de sesión muestra imágenes de perfil de los amigos del usuario que ya han firmado para su sitio Web, además ofrece la posibilidad de iniciar sesión en facebook desde su web o blog. "Box para comentarios": La caja de comentarios permite integrar en cualquier área de tu sitio una opción para que los visitantes comenten tu portal cualquier contenido e inmediatamente aparecerán en el muro de los usuarios que hayan iniciado sesión y a la vez comentado en su página.
Lo importante de todo esto es que si las personas que hacen vida social en facebook comparten sus experiencias vividas desde tú página, tendrás el chance de que visiten tú sitio y ganar popularidad.

16 febrero 2011

Calculadora flash para tu sitio web.

Calculadora flash muy util para tu web o blog.

He aqui una;aplicación que podría ser muy vistosa y de provecho para tus sitios, me refiero a la calculadora, si bien es cierto de que nuestro sistema operativo posee una entre sus herramientas, pero es más rápido usarla en una web o blog directamente si los usuarios quieren efectuar algún cálculo, este gadget es ideal para sitios que ofrezcan en venta algún tipo de producto, o para aquellas cuya temática se relacione con comercio electrónico, estadísticas en línea entre otros.

Vista previa de la aplicación:



Este es el codigo que debes insertar en tu web:

30 enero 2011

Web Resizer, optimiza el peso de tus imágenes.

Herramienta que mejora el peso de una imagen para tu website o blog de forma rápida y sencilla.

Web Resizer es una plataforma con la que reducir en un 50%, 60% o 70%, el peso de una imagen.
Esta aplicación compatible con archivos de hasta 5 MB y formato .GIF, .JPG Y .PNG, dispone de herramientas para recortar, enfocar, rotar o ajustar brillo contraste y saturación de una imagen. Web Resizer dispone también de la posibilidad de crear bordes en las imágenes cargadas.
El manejo de esta aplicación web no puede resultar más sencillo e intuitivo. Interesados en Web Resizer pueden acceder desde http://www.webresizer.com/

29 enero 2011

20 sitios que todo diseñador web debería conocer.

Recursos para incentivar tu creatividad.

Dar un vistazo a lo que algunos diseñadores y desarrolladores talentosos han logrado realizar es una interesante formula para conseguir la inspiración necesaria que nos permita dar un valor añadido a nuestros propios proyectos.
Con la idea de alimentar nuestra creatividad para seguir llevando a cabo nuevas formas de presentar ideas y contenidos hemos seleccionado algunas de los sites de diseño que consideramos con la calidad suficiente para servir de ejemplo.

20 variados sites que todo diseñador web debería conocer:

28 enero 2011

WebPageTest, test de rendimiento de una web.


WebPageTest es una herramienta originalmente desarrollada por AOL para uso interno cuyo código fue posteriormente liberado, con la que cualquier webmaster o usuario interesado puede testear un site para conocer su rendimiento.
WebPageTest mide el tiempo de carga, velocidad de acceso, velocidad de respuesta,a demás de un sinfín de parámetros con los que conocer el rendimiento de un site y ayudarnos a optimizarlo para una mejor velocidad de carga, lo que a su vez implicará un mejor posicionamiento en Google y por tanto un mayor número de usuarios.
El manejo de WebPageTest no presenta excesivos problemas en su análisis más básico, simplemente con introducir la URL y la localización más cercana para de forma automática obtener un completo informe con múltiples gráficas que nos ayudarán a entender toda la información.
Interesados pueden acceder de forma completamente gratuita a WebPageTest desde http://www.webpagetest.org/.


Interesante herramienta online para análizar del tiempo de carga de un sitio web.

26 enero 2011

Manual de Optimización del Rendimiento Web

Web Performance Optimization, nuevo manual de optimización de rendimiento web.

Recientemente hemos conocido de la existencia de un nuevo manual dedicado íntegramente a la Optimización del Rendimiento Web, donde su autor, Javier Casares, señala la relevancia de la velocidad y el rendimiento de un site como el factor a tener en cuenta para destacar en la Web.
El manual disponible de forma gratuita en PDF, y actualizado a enero de 2011, repasa a modo de lista aquellos elementos a tener en cuenta para lograr la optimización del rendimiento web (conectividad, contenidos, cookies, CSS, imágenes, javaScript, móvil y servidor). En este sentido el documento señala que la optimización se basa en las mejoras referentes a la conectividad de redes, la optimización de los servidores web y la mejora de los diferentes elementos que tienen los propios sitios web, desde el HTML hasta el JavaScript, pasando por los CSS o la cantidad de peticiones a servidores DNS.
Interesados pueden acceder al Manual de Optimización del Rendimiento Web, disponible íntegramente en español, desde webperformanceoptimization.es.