Viernes ~ Mayo 16, 2008

Wordpress 2.6 incluirá Google Gears para trabajar offline

3 Comentarios

Alex me avisa de un nuevo Changeset (el 7938) en el que podemos ver como la próxima versión de Wordpress, la 2.6, integrará la posibilidad de trabajar offline con los contenidos de tu blog.

wordpress-google-gears-init

Una vez actualizado a la última versión, te encuentras la pantalla anterior informandote de que disponemos de esta funcionalidad y que si la activamos Google Gears empezará a almacenar las CSS, contenidos y ficheros necesarios para trabajar offline, que podemos llegar a notar el aumento de tiempo en la carga de la página. La primera vez si que tarde, despues no es tan exagerado.

wordpress-google-gears-info

Si no queremos instalar esta funcionalidad, Wordpress no deja un enlace en la parte destinada a la información del Blog en el cual podremos instalar Google Gears. Por si queremos dejarlo para más adelante.

wordpress-google-gears-activate

Si hemos aceptado la instalación de Gears, al entrar en nuestro Panel Administrador nos encontraremos con una ventana de Google Gears que nos solicitará permiso para empezar a registrar datos, si aceptamos no nos volverá a solicitar esta activación.

wordpress-google-gears-saving

Al entrar en por primera vez en nuestro Panel de Administrador despues de haber instalado Google Gears automáticamente comenzará a almacenar en local los ficheros y contenidos para usarlos offline. Una vez terminado podremos continuar con nuestra tarea diaría.

Esta opción es ideal para gente que como a mi, los fines de semana me voy a la casa de campo y no puedo actualizar con artículos pendientes que me gustaría ir editando. Así, podré llevar en el portatil almacenado todo el contenido del blog, para intentar actualizarlo con mayor frecuencia. Nos vendrá de perlas hasta que los navegadores integren Almacenamiento DOM y se haya de migrar todo esto :D

Jueves ~ Mayo 15, 2008

Google DocType, documentación para desarrolladores web

8 Comentarios

La propia página de Google Doctype, lo resume en una sola línea.

Google Doctype is an open encyclopedia and reference library. Written by web developers, for web developers.[...]

Osea

Google Doctype es una enciclopedia abierta y una librería de referencia. Escrita por desarrolladores web, para desarrolladores web.[...]

Con esa línea nos deja entrever lo que nos vamos a encontrar en su interior:

  • Artículos sobre seguridad
  • Artículos sobre Javascript
  • Artículo sobre CSS

Todo ello 100% libre bajo la licencia Creative Commons 3.0 Attribution, osea que podremos usarlos simplemente linkando la fuente de donde los hemos sacado.

Si echamos un vistazo algo más exhaustivo, nos encontramos una pantalla en la que navegar por los artículos además de fácilmente asombra la rapideza con la que aparecen los artículos. Desde HOWTO’s en los que nos muestran código de como hacer algunas de las tareas comunes de cada día (Reconocer el navegador, Verificar la definición de una variable, …) y tareas no tan comunes (Detectar el TextResize, Calcular el espacio de scroll, …)

Otra sección interesante es la recopilación de referencias a los diferentes elementos de los diferentes lenguajes usados en la capa cliente externa del desarrollo web (HTML, CSS, Javascript(DOM)), allí se reunen la documentación necesaria para que no tengas que rebuscar por toda internet.

Personalmente solo puedo decir que ya tengo otro acceso directo formando parte de la barra de marcadores de Firefox :D

Sábado ~ Mayo 10, 2008

pi.debugger, el mejor sustituto de Firebug

6 Comentarios

Los que me leen a diario saben las maravillas que siempre hablo de Firebug y saben que para mi es la mejor aplicación para Firefox y con la que cada día me ahorro horas de trabajo debugueando aplicaciones.

Lamentablemente no siempre puedo disponer de ella, mucha veces navegadores como IE, Safari, Opera me limitan su uso y he de buscar alternativas. Son muchas las herramientas que hay para todos esos navegadores, pero ninguna tan parecida a Firebug.

pidebugger

pi.debugger, es una herramienta muy completa, desarrollada en Javascript que nos emula el funcionamiento de Firebug. En la imagen vemos las opciones básicas con las que Firebug nos asombraba en aquella versión 0.x. Pudiendo ver la estructura HTML de la página, el contenido CSS y el DOM de la página.

[Descargar][Demo]

Sábado ~ Mayo 3, 2008

slideMenu con MooTools

0 Comentarios

Jordi ha publicado un, poco común, post-tutorial de Javascript. Y la verdad es que creo que ha aportado un grano de arena más a esta gran comunidad de mentes inquietas explicando como ha integrado un slideMenu en su página personal. Enhorabuena Jordi.

#

Jueves ~ Abril 24, 2008

CSS Masks, ya disponibles en WebKit

