X-Blog

50 mas bellos diseños en CSS

Smashing Magazine comparte con nosotros su lista de los 50 diseños basados en CSS más bonitos del año 2006, entre ellos está el de mi diseñadora favorita Veerle. Vale la pena la visita para poder inspirarse y saber qué estará de moda el 2007, a dónde van las tendencias :P
50 Beautiful CSS-Based Web-Designs in 2006

Skuer: buscando en recursos CSS

¿Cansado de buscar entre centenares de sitios que hablan de CSS de manera aislada? SKUER es la solución a tu búsqueda de información. Lo que han hecho es tener una lista de sitios web de referencia y tus búsquedas se centran en ellos. A la par puedes proponer tu sitio para que busquen allí, supongo pasa una evaluación antes de estar en la lista.
Muy útil (incluso devuelve links en español).

Enlace | Skuer: The CSS search engine.

Cinco razones por las cuales los RSS no son populares

Los RSS, los archivos de suscripción que tiene cualquier blog o sitio web de última generación, son prácticamente desconocidos por la mayoría de las personas, lamentablemente están entre las cosas que sólo los geeks conocen. Hiveminds ha hecho un pequeño resumen del porque este formato tan útil es prácticamente un desconocido entre la gente no interesada en la tecnología.
Aquí la lista.

RSS es aún desconocido.
No importa que los sitios webs de los periódicos los pongan para sus lectores, el iconito naranja no significa mucho, no saben qué es ni saben cómo usarlo.

Los RSS fallan frecuentemente
Esto puede sonar algo brusco, de hecho, muchos de los feeds que manejo NO FALLAN. Pero creo que el autor ha hecho énfasis en esto porque los desarrolladores o dueños de sitios webs descuidan el RSS de sus páginas, las tienen sin mantenimientoy por ello PUEDEN fallar.

Los RSS son sensibles.
Sensibles a los cambios en el sitio web. la mayoría de los RSS se manejan en base a un sistema automatizado, sea Movable Type, Wordpress, Mambo, etc. Cuando actualizas el sistema uno se fija sobre todo en los cambios de diseño o manejo de contenido, pero los RSS (que también necesitan compatibilidad) son descuidados y las fallas toman meses en descubrirse. De hecho el autor pone como ejemplo 3 rss de sitios populares que tienen fallas producidas por la actualización de sus CMS.

El RSS ha sido eliminado
Una cualidad algo peligrosa, un rss removido no es de fácil aviso. Ante el simple cambio de dirección, no se tiene el cuidado de redirigir al nuevo archivo o ubicación. A mi me pasó esto con La República, que por cierto maneja unos feeds que dan miedo (en el peor sentido).

Es necesario un servicio de notificación
Notificando ante algún cambio o redirección, Feedburner lo hace, dice el autor, sería un ejemplo a imitar por otros servicios.

Lo que los desarrolladores web dan por supuesto fácilmente la experiencia desengaña. La tecnología RSS, aquella que es parte del núcleo de la Web 2.0, es prácticamente desconocida salvo para geeks. En español tenemos buens iniciativas respecto al tema como el blog Todo RSS, el cual informa de novedades del mundo de los RSS. Un bonito ejemplo sobre el manejo del RSS es el del diario El Comercio, que a la par de dar RSS por secciones, da una página informativa sobre el tema antes de suscribirse.
En resumen, hace falta un gran trabajo para hacer accesible nuestros contenidos.

Crossfade a lo estándar (css y js)

Unas bonitas técnicas de crossfade (fundido) usando css, js y código semántico por supuesto. Todo estándar.
Mike-o-matic y Medienfreund. Uno usa la librería jQuery y el otro la más conocida: Script.aculo.us.
Un poquito más de vida a las páginas que siguen los estándares web. :)

Vía Tesauro Comunicacion

CSS LOVE CHILD: ponte otra ropa

Imagina ver tu sitio web o blog con otro diseño popular o alguno que tú conozcas y que siempre has envidiado (el móo es el de la increíble Verlee). Ahora gracias al experimento de Cameron Adams puedes hacerlo. El experimento se llama CSS LOVE CHILD y consiste en poner dos direcciones, poner la pagina que quieres vestir y la página desde donde tomarás la ropa, con ropa nos referimos a CSS.
Así probamos qué ropa podría quedar mejor a nuestros diseños en construcción. ;)

Enlace | CSS Love Child

Coleccion de técnicas de navegacion usando CSS

Una buenísima colección de diferentes formas de menues de navegación usando CSS es lo que nos brinda CSS NAVIGATION TECHNIQUES, una página muy buena que por el efecto digg y del.icio.us esta algo recortada en opciones pero que apenas se estabilizen las cosas estará 100% funcional.

Enlace | CSS NAVIGATION TECHNIQUES

Tops de CSS y Hacking tools

Vía Furl tenemos anotaciones interesantes, la primera es un top personal de tutoriales de css de la mano de Cameron Olthuis quien recomienda una lista interesante que incluye: galería de fotos, barras de carga, menus verticales, entre otros.
Por otro lado (uno mas "oscuro" :P ) tenemos una lista de 15 herramientas de seguridad y hackeo, ideal para los que usan redes y quieran aprender más de ellas.

Top 10 CSS Tutorials
Top 15 Security/Hacking Tools & Utilities

Vía Furl

Ruby: aprendiendo a conocerlo

