HTML5 en tu navegador

La siguiente infografía, muestra en detalle el estado en que tu actual navegador tiene la capacidad de renderizar HTML5

HTML5 en tu navegador

Sitio Web | HTML5 Demos

Unicorn herramienta de validación de W3C

Finalmente, Unicorn ha salido de su fase de pruebas, para ser oficialmente la nueva herramienta de validación todo-en-uno de W3C.

Este nuevo servicio permite no sólo al desarrollador, sino también al webmaster ocupado y preocupado por los estándares comprobar los documentos no sólo en cuanto a su etiquetado (markup) sino también la adecuada implementación de las hojas de estilos (CSS) y de los canales de sindicación (RSS).

Además agrega la comprobación MobileOK para los diseños orientados a dispositivos móviles.

Esta herramienta de validación fue desarrollada con la colaboración de la Fundación Mozilla.

Sitio Web | Unicorn
Vía | W3C

Como conocer tu dirección IP con What is my IP

Sea cual fuese la razón, y esto es: puede ser por cuestiones de un juego en red, para configuar un proxy, para verificar si se está navegando en la Red en forma anónima y—además—un largo etcétera; puede haber un momento en el que deseás comprobar cual es tu dirección IP.

Precisamente el servicio que ofrece What is my IP tenés en forma efectiva esa información.

Sitio Web | What is my IP
Vía | Download Squad

Como jugar Snake mientras se carga un video de YouTube

El tema, lo ví hoy por la tarde en Twitter y hace un rato—nomás—veo que lo han publicado en Genbeta.

Como jugar Snake mientras se carga un video de YouTube

Pues el truco consiste—precisamente—en poner en pausa la reproducción del video y mantener luego presionada la flecha del cursor (teclado) izquierdo durante unos segundos.

Una de las propiedades más soportadas | word-wrap

Pocas propiedades de CSS3 tienen a la fecha, soporte tan amplio en la diversidad de navegadores que hoy se utilizan a cotidiano.

Y si bien con respecto a CSS3, Safari y Chrome van a la cabeza con respecto a la implementación, cabe mencionas que la propiedad word-wrap ya era soportada por IE5

#selector {
word-wrap: break-word;
}

#selector-2 {
word-wrap: normal; /* el comportamiento por defecto */
}

Esta propiedad de CSS es extremadamente útil como para no considerar su uso.

Supongamos que en tiempo de diseño estemos trabajando con una campo de ancho 200px si en ese campo se introduce una URL, por ejemplo, al no contar con espacios en blanco la URL se muestra en una sola línea vulnerando el ancho de trabajo. Con el uso de word-wrap se evita tal efecto.

vía | Impressive Webs

Nice Entity | Entidades HTML

La utilidad de Nice Entity me remite a la que presenta CopyPasteCharacter; pero de modo distinto, ya que no presenta todos las entidades en forma visible, al mismo tiempo.
Sino que, más bien, las agrupa según su utilidad.

Asimismo, la jerarquía con que pueden visualizarse, incluye:

• más comunes
• puntuación
• acentos
• formas y símbolos

Sin lugar a dudas, en recurso para tener a la mano.

Sitio Web | Nice Entity

Como buscar torrents con TorrentsWave

Motores de búsqueda alternativos

TorrentsWave es un buscador de torrents. Si bien permite la búsqueda mediante consultas, tiene segmentados muy bien sus resultados:

• Películas (Movies)
• Series de televisión (TV Show)
• Audio
• Aplicaciones (Application)
• Juegos (Games)

Sitio Web |  TorrentsWave
Vía | Killer StartUps

Topsy agrega la búsqueda de expertos

Motores de búsqueda alternativos

Hace poco más de un año, escribía en el blog sobre Topsy: Topsy | un buscador de tweets.

Y es que todavía hoy, Topsy continúa siendo una atractiva solución para la búsqueda de información en tiempo real en la plataforma de Twitter.

Pero ahora se agregan 2 nuevas funciones:

• búsqueda de expertos
• creación de alertas, al estilo Google Alerts

Buenas nuevas a la hora de permitir encontrar gente que escribe los temas que nos interesan.

Sitio Web | Topsy
Vía | Todo Twitter

Una extensión para el inicio rápido en Firefox | QuickRestart

QuickRestart es una extensión para Firefox que agrega a Firefox un botón y una combinación de teclas como Ctrl+Alt+R de forma de permitir reiniciar el navegador.

No estamos hablando acá de la instalación de extensiones en forma adicional, donde ese paso lo tenemos. Esta extensión se presenta de forma verdaderamente útil para aquellos que están modificando en forma recurrente su archivo userChrome.css o el user.js

