Desde ya hace un tiempo que los diseñadores y programadores web hemos estando dándole mucha importancia a los estándares, a la carga de nuestros sitios y a la interfaz que mostramos al usuario y muchos hemos decidido utilizar lo mínimo las tablas, básicamente solo para listas.

Pero a fin de cuentas terminan formando parte de nuestra estructura y también debemos aplicarles un estilo, en noupe han hecho una recopilación de scripts que combinando Ajax + CSS + Tablas, logran darle un estilo muy bueno y dinámico a nuestras tablas usando efectos, mediante lo hovers, ordenamientos, clicks para resaltar celdas, etc… en fin interesantes utilidades.

via Noupe

Empezando esta “nueva seccion” enlaces rapidos, porque? Ay demasiadas noticias en la red, nuevos servicios, servicios que estan empezando a levantar el animo de comunidades y referencias muy interesantes que tanto desarrolladores, como diseñadores y adictos al internet agradecen, asi que para no hacerles 1000 articulos de cada una de estas referencias que talves y ya hayan visto por ahi, simplemente lo dejaremos en enlaces con pequeñas descripciones, espero y les sean utiles =D, se que habra mas de uno que diga aaaaa!! son porquerias todos lo conocen pero noooo es cierto no todos visitamos los mismo sitios esto no es mas que un intento por compartir mis referencias y darle un empujoncito a los que aun estan empezando.

1.- Ajaxian (ingles)

Podra ser un blog mas sobre ajax pero a mi parecer es simplemente el mejor tienen podcast periodicos sobre temas diversos informacion acerca de conferencias y no es solo ajax los temas a tratar tambien semantica y diseño, asi como muy buenas referencias sobre estos temas.

2.- brusheezy (ingles)

Este es un sitio mas para descargar pincles (brushes) para photoshop de manera gratuita, gracias a Sandy por el enlace.

3.- CSS Remix (ingles)

Si estas empezando un diseño pero no sabes por donde comenzar CSS Remix es una gran fuente de inspiracion ahi no puedes descargar ningun diseño ni nada simplemente es directorio de sitios que han sidos posteados y recomendados por su diseño ay cosas muy interesantes recuerden es para inspirarse sean ingeniosos no copien imagenes de esos sitios, incluso agarrar sus swf (flash) y editar es falta de etica y de creatividad, personalmente a mi no me gusta hacer eso y si lo haces al menos pon alguna referencia al autor.

4.- IconBuffet (ingles)

Es una comunidad bastante amplia de diseñadores web para intercambiar iconos que luego nos hacen mucha falta a la hora de diseñar, se intercambian set de iconos de muy buena calidad, cada mes te envia un set completamente gratis y 10 tokens con los cuales puedes intercambiar o simplemente compartir los que tienes, si desean saber mas de como funcionan hagan click en leer mas de este post .

— Por el momento es todo, cada semana les pondre lo mejor que me encuentre por la red, saludos y gracias por visitar este pequeño blog –

Leer el post completo…

Leyendo un post de Andres de Anieto2k recuerdo un tema que lei por ahi hace ya un tiempo y que como bien dice andres es muy importante tomar en cuenta la maquetacion de los CSS para que se adapte a todos los navegadores tambien llamado cross-browsing.

Todas las etiquetas de html que utilizamos vienen con caracteristicas predefinidas en los css las cuales mediantes clases y asignacion de ids podemos modificar, pero al no resetear todas se nos puede hacer mas dificil es poder utilizar el mismo css para todos los navegadores y ahi vienen los dolores de cabeza.

Es cierto que ay mucho Hacks pero y que cuando ya no se necesiten (espero sea pronto) habria que reescribir parte del css, bueno para eso sirve el resetear todos los valores de los css como hacemos esto, pues para no hacerles el cuento largo, Yahoo tiene un archivo llamado reset.css el cual nos ayuda con eso, como conseguirlo viene incluido en la libreria YUI de yahoo.

Descargar YUI - CSS Reset

El post de andres nos pone un ejemplo:

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline
}

body {
     line-height: 1
}

:focus {
     outline: 0
}

ol, ul {
     list-style: none
}

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: “”
}

blockquote, q {
     quotes: “” “”
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}

O pueden checar el archivo en la pagina del autor aqui rightclick, en los comentarios tambien mencionan este otro de meyerweb

Post base en Anieto2k

No paso muy seguido por ahi, asi que no se desde cuando este asi pero el w3c HTML Validator renovo su imagen y les quedo muy bien, me e enterado via anieto2k quien ha escrito un articulo bastante completo de todo lo que le hicieron y la calidad con la que lo hicieron, era de espererse de la w3c muy bien hecho les recomiendo leerse el articulo de Andres.

Articulo de Andre (Anieto2k)

W3C HTML Validator