Ruby es un nuevo lenguaje de programación orientada a objetos, la nueva moda en la construccion de aplicaciones. Mas aún con la popularidad de Ruby on Rails. Pues bien si eres un curioso que quiere saber sobre RUBY y no lo conoces, esta página (en inglés pero superentendible) te ayudará a hacer unos pininos en programación en RUBY. El prompt te espera. ;)

La lista de las esquinas redondeadas en CSS

¿Te gusta el CSS?¿Has intentado hacer esquinas redondeadas en tus páginas web con CSS? bien, aquí tienes la "lista definitiva" :P de las técnicas CSS que existen actualmente para poder lograrlo, con o sin imágenes.

CSS Rounded Corners 'Roundup'

IE7: Futuros problemas de accesibilidad con Flash

Torres Burriel comenta la noticia que se va tener problemas de accesibilidad con IE (y posiblemente otros navegadores) por el caso de la patente de EOLAS, ya que ahora no se podrá acceder automaticamente a contenido tipo Flash, Java, Quicktime, Real media, etc. Un clic más para acceder a todo eto supone una ENORME diferencia aunque no lo parezca.
Lamentable porque la famosa patente Eolas era de por sí peligrosísima y ya se está viendo el porqué.

Enlace | Problemas de interacción derivados del uso de Flash

SIDAR Blogs

SIDAR es la conocida fundación que en hispanoamerica promueve la accesibilidad en los sitios web, hoy descubro que estan trabajando en base a grupos enfocados a distintas areas como: herramientas, contenidos, diseño y usabilidad. Lo interesante es que cada grupo tiene un blog donde podemos informarnos más, y claro que en el idioma de Cervantes ;)
G1 Herramientas, G2 Contenidos, G3 Diseño y G4 Usabilidad.
Siendo el último blog el de más reciente actualización, el resto estan, al parecer, lamentablemente abandonados, sin anotaciones de este año.
Nunca está de más revisarlos y sacar alguna información interesante.

Jugando con Ajax y Tabs (pestañas)

Mientras medio mundo comenta el nuevo servicio de creación de páginas web de google rompamos la rutina y descubramos un poquito el uso de AJAX pero en juego con tabs, las conocidas pestañas para navegar en contenidos. ¿Requisitos? ser curioso, y saber de qué trata (al menos) javascript y css.
Primero pasemos por Havoc Studios para ver a AJAX en acción y lo mejor que no se requiere ser un experto para jugar.
La segunda casita es en AJAX LESSONS pero esta vez sí es algo más complicadito, igual no difícil pero requiere más líneas de código.

Enlaces | Ajax tabs, Ajax Workshop 2: Building Tabbed Content.

JSON: Javascript en buen envase

Javascript ha empezado a tomar campo desde que está metido con AJAX, y ahora está tomando más fuerza con nuevas ideas como JSON, acrónimo de JavaScript in Object Notation, una forma de programar en javascript mucho mas ordenada y lógica en la manera OOP.
Y para conocer más a fondo de qué trata Dustin Diaz nos da un-como siempre- excelente artículo sobre el tema:
JSON for the masses

Interesantes links de CSS

Dos tutoriales sobre css superinteresantes:
Uno sobre una página FAQ perfecta, con respuestas escondidas a un simple click, usando javascript, css en una lista de definición y manejando el DOM: The perfect FAQ page !
Un tutorial para usar tooltips, esos letreritos que aparecen cuando te colocas sobre algun elemento en una página web, usa unos javascripts especiales: Sweet Titles Finalized
Que aprovechen para el fin de semana.

El Digg del CSS

Seguro a estas alturas conoces Digg, la colección de noticias mas famosa de la red, ahora ha salido el "digg" pero exclusivamente para artículos CSS. Un recurso que se hacia extrañar hace mucho, ya que las recomendaciones son de otros usuarios y puedes valorar los artículos posteados (igual a digg). Aunque la página estuvo hace varios dias en mi lista Furl (RSS) vale la pena ponerlo en cartelera ;) .

Enlace | Skim CSS

Acid2 test en unos cuantos navegadores

Acid2 es un test hecho por los chicos de Webstandards.org para que los que hacen navegadores prueben qué tanto sus productos se acercan a los estándares. No es un test completo, es más, usan cosas que todavía no se usan comúnmente, pero es interesante ver los resultados ya que mientras más te acerques a la carita feliz más cerca está tu navegador de ser POTENTE y pensado a futuro en cuestion de estándares.
Puedes encontrar mayor información sobre el Test Acid2 en la misma página web de la WS o tomarlo en la página del test acid2.
El tema sale a razón de que según informan en Creative Bits la nueva actualización de del Mac OS X (Mac OSX 10.4.3) ha permitido que Safari (el navegador de MAC) pase con carita feliz el test.
¿Y qué pasa con Firefox y otros navegadores? míralo tú mismo:

En Firefox 1.0.7 las cosas no son una maravilla:

En Opera 8.5 la cosa mejora:

En cambio en Internet Explorer...tanto en el 6 como en el 7.0β1(mira los comentarios en Creativebits) los resultados son muy similares:

Preparándonos para Internet Explorer 7