Instalar extensión | QuickRestart
Vía | webAdictos

Como copiar tablas con Firefox

Las aplicaciones de Mozilla permiten copiar renglones o columnas de una tabla simplemente manteniendo presionada la tecla Control y clickeando o bien las columnas o bien los renglones con el botón principal del mouse.

La selección puede ser copiada pero la disposición general de la tabla se pierde irremediablemente cuando el destino es una hoja de cálculo.

Como copiar tablas con Firefox

Una excelente forma de remediar esto es utilizando una extensión como Table2Clipboard. De este modo, la extensión agrega 2 nuevas opciones en el menú; una a nivel contextual y la otra en el menú Editar.

Instalar extensión | Table2Clipboard 

The revolving Internet

No mucho después de haber publicado mi anterior: UnevenGoogle un Google con CSS3. Ignacio me avisa por mail que inspirado en UnevenGoogle los chicos de Constant Dullaart han sacado a la luz un proyecto aunque apunta a lo mismo propone un Google con una transformación de 360 grados in-continuum > CSS3 + Javascript

Girando en el sentido de las agujas del reloj, no sólo podemos disfrutar (?) de una Google dinámico, sino también accedemos a donde podamos clickear también.
—Por supuesto, luego de la segunda vuelta; yo me bajé...

Sitio Web | The revolving Internet
Vía | Ignacio L.

UnevenGoogle un Google con CSS3

UnevenGoogle es la graciosa y original ocurrencia de Chris Collins. A Chris se le ocurrió cargar en su sitio Web al mega buscador Google dentro de un iFrame (id="uneven")

Hasta acá, nada original, pero por cierto; jugó un poco con CSS3:

#uneven{width:100%; height:100%
background-color: white;   
-webkit-transform: rotate(1deg);
-moz-transform: rotate(1deg);
-o-transform: rotate(1deg);}

Y el resultado es trabajar con Google con una rotación de 1 grado :-)

Sitio Web | UnevenGoogle
Vía | WWWhat´s new

+2014 texturas gratis en formato JPG

Star Textures es un repositorio, un banco de imágenes que actualiza en el mes a mes texturas para sus usuarios.

Posee las características comunes a este tipo de servicios, la inclusión de categorías y la búsqueda a través de ellas. Así también como las texturas más populares y las más recientemente agregadas.

Cabe destacar, que las texturas—generalmente—pueden descargarse o están disponibles en 3 tamaños.

Puede consultarse también la nube de tags y, por cierto, no es exigible identificarse como usuario para descargar imágenes.

Sitio Web | Star Textures

Corel Painter X | un tutorial completo

Paola Magariños desde su blog—Autos con Arte—ofrece desde el día de ayer, la posibilidad de adquirir un increíble recurso, en especial atención a dibujantes y diseñadores, un tutorial completo sobre Corel Painter X.

Este tutorial abarca poco menos de 6 horas, distribuídos en 55 videos en formato AVI—codificados con XviD incluído—

El tutorial de Corel Painter X por Paola Magariño

El siguiente video, es un extracto del curso sobre Corel Painter X

Organizando la bandeja de pinceles en Corel Painter X

Video | 6:23 min

 

Paola Magariños es una artista plástica argentina que plasma sus creaciones en dibujo y pintura al óleo. Ha desarrollado técnicas experimentales sobre pintura asfáltica; esta actividad  la ha convertido en pionera al respecto. Su blog, Autos con Arte, muestra los trabajos digitales que ella lleva a cabo con Photoshop y Corel Painter.

Sitio Web | Corel Painter X | un tutorial completo

Distintas resoluciones con resizeMyBrowser

resizeMyBrowser es un aplicación online que permite al usuario redimensionar el tamaño de la ventana del navegador sin recurrir—siquiera—a scripts o programas residentes o a extensiones o plugins.

Los presets disponibles, incluyen:

• 320 x 480 > iPhone 3G/3GS, iPod touch
• 480 x 720 > Meizu M8
• 480 x 800 > Google Nexus one
• 640 x 960 > iPhone 4G
• 768 x 1024 > iPad
• 480 x 320 > iPhone 3G/3GS | iPod touch
• 720 x 480 > Meizu M8
• 800 x 480 > Google Nexus one
• 960 x 640 > iPhone 4G
• 1024 x 768 > iPad
• 1024 x 600 > la mayoría de las Netbooks
• 1280 x 800 > MacBook Air
• 1366 x 768 > algunas Laptops
• 1440 x 900 > MacBook Pro 15 pulgadas

Una aplicación, ideal, para comprobar cualquier sitio ante diferentes resoluciones.

