‘Webmasters’
Sin duda lo que le da belleza a la web es el CSS, no obstante aprender el lenguaje suele ser difícil, en primera porque es un mundo y en segunda
porque no basta con saber las propiedades, hay que saber optimizar y escribir correctamente tus style.css.
Y aunque no me considero un experto en el tema, tengo unos cuantos consejos, técnicas y trucos CSS que he ido guardando a lo largo del tiempo, mismas que comparto a continuación:
Trabaja por secciones
Ejemplo aplicado al style.css de un theme WordPress, divide tu hoja en secciones: Estilos Globales o Generales, del Contenedor principal, Sidebar…
/* Global */
body { font: 14px/1.6 Arial, Helvetica, Verdana, sans-serif; }
/*Area de Contenido */
#wrap-post { width: 600 px; float: left; }
CSS Shorthand, el mejor amigo de tu hoja estilos.
El principio básico del asunto según la W3C es que CSS esta compuesto por 2 cosas: un selector y una declaración y en cada declaración hay una propiedad y un valor, basandonos en esto los shorthands serían propiedades con valores condensados o comprimidos, ejemplo práctico: Leer resto de la nota
Crear y colocar un formulario o forma de contacto en el blog siempre es importante, por la relevancia que tiene la interacción con los
lectores en un weblog.
Y aunque hay muchas formas de insertar estos (mediante plugins o escribiendo el código manualmente), sin duda una solución al alcance de cualquiera es Wufoo.
Un servicio en el que podrás crear multitud de formularios para tu sitio web o blog, con la ventaja que te brinda el hecho de que el código generado cumple con los estándares web y es altamente personalizable para integrarlo con la apariencia de tu theme o diseño, sumado a que el host y todo lo necesario para almacenar y leer los mensajes lo ponen los chicos de Wufoo.
En definitiva uno de esos servicios web 2.0 a tener en cuenta por las grandes prestaciones que nos ofrece: facilidad, rapidez, customización e integración transparente de formularios en nuestra web.
La capacidad de crear una página web que se pueda visualizar correctamente y sea accesible sin importar navegador o potencia de los recursos técnicos es algo que todo webmaster y desarrollador web deberia tener apuntado cada vez que trabaja en algún proyecto.
Incluso para los que no somos profesionales en este campo pero tenemos algún emprendimiento en internet es bastante correcto que nos esforzemos por crear un sitio con accesibilidad y usabilidad total, ¿cómo lograrlo?, a continuación algunos recursos y consejos.
1. Sigue las reglas y los estandares
Lograr que un blog o sitio sea cross browser no es fácil, pero el seguir los estandares de la W3C ayuda bastante a cumplir el objetivo.

Usable y Accesible
2. No uses hacks, mejor usa Fixes
Lo puedes hacer manualmente o usando IE6 CSS Fixer.
3. Optimiza tus imágenes
No es secreto que el tiempo de carga influye mucho para los usuarios; y es que son las imágenes las que más demoran en mostrarse, por ello es bueno siempre bajarles unos bytes con algún software para optimizar imágenes o herramientas web como Smush.it.
4. No te olvides del iPhone
Furor que causo el 3G
y el iPhone es ya uno de los medios de entrada a internet que más adeptos gana dia a dia, por eso no es bueno olvidarse de él, checa como se ve tu sitio en el iPhone y si tienes un blog corriendo con WordPress optimizalo para el juguete favorito de Apple.
Que nuestra página web sea Cross Browser o se vea igual en todos los navegadores, desde Internet Explorer hasta Firefox debería ser una de las premisas de todo webmaster, sin embargo aunque se conozca de CSS y XHTML resulta tedioso ir verificando nuestro diseño en cada navegador y aún más instalar todos los que existen en el mercado.
Y aunque en el pasado recomendé una gran herramienta llamada Browsershots, desde que descubrí esta no la cambio por nada; dado que a diferencia de la primera que sólo te regresa un screenshot, CrossBrowserTesting te permite visualizar tu sitio web en cualquier navegador sin instalarlo en tu PC y hasta interactuar en vivo con él.
Eligiendo la configuración que desees, tienes la oportunidad de testear tu blog o sitio web sobre cualquier browser y hasta elegir sobre que sistema operativo estará instalado, logrando así visualizar Firefox en Macintosh o hasta el arcaico Internet Explorer 6 en Windows XP.
Sin duda la mejor forma de checar el diseño y la programación de tu sitio sin limitaciones de hardware o software, asegurando que el usuario tenga una experiencia agradable y sin complicaciones.
Enlace | CrossBrowserTesting