Aunque a algunos les duela, Internet Explorer aún acapara el campo de los navegadores, y con la llegada del nuevo y remodelado Internet Explorer 7, hay que estar atentos porque los cambios que se vienen van más allá de que tal bonito se vea o qué nuevas utilidades va tener.
Una de las mas riesgosas sobre todo para los desarrolladores que usan CSS es la de los hacks que se usaban para que los css funcionen en internet explorer. Ahora muchos de esos hacks van a dejar de funcionar.
Por ejemplo el famoso:

* html
html > body

Entre otros más.
Pueden leer los post de 456 Berea st y la de Bruce Lawson y la del mismo blog de IE.
Atentos con esos diseños que estén pensando hacer, no vaya a ser que el cliente después los llame a quejarse de porqué su página ahora se ve mal.
Update: Joshua en Geek.com piensa en voz alta y creo que tiene razón en lo que piensa:
Se queja de que el problema siempre estuvo en IE y ahora después de años vienen a cambiarlos, las páginas que usan esos hacks con innumerables, aparte Joshua no es betatester, está pensando en si rehacer un proyecto para IE7 o dejarlo como estaba, es más difícil cuando no puedes probar nada.
Aparte el hecho de que IE7aún con todo no va cumplir con los estándares al nivel que sí lo hacen otros navegadores, asi que los hacks serán necesarios.

Es mejor tener ciertos links de referencia asi que por aqui añad otros más:
Jonathan Snoock.
Erick Meyer al habla
Estrategias dadas en CSS-DISCUSS
En Sitepoint

CSS Beauty relanzado

Css Beauty ahora con nuevo diseño y más cositas interesantes como:
►Un panel de ofertas de trabajo llamado CSS MONSTER.
►Un concurso llamado CSS SHUFFLE, para hacer temas para el sitio en base a temas (valga la redundancia) que el mismo Héctor propone. El premio: un Ipod Shuffle.
►Galerías con thumbnails.
etc.

Diseños CSS líquidos

Los diseños líquidos son aquellos que se adaptan a la configuración de pantalla del usuario, si es tu preferencia o tienes un proyecto en mente de éste tipo, hecho en css, puedes darle una mirada a Liquid Designs , una galería CSS con diseños líquidos.

CSS desde el fondo

Eso, un (otro más) tutorial de CSS, pero este tiene la particularidad de ser PASO A PASO, desde la base, tomando cada parte de la páginas (tablas, links, texto, divs) llegando a estilizar la página entera.
Muy útil para los que desean aprender a usar el CSS y no saben por donde comenzar, prácticamente es una guía lógica de aprendizaje, en inglés pero sumamente entendible.
CSS FROM THE GROUND UP.

A List Apart regresa

¿Se había ido? pues sí, había estado inactivo varias semanas, pero han regresado con nuevo diseño, nuevo favicon, nuevos artículos y hasta vendiendo polos. Amantes del CSS y de la accesibilidad, disfruten.
A List Apart

CSS: Quirks mode y Strict mode

Un excelente tutorial (en ingl�s) en Quircksmode.org que explica las diferencias del Quirks mode y Strict mode en los navegadores y dise�os css. Imprescindible.

UMD ya es un est�ndar

Ecma International ha aceptado los discos UMD de Sony (s�, los discos de los juegos del PSP) como un est�ndar de almacenamiento, los cuales tienen una capacidad de 1.8 gigas.
Esto se traduce en que aparte de que va poder usarse los discos UMD para computadoras de casa, los fabricantes de hardware van a poder armar con mayor confianza lectores-quemadores de discos UMD y en cuestiones de pirater�a...ya saben qu� podria suceder con los juegos de la PSP.
El tiempo dir� que pasa, pero tener estos "mini-dvd's" como est�ndar suena bien. :)

Microsoft Office con XML

�Al fin entran en razon! una de las principales ventajas de herramientas gratuitas como Oppen Office.org es que los documentos estaban basados en XML, por lo que la compatibilidad con versiones antiguas estaba asegurada, cosa que no sucede en MS Office, pero seg�n leo en La Flecha la pr�xima versi�n de MS Office estar� tomando el XML como base para sus formatos:
"Los nuevos formatos para Word, Excel y Powerpoint cambiar�n, respectivamente, de ".doc", ".xls" y ".ppt" a ".docx", ".xlsx" y ".pptx," dijo Microsoft."

Avances del Deer Park Alpha 1

"Deer Park Alpha 1" es el nombre c�digo del Firefox 1.1, cuya versi�n alfa ya esta disponible, si no quieres instalarla pero s� quieres estar atento a las novedades no dejes de revisar �sta p�gina, llamativo que va soportar xforms (la versi�n de los formularios propuesto por la W3c) soporte para css3 y en lo gr�fico soportar� SVG.
Excelente.

Usa tablas y no te sientas mal.

V�a Digital Media Minute veo la existencia de un m�todo de uso de tablas para hacer dise�os...respetando est�ndares: TILT
Here's the gist of the technique: using standard DOM methods, inject a table where it is needed to support layout
Necesita que Javascript est� permitido al lado del cliente.

Estructura de un diseño CSS

Cuando queremos rediseñar un site en CSS a veces no sabemos por donde empezar, pues bien, vía MBoffin podemos encontrar un gif animado que muestra el proceso de armado y diseño de un blog simple.
Realmente ilustrativo.

Css reboot