Sitio Web | resizeMyBrowser

Qué sitio Web carga más rápido?

Which loads faster? es una aplicación online que te permite comparar el tiempo de carga—medido en milisegundos—entre 2 sitios Web.

Ryan Witt es la persona detrás de este ingenioso recurso; quien lo ha concebido y escrito y lo comparte como un open source, escrito en HTML y JavaScript; lo cual lo coloca como una aplicación que corre totalmente del lado del cliente.

Cualquiera puede alojar estos archivos en su propio sitio y permitir y ofrecer llevar a cabo las pruebas. Ryan promete—con mucha gracia—no contarle nada a nadie ;-)

Cuál carga más rápido? Apple o Adobe?

Existen varias opciones disponibles como llevar a cabo la carga en paralelo o en modo serial; de otra manera se pueden hacer cargas en lotes para hacer carreras :-)

Sitio Web | Which loads faster?

Google agrega URLs cortas a Google Maps

Google continúa agregando nuevas funciones a las disponibles en la versión de Google Maps Labs

Google agrega URLs cortas a Google Maps

Recientemente se ha agregado la que tiene que ver con el acortador de URLs. Esto es especialmente útil no sólo para la utilización de estas URLs en foros o blogs sino, también, para su uso en Twitter.

Si nunca antes tuviste oportunidad de usar los mapas de Google con características adicionales, te va a llamar mucho la atención las funciones que están recientemente en beta.

Sitio Web | Google Maps Labs
Vía | Google Operative System

Apple | 30 años en 2 minutos

El video del viernes

Video | 2:14 min

Sólo un vistazo en cuanto al diseño y la progresión de las computadoras de Apple desde la Apple II hasta los actuales modelos. El video excluye algunos modelos que han sido íconos como la Apple IIc, Quadra, etc.

El video, sólo incluye las máquinas que han sido propiedad del realizador.

Vía | Dosistecno

Como convertir fuentes online con Free Font Converter

Free Font Converter es una curiosa y práctica utilidad online que permite intercambiar formatos entre diversas extensiones de fuentes.

No requiere la descarga de ningún programa y trabaja en forma independiente al sistema operativo que se esté ejecutando del lado del cliente.

Lo formatos de entrada que soporta, más comunes, son pfa, pfb, pt3, sfd, ttf, otf, otb, t42, cef, cff, gsf, ttc, svg, ik, mf, dfont, bin, suit y bdf.

Sitio Web | Free Font Converter

Como encontrar una canción por su letra con Lyrster

Motores de búsqueda alternativos

Lyrster es un motor de búsqueda basado en la API de Google el cual, para cada query recorre poco más de 350 sitios Web basados en recopilar letras de canciones.

Sitio Web | Lyrster

Vía | Pixelco Blog

Como diseñar una página para Facebook

Pagemodo es una forma práctica y sencilla (ideal para dummies) de crear en forma personalizada una página para Facebook.

Básicamente la aplicación ofrece 2 plantillas y la posibilidad de insertar fotos, textos y enlaces según se requiera.

Como diseñar una página para Facebook

Finalmente, se puede descargar la plantilla para luego subirla a Facebook o—de otra manera—instalarla desde la aplicación.

La aplicación inserta la clásica leyenda en el footer Hecho por (...) a menos que se decida erogar U$S 19.95para quitarla.

Sitio Web | Pagemodo

Sobre las cuentas Premium de RapidShare

Desde el jueves, y en especial medida el viernes pasado, cuando publiqué Cuentas premium gratis en RapidShare se venía dando la noticia también en blog, foros y plataformas sociales acerca de la buena nueva de RapidShare.

Hoy, finalmente—en el apartado donde RapidShare publica las noticias—han dado a conocer que la estrategia ha sido para poder emparejar para arriba la modalidad de usuarios de este servicio.

Si también es tu caso (que has tramitado una cuenta), sólo felicitarte; ya que eres el feliz poseedor de una cuenta gratuita que de Premium sólo tiene el nombre.

Vía | RapidShare > News

El libro Web

The Web Book es una publicación lanzada en 2009; en el mes de septiembre, más precisamente por Oakworth Business Publishing Ltd. y cuya autoría corresponde a Robert Schifreen, cabe aclarar.

El libro Web por Robert Schifreen

Este texto—aunque en inglés—recorre varios capítulos; los cuales, entre todos, tienen por finalidad dar una versión acabada sobre el proceso de construcción y diseño de un sitio Web basándose precisamente en HTML, CSS, Javascript, PHP y MySQL.

El texto resulta de una lectura amena, especialmente para quienes se inician en diseño Web o para aquellos que el teme les interese sin haber tenido experiencia alguna.

