miércoles, 30 de junio de 2010
Efecto con todas las imagenes de la página. | Hello Google
RDFa Primer
The web is a rich, distributed repository of interconnected information organized primarily for human consumption. On a typical web page, an XHTML author might specify a headline, then a smaller sub-headline, a block of italicized text, a few paragraphs of average-size text, and, finally, a few single-word links. Web browsers will follow these presentation instructions faithfully. However, only the human mind understands that the headline is, in fact, the blog post title, the sub-headline indicates the author, the italicized text is the article's publication date, and the single-word links are categorization labels. The gap between what programs and humans understand is large.
Qu�son los Microformatos y C�mo utilizarlos | Hello Google
Qué son los Microformatos?
Técnicamente no son más que trozos de código (X)HTML enriquecidos con una serie de atributos o clases CSS para identificar el contenido. Pero en realidad son algo más.
Estamos hablando de proporcionar significado semántico a un contenido que para las personas es legible y entendible, pero para las máquinas no es más que texto puro y duro.
Todo esto se inició allá por el 2006, en una conferencia de las buenas gentes de Technorati. Allí presentaron una forma fácil y rápida de facilitarles el trabajo, que no es otra que marcar con ciertas etiquetas la información relevante de nuestros blogs (en este caso), para que ellos pudieran presentarla mejor en su página. La explicación entusiasmó a la concurrencia, y otros indexadotes de contenidos vieron en ella un filón. Google sin ir más lejos entendió que debía aprovechar esta nueva forma de presentar la información.5 Fun Ways to Help Your Kids Learn Math Online
martes, 29 de junio de 2010
Apuntes de CSS: Posicionamiento
Lo que se conoce como "CSS positioning" no es sino uno de los subgrupos de propiedades definidas por el World Wide Web Consortium para las hojas de estilo en cascada, nivel 1 (Cascade Style Sheets, CSS1), subgrupo que por su particular importancia ha adquirido cierta autonomía. Su definición oficial fue objeto de un borrador publicado por el W3C el 19 de agosto de 1997, no con carácter de propuesta formal, sino para fomentar la experimentación en este campo. La formulación puedes verla en inglés aqui, aunque actualmente se ha refundido en la recomendación CSS 2.
El posicionamiento con CSS permite, en síntesis, máximo control sobre el lugar que cada elemento de una página Web ocupará dentro de la propia página, sus condiciones de visibilidad y "flotabilidad", asi como manejo de capas.
BeOS: el �ltimo sistema operativo | ALT1040
lunes, 28 de junio de 2010
YouTube - Microsoft .NET vs Java - trailer [HD]
viernes, 25 de junio de 2010
15 Google Chrome Extensions for People Who Build Websites
Google Chrome is a wonderful web browser of choice for web designers and web developers. With Google Chrome extensions, you can add more features to the browser to help you with designing, debugging, and working on websites. We share with you the top ten Chrome extensions for designers and developers.
1. Firebug Lite (for Google Chrome)
Introducing Wadda the Image Zoomer using Canvas�|�INSIC DESIGNS
ts “really” easy! use the normal image tag with title=”url_of_hd_image”
so for example:
where foo.jpg
is thumbnail image and foo_hd.jpg
is the high defination image.
On your required event create the wadda object, like this:
- var wad = new Wadda(’thumb’, {
- lensSize: 150,
- xOff: 0,
- yOff: 0,
- fadeLens: true,
- zoom: 2
- });
where xOff
is x-offset
from mouse cursor and yOff
is y-offset
from mouse cursor, zoom
is the initial zoom of image, lensRadius
is the radius of lens and fadeLens
enables/disables lens fade effect.
View Demo 1
View Demo 2
Want to try it yourself?
Download Files
jueves, 24 de junio de 2010
Calzoncillos que podr�an salvar vidas desarrollados para militares | Gizmologia
Parece que la tecnología llegará a todos lados en el futuro y si no me crees mejor que sigas leyendo porque ahora te hablaré de los primeros calzoncillos inteligentes. Se trata de unos desarrollados por la gente encargada de la Nanoingeniería en la Universidad de California y financiada por la Oficina de Investigación Naval de Estados Unidos.
Lo que hicieron fue imprimir sensores químicos en los elásticos de la prenda de vestir y según el líder del proyecto, llamado Joseph Wang, es la primera vez que se hace esto. A través de esta tecnología lo que pretenden hacer es crear un sistema que evalúe la salud de las personas que lo utilicen y hagan diagnósticos.
lunes, 21 de junio de 2010
Mouseless, el primer rat�n de ordenador invisible | ALT1040
Aunque es cierto que a lo largo de los últimos años el ratón, ese periférico tan vital en informática, ha ido evolucionando y hoy en día contamos con varios tipos diferentes y modelos bastante avanzados, realmente no se ha creado ninguna tecnología disruptiva en este sector y los ratones que usamos en estos tiempos no son tan diferentes de los que se podían encontrar hace 10 años en el mercado.
Pues bien, ahora un investigador de MIT Media Lab,Pranav Mistry (quien sabe un rato largo de interfaces),ha creado un nuevo invento que quizás conduzca a la desaparición del ratón como lo conocemos hoy en día en un futuro no tan lejano. El mentado invento lleva por nombreMouseless y es el primer ratón para ordenadores invisible (al menos que servidor sepa). Como se puede ver en el vídeo que acompaña a este post la idea es bastante simple a la par que genial: poder manejar el entorno gráfico del computador como si lo estuviéramos haciendo con un ratón convencional salvo que aquí simple y llanamente no hay ratón físico.martes, 15 de junio de 2010
Entendiendo el soporte actual de HTML5 y CSS3 | ALT1040
lunes, 14 de junio de 2010
Smokescreen, visualizaci�n de Flash sin plugins
Muchas veces tuvimos que escuchar y ver acerca de muchos entornos que no podían reproducir los elementos creados en la plataforma Flash, lo que ha provocado varios conflictos. Pero ahora existe un proyecto independiente para crear una aplicación que permite adaptar dichos archivos a soportes que funcionan de modo más universal.
Estamos hablando de Smokescreen, un software que servirá para convertir los contenidos Flash para reproducirlos en navegadores de Internet sin la necesidad de que tengan el plugin de Adobe instalado en el ordenador.
Lo que hace este proyecto es transformar los elementos en formato SWF a otros más sencillos a través de la utilización de Javascript y HTML, obteniendo resultados bastante fieles al original. Hasta el momento Smokescreen ha sido testeado en diversos navegadores con éxito, aunque todavía no funciona en Internet Explorer 8.
Por su parte, los usuarios de los dispositivos Apple pueden alegrarse porque esta aplicación fue probada tanto en el iPad como en el iPhone y han tenido muy buenos rendimientos con la versión móvil de Safari. No quedan dudas de que este software será una muy buena apuesta para todos aquellos que utilicen los equipos fabricados por la empresa de la manzana.
jueves, 10 de junio de 2010
ZZEE PHPExe: compile your PHP web scripts into Windows GUI exes
ZZEE PHPExe compiles PHP, HTML, Javascript, Flash and other web files into Windows GUI exes. You can rapidly develop Windows GUI applications by employing the familiar PHP web paradigm. You can use the same code for online and Windows applications with little or no modification.
Examples of compiled applications include ZZEE PHPExe itself and ZZEE Text Utility, available as both online and Windows application. There are othersamples as well.
Version 2.5.1 fixes bcompiler error for files which have spaces in their names.
Benefits
- Applications compiled with ZZEE PHPExe look and behave like standard Windows GUI applications
- You can distribute your compiled applications royalty free
- Users don't see the contents of your web files or your web file tree, they can not change your scripts
- Integrated PHP encoder - no need to use third-party products for protection of your code
- UI based compiler - easily create and maintain your projects
- You can name compiled exe files as you like and you can assign your own icons to them
- Runtime size can be as low as 2.1Mb (depends on number of PHP extensions that your application uses and your code size)
- Advanced alternative to HTML compilers and HTAs (HTML applications)
- Free trial: download and test the program right away
martes, 8 de junio de 2010
Is the Internet Destroying Your Brain? Try This Test - GOOD Blog - GOOD
So is the internet actually bad for our brains? A handful of bloggers have reported feeling that it's been bad for theirs. But why not find out for yourself? The Times has two interesting cognitive games you can play online that will test how easily distracted you are and how good you are at switching between tasks.
I'm someone who spends my entire working day being distracted by online content, and then creating new chunks of online content designed to distract others. My results are below.
I scored well on the first test. I'm hard to distract. In fact, I had a perfect score when faced with the most distractions."Free Web Hosting, un directorio para encontrar hosting gratuito
En ocasiones, es posible que necesitemos echar mano de un servicio de hosting gratuito por diferentes razones: experimentar, hacer pruebas, practicar, o incluso echar a andar un proyecto hasta que dispongamos de más recursos. Una búsqueda rápida nos puede llevar a una maraña de servicios, entre los cual nos sea imposible distinguir cual es el que nos viene mejor. Por ello, lo mejor es recurrir a un directorio como Free Web Hosting.
En Free Web Hosting podemos encontrar proveedores de hosting gratuito de todo tipo. Cada uno de los sitios reseñados dispone de una página propia en la que se muestran bastantes detalles del servicio, como el espacio que ofrecen, si obligan a incluir anuncios, si puedes insertar tu propia publicidad, si puedes usar bases de datos, etc. Esto nos permite hacernos una idea aproximada de cada uno, de manera que podamos evaluar si se adecua a nuestras necesidades.
Dispone de un potente buscador avanzado que nos permite buscar de acuerdo a las características que necesitamos. También podemos recurrir a ver los servicios ordenados según la puntuación asignada por los usuarios, ya es que es posible puntuar y comentar la experiencia que se ha tenido con cada uno. Revisar estos comentarios resulta de bastante ayuda a la hora de decidirse.
viernes, 4 de junio de 2010
Choose Your Own HTML 5 Adventure
- Canvas: Drawing Board (Tested in FF 3.01+, Safari 4.0b, Opera 9.62, Chrome 2.0)
- Canvas: 1st-Person Gifter (Tested in FF 3.01+, Safari 4.0b, Opera 9.62, Chrome 2.0)
- Canvas: Bespin (Tested in FF 3.01+, Safari 4.0b, Chrome 2.0)
- Video: Basic Player (Tested in FF 3.5b4+, Opera 9.62 [w/out CSS rotate])
- Video: YouTube (Tested in Safari 4.0b; pls wait while page loads)
- Geolocation: Google Maps (Tested in FF 3.5b4+)
- Geolocation: Google Latitude (Tested in iPhone 3.0)
- DB and App Cache: Stickies (Tested in Safari 4.0b)
- DB and App Cache: Gmail for mobile (Tested in iPhone 2.2.1+, Android 1.1+)
- Workers: Bad Primes (Tested in FF 3.5b4+, Safari 4.0b)
- Workers: Good Primes (Tested in FF 3.5b4+, Safari 4.0b)
- Workers: Motion Tracker (Tested in FF 3.1b3, FF Nightly)
HTML5: qu�cambios trae la nueva versi�n del lenguaje est�ndar de la web | Bitelia
footer : El final de la p�gina, donde se incluyen los modos de contacto, etc.
header : No el elemento head, sino la cabecera de una determinada p�gina.
nav : Una colecci�n de v�nculos a otros sitios o p�ginas.
section : Una secci�n determinada que incluye su propio encabezamiento"
[Descarga del d�a] Synergy , varios ordenadores un control | Bitelia
Muchos de nosotros tenemos varios ordenadores, por lo menos un PC de mesa y un portátil. Antiguamente si deseábamos utilizar los dos equipos con el mismo teclado y ratónteníamos que utilizar costosos y aparatosos switch con lo engorroso que resultaba. Para sustituir todo esto tenemos Synergy, un software que además de ser sencillo, esmultiplataforma con lo que podemos manejar ordenadores que “hablen distintos idiomas”.
Funciona como una especie de red virtual que conectará el monitor de uno de los ordenadores con los monitores de los otros que deseamos controlar. Simplemente necesitamos utilizar uno de los ordenadores como servidor, que cederá el ratón y teclado para manejar los otros ordenadores, y decir qué posición ocuparán los ordenadores satélite (arriba, derecha, izquierda o abajo). De ésta manera, cuando el ratón del ordenador principal sobrepase su pantalla por la parte que hemos configurado para que ocupe cada ordenador, éste aparecerá en la pantalla del secundario. De ésta manera, el ratón y el teclado ya formarán parte del ordenador secundario.Trucos para b�squedas en Google | Kabytes
Frase incompleta
Búsqueda: [Lo que recordemos] *
Automáticamente nos arroja opciones con posibles desenlaces diferentes. Ideal para buscar letras.
Excluir palabras
Búsqueda: palabras clave -[excluir esto]
Acceder a sitios bloqueados
Búsqueda: cache:sitiobloqueado.com
Quitar sitios de los resultados
Búsqueda: palabras clave -site:sitioexcluido.com
Buscar en títulos
Búsqueda: intitle: palabras clave
Buscar en URLs
Búsqueda: inurl: palabras clave
Archivos de extensión específica
Búsqueda: palabra clave file:pdf
En un sitio específico
Búsqueda: Recursos site:www.sitio.com
Sitios relacionados
Búsqueda: related:www.sitio.com
Para mas tips ver la liga