CSS reboot es una galer�a incre�ble de sitios que han sido redise�ados en CSS , CSS REBOOT fue una convocatoria hecha hace un tiempo que llamaba a redise�ar tu site y esta galer�a son los que cumplieron con el objetivo, contando con dise�os de �ltima tecnolog�a que usan sIFR (el reemplazo de cabeceras y textos por pel�culas SWF respet�ndo est�ndares), Nifty Corners y hasta AJAX.
Una delicia.

Extensión para Firefox: Aardvark

Aardvark es una extensi�n para firefox que permite remarcar los DIV y CLASS en una página web, similar función a la que tiene la Web Developer Extension, salvo que esta no te señala los elementos a los que se aplica la clase (salvo con dos funciones m�s) mientras que con la Aardvark ves el elemento y la clase aplicada y el DIV al que pertenece.

Galería fotografica...con CSS

Sí, construye tu galería fotográfica con CSS, un tutorial excelente, paso a paso y sin demasiadas complicaciones.
How to Create a Photographic Gallery Using CSS

XUL en castellano

Buen�simo aporte, gracias a JulioNC que dej� su comentario con la direcci�n, la iniciativa es de ponerla como post aparte :)
XUL en espa�ol

Uso de negritas y cursivas en XHTML

Una vez m�s se demuestra que el Dreamweaver es una herramienta y no un cerebro que piense por ti. Estaba escribiendo el post del IPOD y quise setear algunas frases en negrita o cursiva. El Dreamweaver te pone las etiquetas <strong> o <em> si es que trabajas en XHTML...pero record� que antes se usaba <b> o <i> y la verdad nunca supe el PORQUE del cambio. Y lo que averigu� ha sido lo que me hizo temerle un poco al Dreamweaver.

Con la llegada de la moda "uso est�ndares" los dise�adores y el dise�o se han vuelto mas detallosos, y es para bien, ahora pensamos sobre todo en accesibilidad, y el vocabulario mismo del dise�ador web ha crecido. Por ejemplo, las palabras "presentaci�n" y "estructura", la presentaci�n es meramente visual, mientras que la estructura tiene un significado, una raz�n de ser que de hecho no lo ves pero en el dise�o tiene una funci�n, una raz�n de porqu� esta all� y porqu� se ve as�.
Eso sucede con usar texto en negrita o cursiva en XHTML. El problema radica en que <strong> y <em> b�sicamente estan pensados para dar ESTRUCTURA al texto, es decir que se VE como negrita o cursiva, pero su uso va m�s all�, est� pensado para lectores de pantalla (screen readers), estos lectores dan un �nfasis especial a las palabras encerradas entre estos tags y es obvio porque si se ven distintos frente al texto normal es porque tienen un significado distinto.
Por ejemplo este uso ser�a genial tanto en navegadores normales como en navegadores lectores de pantalla:

Se ve distinto y la pronunciaci�n distinta cae bien.

�Pero qu� pasa cuando quiero usar negrita y cursiva con s�lo fines est�ticos? pues bien aqui entra la ayuda de CSS, Dan Cederholm en
su libro Web Standards Solutions: The Markup and Style Handbook nos da una soluci�n interesante:
Supongamos que queremos poner en negrita todos los links de un campo DIV, SOLO para usos est�ticos, podr�a ser algo as�:

Lo mismo podr�amos hacer con la cursiva:

Incluso juegos interesantes como hacer que una cursiva se vea como negrita sin mezclar pronunciaciones, usando clases por supuesto:

y su uso:

�Interesante verdad? Como siempre hay opiniones sobre usos pero si seguimos a la W3C
tendremos que pensar en esto.

Puedes ver una discuci�n sobre lo mismo aqu� y aqu�.

IE 7 alias "RINCON" y lo que podr�a tener

Microsoft Watch ha sacado unos detalles acerca de lo que podr�a tener "RINCON" el code name del IE7, entre ellas est�n el soporte del IDN (Internacional Domanin Name), el mismo que hace un tiempo caus� problemas al Firefox y otros navegadores que lo soportaban. Soporte nativo para transparencias de archivos PNG (es decir no usar�n cosas como filtros Direct-X, un agregador RSS, y un trabajo conjunto con su herramienta spyware entre otras cosas m�s t�cnicas.
Y seg�n comenta WSP el lado malo es que por ahora el Microsoft Team no se pone de acuerdo en como implementar el CSS, en todo seguiran con su filosof�a de un soporte incompleto. Esperemos que no.
Fuente en Microsoft Watch

Un sitio CSS en una hora

�Te animas a crear un sito basado en CSS en una hora? aqui tienes un completa gu�a paso a paso.
Excelente.

CSS Boulevar

CSS Boulevar es un sitio donde podr�s encontrar muchos efectos CSS explicados en el lindo espa�ol, sencillos, pr�cticos y claros. Aunque recien comienza se ve que tiene buen futuro...donde supongo le pondr�n un DOCTYPE.

Bug en Firefox...soluciones

Bueno, por ahora aparte de la ya conocida vulnerabilidad de los IDN de FF, se suman 3 vulnerabilidades m�s que permiten desde la ejecuci�n de archivos del escritorio, hasta la edici�n del archivo config del FF.
Al menos para el problema del IDN hay una soluci�n que implica 2 pasos:
la de editar el about:config (que no basta) y la edici�n del archivo compress.dat (en mi caso edite el primero que encontr� con el BUSCAR y que estaba en archivos de programa/firefox/components/).
Otra soluci�n es un poco m�s "tosca" ya que si bien no corrije la falla, la muestra claramente, en suma son soluciones temporales ya que a�n no hay de manera oficial hasta el momento en que escribo este post.
En parte estos nuevos descubrimientos de fallas son para bien, primero ponen los pies en la tierra a los cerrad�simos defensores del FF, y luego depuran el navegador para bien de todos. Es de notar que a diferencia de los chicos de microsoft los bugs son corregidos casi al instante de descubiertos, ESA es la gran diferencia con FF.

Libritos Firefox

Este a�o es el a�o de Firefox, despu�s del espacio dado en medios especializados como Wired ahora se suman el apoyo de Oreilly, la editorial de tecnolog�a por excelencia, la cual anuncia la publicaci�n de 2 nuevos libros:
Firefox hacks
Don't Click on the Blue E!
A publicarse en marzo de este a�o. Interesante por donde se mire, la repercusi�n en las estad�sticas de muchos sitios web esperemos siga creciendo a favor del zorrito. :)
V�a /.