El formato de descarga está disponible en A4 y Letter

Descargar PDF | The Web Book
Tamaño archivo | 10268 Kb

Como simular velocidades de descarga en Firefox

Firefox Throttle es una extensión para Firefox que permite adjudicar límites de velocidad (descarga y subida) a las ventanas de Firefox.

Como simular velocidades de descarga en Firefox

En cualquier momento esta extensión ofrece las estadísticas relacionadas tanto para las descargas (downloads) como para las subidas (uploads).

Es una extensión recomendada para cualquier Webmaster que se preocupe por la respuesta y comportamiento de cualquier sitio Web ante diferentes escenarios.


Instalar extensión | Firefox Throttle
Vía | dzign.us

Como controlar caídas del server con IS2Monitor

IS2Monitor es un servicio brindado que está orientado a informar a los desarroladores, webmasters y dueños de sitios Web sobre las novedades en cuanto a caídas en el servidor donde el dominio está alojado.

Existen varios planes disponibles en cuanto a alcances diferentes y prestaciones; independientemente de las versiones de pago existe una disponible, que es gratis y permite controlar un dominio cada 15 minutos.

El control se lleva a cabo en la modalidad 24/7 y desde diferentes puntos del planeta a lo larga del día a efectos de asegurar una completo control sobre el sitio Web.
Sitio Web | IS2Monitor

Como buscar guías con The Guide DB

Motores de búsqueda alternativos

The Guide DB es un buscador—basado en la API de Google—que permite mostrar en los resultados de búsquedas guías, tutoriales o instructivos de cualquier producto e índole.

A la fecha, este buscador tiene indexados ya, poco menos de 48 millones de documentos. En los resultados de búsquedas muestra—de mano derecha—documentos relacionados con los mostrados por la query realizada.

Su uso es gratuito y no requiere registración alguna, siquiera.

Sitio Web | The Guide DB
Vía | Makeofuseof

Desktop Earth 2.0

Desktop Earth 2.0 es un papel tapiz (aka wallpaper) animado—sólo para Windows—

Como la imagen lo muestra (abajo) se puede visualizar el área del planeta en la cual nos encontramos, incluyendo el área iluminada por el sol.

La aplicación genera una imagen de alta resolución inspirada en las que suministra la NASA en Blue Marble Next and Earth's City Lights




Soporta la configuración de varios monitores y la resolución de la imagen es de 2560×1280 px

Puede consultarse un visualización online de la aplicación la cual permite obtener una imagen estática.

Sitio Web | CodeFromThe70s.org
Vía | Lifehacker

Cuentas premium gratis en RapidShare

Si no sos el afortunado usuario de una cuenta premium en RapidShare, este es el momento de conseguir una en forma gratuita. Desconozco los alcances de esta promoción; por lo pronto, al momento de escribir estas líneas estoy tramitando una.



Ya tengo mi cuenta premium, espero logres conseguir la tuya. ¡Buen finde!

Sitio Web | RapidShare
Vía | Marlex System

2 billones de extensiones Firefox descargadas

2 billones es la cantidad de descargas que Firefox ha contabilizado de sus extensiones, producto del desarrollo de un comunidad entusiasta.

Sólo recordar que el primer billón de descargas se alcanzó el 1 de noviembre de 2008. Ahora este número ha sido duplicado el 30 de junio próximo pasado.


Vía | Mozilla blog
Ilustración cortesía de Flickr | Firefox Add-ons 2 Billion Cupcakes Illustration

Indentar CSS online

CSS beautifier es una aplicación online publicada por Binary Turf y que nos pone muy fáciles las cosas cuando nos encontramos con código CSS optimizado.

Para un código optimizado (en espacio en disco) de esta forma:


El resultado final es el siguiente:


De esta forma, y al estar el código indentado; es harto más sencillo la edición.

Sitio Web | Online CSS beautifier and Indenter
Visto en Twitter | Willy Flores > RogerTM ;-)

Game over

El video del viernes

Un video llevado a cabo en slow-motion inspirado en viejos arcades

Video | 1:36 min

Como obtener variaciones de color con Color Reminder

Color Reminder es una aplicación online diseñada para ayudar a los diseñadores y webmasters a que encuentren ese color que estaban buscando...

Su principal fortaleza es generar variaciones de color basadas en un color base—informado por el usuario—y jugar, finalmente, con la posibilidad de las opciones que la aplicación ofrece: escalas de grises, inversiones de color, etc.

La lista de colores obtenidos, puede incluye, además, la siguiente información:

• nombre de color
• RGB
• hexadecimal

Sitio Web | Color Reminder