0 Comentarios

Hoy la gente de Webkit, anuncia que la última versión de su navegador dispone de CSS Masks, una nueva funcionalidad CSS que permite aplicar un estilo de máscara a imágenes y elementos.

-webkit-mask (background)
-webkit-mask-attachment (background-attachment)
-webkit-mask-clip (background-clip)
-webkit-mask-origin (background-origin)
-webkit-mask-image (background-image)
-webkit-mask-repeat (background-repeat)
-webkit-mask-composite (background-composite)
-webkit-mask-box-image (border-image)

Estas propiedades, pronto formarán parte del núcleo de Safari, así que no estaría de más ir echandole un vistazo.

Los nuevos tags

WebKit, es bastante famoso por seguir los estándares web y ser pionero (cogido de la mano con Opera) en integrarlos en las versiones beta de su navegador, además es el componente usado de base del navegador predeterminado de los sistemas operativos de Apple, pero con la creación de estos tags creo que está entrando en un terreno delicado, ya que a las pruebas me remito para recordar al querido Internet Explorer, el cual empezó integrando ActiveX, y los problemas que ha causado.

Por el momento están desarrolladas como posibles mejoras para un futuro navegador, a modo de propuestas para ir poniendo los dientes largos a más de uno, pero …

Martes ~ Abril 22, 2008

Acid Test para dispositivos móviles

15 Comentarios

La W3C, hace tiempo que sabe de la importancia de los dispositivos móviles, pero hasta ahora no había destinado su tiempo en crear un Acid Test, con el que pudieramos poner a prueba los navegadores con los que actualmente navegamos desde nuestros móviles, pda’s, …

Ahora la W3C, nos permite comparar , con un sistema de recuadros verdes o rojos que nos indica el nivel de validación en el que se encuentra el dispositivo web.

¿Que significan los recuadros?

En la imagen siguiente vemos los 12 recuadros verdes, que componen las 12 pruebas a las que el navegador será expuesto y que en caso de estar preparado para cada una de ellas, esta aparecerá en verde. En caso de error, veremos el recuadro en rojo. Colores bastante específicos.

Acid Test Mobile

Descripción de los recuadros

1. CSS2 min-width
Posibilidad de usar propiedades como min-width o max-width, ideal para diseños fluidos.
2. Transparent PNG
Posibilidad de mostrar PNG’s transparentes.
3. GZIP support
Posibilidad de comprimir mediante GZIP, los datos del protocolo HTTP
4. HTTPS
Posibilidad de usar esta modalidad de navegación segura.
5. iframe inclusing of XHTML-served-as-XML content
Uso de iframes, con contenido HTML/XML en el servidor
6. Static SVG
Posibilidad de usar SVG estático.
7. XMLHTTPRequest
¿Permite usar Ajax?
8. CSS Media Queries
Implementación de CSS Media Queries para CSS.
9. Dynamic SVG
Posibilidad de usar SVG Dinámicos
10. The canvas element
El elemento canvas definido en HTML, usando el API en Javascript para dicho elemento.
11. contenteditable
Posibilidad de usar el atributo contenteditable para convertir un elemento en un “Rich Text Element”
12. CSS3 selectors
Selectores disponibles en CSS3, con los que mejoramos la selección de elementos mediante CSS.

Enlace


http://dev.w3.org/2008/mobile-test/test.html

continuar…

Martes ~ Abril 22, 2008

Usa CSS para hacer cualquier cosa

3 Comentarios

CSS es un lenguaje de maquetación muy potente y que cada día más, está integrandose más en la vida cotidiana. Gracias a esta nueva tendencia de uso, surgen increibles manuales, con impresionantes ejemplos que nos muestran las posibilidades que CSS nos permite aprovechar.

#

Domingo ~ Abril 20, 2008

Listado de clones de Lightbox

5 Comentarios

En PlanetOzh han creado una tabla bastante explicita en la que se recopilan las principales versiones de Lightbox, en ella podemos ver los componentes que cada una de ellas necesita para funcionar, así como enlaces a demos y descargas.

#

Jueves ~ Abril 17, 2008

13 de los mejores menus javascript y CSS

2 Comentarios

Noupe vuelven a hacer un listado de los suyos en el que vemos 13 de los mejores menus Javascript que nos podemos encontrar por Internet. Buenas ideas para nuestros proyectos.

#

Martes ~ Abril 15, 2008

prettyPhoto, el Lightbox de jQuery

2 Comentarios

PrettyPhoto es una versión de lightbox para jQuery bastante bonita que nos permitirá mostrar a los usuarios imagenes de una forma elegante, dinámica y cada vez menos original.[Demo][Descargar]

#

Quizas te pueda interesar

Esta web se encuentra sobre la licencia Creative Commons (Reconocimiento - Compartir igual) / Politicas de uso