Web Developer Toolbar...en espa�ol

Al menos yo reci�n me entero, pero ya existe una traducci�n de la formidable web developer toolbar. La puedes encontrar aqu�.
�A que no es genial? :D

Actualizaci�n de la web developer toolbar

Esta extensi�n bien vale un post aparte. Chris Pederick la ha vuelto ha hacer, ha lanzado su versi�n 0.9.1 de su extensi�n Web Developer Toolbar y la ha mejorado en muchos sentidos, nuevas opciones de CSS (puedes visualizar como se veria en print, screen), usar el modelo de caja, desactivar determinados tipos de css (no todos si quieres), mayor informaci�n (anclas de la pagina por ejemplo).
En general BAJENLA, definitivamente no se arrepentiran si son dise�adores. Y lo que se viene esta de lujo.
Estaremos atentos.

Hot Potato: CSS sin tablas

Me ha llamado mucho la atenci�n este sio por el manejo detallado de CSS en la disposici�n de bloques, de tal manera que parece que usara tablas..pero no. Un excelente uso de css que muestra realmente el porqu� se dice EN CASCADAS, al mismo tiempo que la hoja est� muy bien explicada.
Muy bonito trabajo:

Hot Potato

Por qué no usar documentos de word

Un post de barrapunto me ha puesto a pensar seriamente en la posibilidad de cerrar el c�rculo del uso de Word como medio distribuci�n de documentos.
Puedes ver el documento de Richard Stallman y sus consejos sobre el asunto (altamente recomendable).
Resumiendo puede decirse que no se debe usar Word porque:
-No es multiplataforma (Windows y Macintosh no son los únicos sistemas).
-Mayor riesgo de virus.
-Mayor peso.
-Colaboras con el monopolio de microsoft.
-Tienes que tener las ultimas versiones del programa para poder leer lo que te envíen.

Mi primera idea fue "¿Y si eso lo llevaran a la industria gráfica: flash, photoshop por ejemplo?" las distancias son abismales, ambos programas son est�ndar en la industria de la gráfica y animación web porque son formatos creados que se han hecho populares y que ofrecen funcionalidades que algunos formatos libres no ofrecen todavia (como el SVG que es el "flash" de los estándares).
Pero en el caso de word estamos pensando solamente en texto e imagenes, nada más. Si pensamos a nivel de funcionalidades el PDF es muchísimo mas poderoso que el formato Word. Incluso guardándolo en RTF se obtiene la ventaja de un archivo de poco peso.
Otra de las grandes desventajas de la distribución de documentos en Word es que no es formato libre, es decir que SOLO microsoft puede aprovechar ese formato. Como usuario piensa en que es como si te dieran a beber sólo Coca Cola, te han acostumbrado a darte solo esa bebida que cuando quieras cambiar no podrás porque el resto de tus compañeros no podrán compartir tu gusto variado, a la larga te quedaras sin probar bebidas mejores como la Inka Kola ;) y en todo país hay bebidas mejores que la Coca Cola.
Obviamente hablamos de un proceso largo, en cualquier instituto y universidad usan Office (hay que admitirlo, Microsoft ha pegado en el mundo educativo) pero Word puede grabar en formato RTF y HTML, asi que podemos usarlo...para no usarlo :P.
Otras opciones de buena propaganda es las frases de respuesta cuando alguien nos envie documentos de word:
Recibir archivos adjuntos en Word es malo para Usted porque pueden acarrear virus (ver http://www.symantec.com/avcenter/venc/data/acro.html). Enviar archivos adjuntos en Word es malo para Usted porque un documento de Word normalmente contiene información oculta acerca del autor, permitiendo que sean espiadas las actividades del autor (acaso las de Usted). Texto que Usted creyó haber borrado puede permanecer embarazosamente presente. Ver http://www.microsystems.com/Shares_Well.htm para más información.

O simplemente decirle que te envíe archivos de Word solo cuando sea ABSOLUTAMENTE NECESARIO. Algunas universidades ya usan estándares de distribución de documentos, como la Universidad de Cádiz.
A lo que iba: esta idea no es tan geek como se ve, es una idea de sentido común buscando las ventajas tanto para mi como usuario como para todos.
Si eres profesor, das clases de algo, desarrollador y diseñador, en suma: si manejar una computadora trata de pensar en el cambio y de darlo poco a poco para el bien de todos; costar� pero ya ves como Firefox va ganando paso, o sea �s� se puede! :D
¿Qué otros formatos puedo usar? pues el RTF, el PDF, el HTML, entre otros que son de formato abierto y cualquier desarrollador puede hacer un programa para manejarlo y no tener que tener la última versión de un programa para poder abrirlo.
A comenzar ;)

Generador de bordes redondeados en CSS

Carlos Rinc�n de Neurotic Web ha lanzado a la luz un generador din�mico de bordes redondeados en css muy �til, s� se�or.

Referencia CSS en tu IPOD

Si tienes un IPOD y eres fan de los CSS te encantar� esto: Accesibilidad a una referencia CSS para tu IPOD:
AQUI
Necesitas un ipod con soporte de notas.
Yo hoy llego a casa y lo pruebo :)

Gu�as Breves de tecnolog�as.

V�a Furilo me entero de que la oficina espa�ola de la W3C ha publicado unas Gu�as breves de Tecnolog�as W3C, temas como accesibilidad, CSS, XHTML, XForms entre otros ahora son tratados en espa�ol de manera oficial.
Ya no hay excusa para no aprender.

Iniciativas CSS en Per�

Revisando Blogs Per� (ya me dir�n como qued� el favicon con el que colabor� :P ) descubr� un blog con un nombre curioso: Comunidad XHTML y CSS Peru lo curioso es que de por si el nombre me di� la idea de un grupo, un foro, una lista de correo, pero me encontr� con un blog personal. En parte si bien cuando entr� me desilusion� (pens� que habr�a un foro al menos :P) al rato me gust� la idea y la iniciativa...

El trabajo de formar una comunidad en internet es detallosa y a veces pesada, la iniciativa de formar un grupo a partir de un blog es mas sencilla de digerir para quien sea, el mismo autor del blog lo se�ala:

Muchos webmaster en mi pa�s actualmente siguen utilizando las etiquetas la inutilizables de formato, cuando los profesionales ya estan utilizando entre 1 a 3 hojas de estilo CSS, debemos hacer un punto com�n para profundizar eso en el Peru y formar comunidad, para platear problemas y resolverlo juntos, espero sus consultas y preguntas sobre el tema.
Si quiere ser del blog un punto com�n me parece bien, espero que domine el tema que no es nada sencillo.
Lo cual nos lleva a pensar el nivel o pegue del CSS en el Per�. Por ahora veo el CSS a nivel de blogs, es en ellos donde el CSS esta de moda ya que permiten jugar con el dise�o de manera sencilla y pr�ctica. Pero a nivel comercial el ejemplo no cunde. En los foros de Nomaster incluso se dio una discuci�n sobre el tema lo cual lleva a pensar que en vista de accesibilidad, est�ndares y productividad las webs comerciales (no personales) aun no dan el paso y si se quiere darlo ac� en Per� los webmasters peruanos aun tenemos mucho que aprender (me incluyo, no todo es Flash en la vida ;) ).
Felicito la iniciativa de Enrique Juan de Dios y su Blog.

Cambio din�mico de hojas de estilo

En A List Apart han sacado un sencillo y super �til tutorial de cambio din�mico de hojas de estilo incluyendo cambio de presentacion seg�n el medio (impresion en el ejemplo del tutorial). Muy �til:
Invasion of the body switchers

CSS referencia de reglas segun browsers

Las reglas que se pueden aplicar en CSS dependiendo del browser (espero que no falte mucho para dejar de pensar en dise�ar para varios browsers): v�a centricle

Tabla con scroll a puro CSS

Este es un recurso muy interesante. Si no deseas malograr tu dise�o al usar datos tabulados en grandes tablas (que en esos casos no es pecado usarlas), puedes hacerlas con barras desplazables usando este CSS:
Pure CSS Scrollable Table with Fixed Header
Muy bonito.

Proyecto Camale�n

El Proyecto Camale�n nace inspirado en el famoso CSS Zen Garden pero en espa�ol ;).
Ya saben, latinos al ataque :)

Firefox: logos disponibles

Para los fans del firefox ya est�n disponibles los logos en formatos TIFF, EPS y PNG, para poder hacerse sus propios wallpapers, salvapantallas o lo que se ocurra.
Hi-Res Firefox Logos

CSS: efecto Hover en IE

Como bien sabr�n IE no reconoce el efecto "Hover" de una regla css en etiquetas fuera de la etiqueta de link (a). Pues bien, en el foro de proletarium han posteado una interesante soluci�n usando JS:
Imitar pseudo-clase :hover

Difunde Firefox

Sum�ndose a la iniciativa tipo Spreand Firefox ha salido Difunde Firefox que si bien no es una iniciativa oficial de Mozilla era necesaria en la comunidad de habla espa�ola.
Ya saben, a colgarse los banners :)

Galer�as CSS

Hace tiempo lo posti� pero creo que la lista ha credido un poco. Para aquellos CSS fans:

Stylegala
CSS Beauty
CSS Vault
Weekly Standards
Well-Designed Weblogs: An Introduction
Mezzoblue:Great CSS Design

Si conoces otras no te olvides ponerlas en los comentarios ;)

CSS: Presentaci�n THE BEAUTY AND BUSINESS OF CSS

Ya est� online la presentaci�n de Douglas Bowman que di� en el Web Essentials 2004
Aunque la informaci�n est� muy condensada, hay buenos tips:
The beauty and business of css
Update: Una lista completa del material de las charlas: Web Essentials 04-Resources

Orden correcto en definicion de links

Tip: Cuando definimos la apariencia de los links en nuestros css es necesario guardar un orden preciso para la carga, de lo contrario podr�an surgir problemas, el orden es:

link
visited
hover
active

Traducciones de art�culos CSS

V�a la lista de Ovillome entero de que en The Raging Che podemos encontrar traducciones al espa�ol de art�culos sobre CSS de diversos sitios, publicados originalmente en ingl�s.
Directamente a mis favoritos y recomendada un 100%.

Yahoo redise�ado en CSS

Pues parece que Yahoo ha tomado un cambio de rumbo y est� optimizando su index al buen uso de CSS casi sin tablas (solo hay una) usando HTML 4.01 estricto, el cambio y velocidad es notorio:

Pueden ver la beta aqu�
Esta mucho mejor en verdad. Digno caso de estudio. :)

Yo quiero ser est�ndar

�Como hacer un sitio est�ndar? �que condiciones debe cumplir un sitio que cumpla con esos requerimientos?
Esta son las dudas que en Max Desing nos solucionan a manera de preguntas y respuestas con links de informaci�n valiosa:
A web standards checklist

Laboratorio CSS

Un bonito laboratorio de ejemplos css de 456 Berea Street con, entre otros, un bonito ejemplo de bordes y esquinas adaptables, redimensiona la ventana y te dar�s cuenta del efecto.

Browser Happy: Navegando feliz

Browser Happy es una p�gina auspiciada por Web Standards Project la cual nace por una raz�n simple:
We have no hard feelings toward Microsoft, or even Internet Explorer for that matter. Many of us happily used Internet Explorer until very recently.. En suma, te muestra que s� hay otras opciones fuera de Internet Explorer si es que estas descontento con �l.
We've switched; why not try a new browser for yourself? :)

CSS image power

El poder de las imagenes en dise�os css...�excelentes!
Ejemplos

Open Source Web Design

Open Source Web Design es una comunidad donde puedes encontrar templates gratis (css y xhtml) e informaci�n de dise�o web...en ingl�s.

Gu�a de Dreamweaver y CSS

�Usas Dreamweaver para manejar tus css? puedes revisar esta gu�a pr�ctica de uso de la p�gina de Macromedia Espa�a:
Gu�a de CSS en Dreamweaver
Otros programas m�s avanzados para manejar css son:
ToStyle que est� cambiando a una herramienta m�s potente de xhtml y validaci�n.
StyleMaster que a�n no lo he probado.
Yo a�n me quedo con el todopoderoso NOTEPAD.
�Y t� que soft usas?

Dise�orama

Un excelente blog (en dise�o y contenido) que nos habla de CSS y otras noticias.
No se olviden ver su tutorial del DISE�O DE CAJA en css, IMPERDIBLE.
Dise�orama

CSS showcase

El caso de la inmobiliaria EDGE MODERN y su cambio a dise�o css, testimonio en macromedia.
velo aqu�
De paso pueden ver otros casos de estudios. Todo con subt�tulos en espa�ol.

Gu�a de visualizaci�n de links

Links, como hacerlos, c�mo deben ser, como son realmente navegables y ubicables: De la mano de Jacob Nielsen
Guidelines for Visualizing Links

�ATOM, un nuevo est�ndar?

Como bien saben (y si no sab�as pues ac� te enteras) muchos blogs usan como forma de compartir sus contenidos un formato llamado RSS o RDF que no es m�s que un XML con etiquetas definidas. Claro, luego ha salido su competidor que busca subsanar las faltas y fallas de RSS: se llama ATOM. Desde hace buen tiempo Kusor esta haciendo un gran trabajo de traducci�n en la documentaci�n de Atom en espa�ol. Ahora la cosa se pone interesante (recuerden que estamos hablando de tecnolog�as en desarrollo) porque si bien RSS tiene un gran apoyo y preferencias (me incluyo) me entero v�a ERROR 500 que la mism�sima W3C ha decido darle el apoyo a ATOM como un est�ndar.
A ver que pasa, el tiempo lo dir�.

Bonitos ejemplos CSS

Una bonita coleccion de ejemplos CSS, no son tutoriales pero ilustran mucho.
Stu's Site

Guia de atributos CSS

Una gu�a de atributos CSS con los detalles muy bien explicados, los navegadores que los soportan, con detalles del soporte o visualizaci�n, realmente una gu�a imprescindible. Un incre�ble aporte de Brian Wilson:
CSS PROPERTY INDEX

Microsoft y el cuidado de los est�ndares

Un art�culo escrito por Kirk Biglione nos muestra qu� tanta importancia da Microsoft a los est�ndares.
Leelo Aqu�

Errores CSS en IE

Que IE lee incorrectamente CSS es sabido por todos.
�Te gustar�a conocer esas cosas que IE no lee bien?
Date un paseo por Explorer Exposed y mira que cosas pueden fallar.

XHTML y TARGET

V�a Swedish Golden Retrievers Raspberry Robin et al, me entero de un nuevo modo de tratar el TARGET de los links en documentos xhtml estrictos:
Target en XHTML.
La soluci�n es avanzada, implica modularizaci�n creando un DTD. me gustar�a saber si la solucion aplicada a documentos en espa�ol solo es cambiar lo que dice EN por ES, pero bueno.

Modularizaci�n:
La modularizaci�n de XHTML refiere a la tarea de especificar sistemas bien definidos de los elementos XHTML que se pueden combinar y extender por los autores del documento, los arquitectos del tipo del documento, otras especificaciones de los est�ndares de XML, dise�adores del uso y del producto para hacerla econ�micamente factible para que los desarrolladores de contenidos entreguen el contenido en un mayor n�mero y diversidad de plataformas.
Al lado de la soluci�n javascript que existe es una buena opci�n pero que implica mayor conocimiento de XHTML.
Hora de aprender.

M�s links de CSS

Traducciones de art�culos interesantes de css y relacionados: Ge7es traducciones
la gu�a de estilo de la librer�a p�blica de Nueva York, hecha en colaboraci�n con Jefrey Zeldman:
Gu�a de estilo
Art�culos de inter�s en espa�ol:
Plablo Impallari art�culos
Art�culos y post del blog, hacen de este sitio muy interesante:Brain Storm & Raves
Maneja las im�genes en CSS:
Manejo de imagenes

Target="_blank"...¿¿¿ahí nomas??

He estado investigando el uso de XHTML estricto en las p�ginas web. Y me he enterado de que el uso de TARGET en los links, ya muri� al lanzarse las nuevas especificaciones. HTML 4 por ejemplo ya no lo tiene, mas bien nos da el link:
rel, el cual tiene como atributos: . next, previous, chapter, section, que estan pensados en documentos grandes, pero hay modos de poder abrir links externos, uno de ellos esta en Site Point y dado por Kevin Yank Aquí básicamente usa un JS para abrir los links externos. No es el típico javascript:Onclick=...., ya que (si piensas en accesibilidad) no todos tienen mouse. Una solución inteligente.
Por otro lado para aprender más, una joyita en español: Foros de HTML/XHTML/CSS/Dise�o/Accesibilidad/Usabilidad en Tomatoma.ws
Seguiremos informando que tengo m�s de 15 tabs en mi firefox con páginas de información.
:P

Site CSS y Blog sobre est�ndares

Dos p�ginas del mismo lugar, ambas muy interesantes: Un sitio para aprender CSS (en ingl�s pero paso a paso) Style Master CSS que al mismo tiempo tiene su blog Redemption Through Standards

CSS en español

Estaba buscando links que me hablen del posicionamiento en CSS (ya saben, si el texto en css es como mover piedras con la mente y cargar a Yoda en la espalda, el posicionamiento en CSS es sacar la nave del pantano usando "the force") y encontré estos links interesantes:
http://www.ignside.net/man/css/index.php (muy bueno)
http://www.forosdelweb.com/forumdisplay.php?forumid=53 (revisen sus FAQS)
http://www.geocities.com/lunamatic/tutcss/intro.htm (veanlo en IE que con FF no funciona el men�, concreto y muy claro)
http://rinconprog.metropoliglobal.com/CursosProg/Internet/CSSyCapas/index.php?cap=3a (algo viejito pero aún vale)
http://www.macromedia.com/es/devnet/mx/dreamweaver/articles/tableless_layout.html (tutorial de macromedia)
http://html.conclase.net/tutorial/html/ (bonito, estilo catecismo antiguo :P )

Y si estas leyendo esto y no te convences de porque tanto rollo por el CSS:
http://toxico.redservicio.com/benefits/index.htm
(un pequeño "evangeliario" para los standards geeks)

Web Developer Toolbar

Como saben soy fan de Firefox, y en especial de la extensi�n: Web Developer Toolbar, en mi opini�n es una super utilidad para desarrolladores web, dicha extensi�n ha sufrido una actualizaci�n que a�ade y corrige muchas cosas.
Las que m�s me han llamado al atenci�n son la posibilidad de editar CSS de la pagina, la de atachar un CSS limpiar el cach�, bot�n para activar o desactivar la extensi�n, etc.
Puedes bajarla AQUI o en la p�gina de extensiones de Firefox

Los mejores dise�os de blogs

Dise�o de weblogs, los mejores dise�os en colecci�n:
AQU�

Galeria de dise�os en CSS

Un gran recurso, para mostrar c�mo con CSS podemos hacer dise�os muy interesantes:
Dise�os en CSS

Los beneficios de usar est�ndares web

En ingl�s pero sencillo y sumamente �til:
The benefits of Web Standards to your visitors, your clients and you!

Estándares a la mano

W3Schools es un sitio altamente recomendable para aprender a manejar los estándares web y otras tecnologías CSS, XHTML, XML, SOAP, referencias muy completas, ejemplos, exámenes; a mi gusto es un sitio que todo desarrollador web debe visitar ya que brinda una mirada completa (sin llegar a experticidades :P )a las principales tecnologías que se manejan y que DEBERÍA conocer todo desarrollador web, la nueva mirada a la web recordemos que busca ya no al sólo desarrollador o el sólo diseñador sino el "Designloper".Proyectos hay donde se requiera específicamente uno de ellos con especialidades en alguna área o lenguaje, pero pienso que por cultura general un verdadero designloper web debe saber las bases de esas tecnologías.

Est�ndares web en ejemplos

Si eres uno de aquellos que se preocupan por mantener un sitio web en est�ndares y quieres analizar c�digo EN EJEMPLOS, este sitio es para ti:
Daily Standards