20 sitios para aprender CSS

El diseño web es mucho más complicado de lo que parece, y una de las formas correctas de hacerlo es usando Hojas de estilos o CSS. No es nada fácil poderse manejar con ellas, pero tenemos suerte de que existan multitud de sitios donde podremos encontrar buenos tutoriales, ayudas o incluso trozos de código que podremos usar en nuestro sitio. A continuación os listamos 20 de estos sitios.

  1. A list Apart. Un buen sitio que contiene multitud de artí­culos sobre CSS, así­ como tutoriales. Es uno de los sitios más longevos, ya que sus artí­culos datan desde 1999. Se centran mucho en el cumplimiento de los estándares.
  2. CSS Help Pile. Esta web está estructurada como si de un directorio se tratara. Está perfectamente organizado, ordenando los tutoriales por niveles, desde principiantes hasta expertos. Un buen sitio donde buscar ayuda.
  3. CSS Basic. Se trata de un perfecto libro de un uso básico de CSS dividido en 18 capí­tulos. Se puede leer tanto en la propia web como descargar el pdf para tenerlo siempre a mano y disponible. Altamente recomendable.
  4. Holly CSS Zeldman. Colección de guí­as, tutoriales e incluso libros, todo perfectamente ordenado. Existen diferentes categorí­as especializadas, como una muy interesante sobre web 2.0.
  5. Eric Meyer: CSS. Eric Meyer es un aclamado diseñador web que comparte en esta página todos sus conocimientos sobre las hojas de estilo. Siempre es bueno aprender de los grandes.
  6. 456 Berea Street ”“ CSS category. Multitud de artí­culos, sobre unos 300, hablando de todo lo hablable referente a las CSS, desde lo más sencillo hasta lo más complicado.
  7. /* Position Is Everything */. En esta web podremos ver los bugs o errores más comunes que podemos encontrar en cualquier sitio relacionados con diseño y css. Nos informará de cual es el error, como solucionarlo e incluso nos proporcionará algunos ejemplos.
  8. HTML Dog CSS Tutorials. Un lugar donde encontrar diferentes manuales y tutoriales de buenas prácticas a la hora de usar CSS y XHTML para que no solo nos quede todo bonito, si no que además cumpla los estándares más estrictos. 
  9. Learn CSS Positioning in Ten Steps. En tan solo 10 pasos podremos conocer los fundamentos más básicos a la hora de comenzar a usar CSS. Un buen sitio donde empezar si no tienes ni la más menor idea. Incluye ejemplos bastante ilustrativos.
  10. Andy Budd CSS/Web Standards Links. Andy Budd, un gurú en el mundo de las hojas de estilos, comparte algunas reseñas y enlaces a sitios donde podemos encontrar ayuda a la hora de afrontar un proyecto con esta tecnologí­a.
  11. W3CSchools CSS Tutorial. Página dividida en los diferentes elementos que podemos usar en CSS en la que tenemos varios ejemplos de cada uno de qué forma podemos usarlos.
  12. css Zen Garden. Usar CSS como un jardí­n de tranquilidad está a nuestro alcance gracias a esta web, donde nos muestra ejemplos de usar una misma plantilla HTML con diferentes CSS y ver como puede cambiar radicalmente el aspecto y la estética.
  13. CSS at MaxDesign. En esta página podrás encontrar diferentes tutoriales sobre diferentes conceptos, como Listmatic, para realizar listas de multitud de formas.
  14. CSSeasy.com. De una forma clara y sencilla nos proponen diferentes ejemplos que, tan sólo viendo el código fuente de cada uno, comprobaremos que no es tan difí­cil defenderse un poquito en este mundo del diseño web con CSS.
  15. CSS-Discuss. Comunidad donde se discutirá y compartirá conocimientos sobre CSS. Dispone de una estupenda wiki con multitud de ejemplos.
  16. Web Design from Scratch: CSS. De nuevo otra estupenda página donde empezar, ya que dispone de estupendos tutoriales para principiantes.
  17. CSS-Tricks. Blog donde de una forma periódica se irá colgando interesantes artí­culos sobre CSS, como tutoriales o noticias relacionadas con CSS.
  18. CSS en Delicious. Obviamente uno de los sitios donde no deberí­amos dejar de buscar es en Delicious, en el tag CSS, donde aparecerán muchas páginas guardadas por otros usuarios que contendrán mucha información y ayuda sobre este mundo.
  19. SitePoint CSS Reference. Aunque SitePoint es una página con más contenido, también encontramos una sección con referencias a CSS donde podremos encontrar mucha y útil información.
  20. CSSDog. Desde los más novatos hasta los más avanzados en todo lo relacionado con CSS podrán encontrar aquí­ lo que necesita. Una web muy amplia que nos puede servir de mucha ayuda.

Fuente: Six Revisions.

Plorf – Nueva forma de bajar música por Internet

Una nueva opción aparece en el mundo del download musical.

Plorf es un sitio web limpio y rápido en el que podéis buscar, escuchar y bajar miles de músicas de todo tipo en formato mp3.

Con posibilidad de incluir un player en vuestra web y de votar por el tema encontrado, Plorf se presenta como una buena competencia para las decenas de opciones que ya os he comentado en la categorí­a de Música.

fuente: Simple Spark

YougotPhoto – Rápida e inteligente forma de compartir fotos

Aquí­ os muestro hoy una interesante opción para compartir y clasificar fotos en Internet.

YouGotPhoto es una aplicación en la que podéis crear grupos de fotos seleccionándolas a partir de fuentes como google image, picasa, flickr y otras referencias conocidas.

Cada grupo (frame) puede ser personalizado y configurado antes de poder compartirlo con el resto del mundo.

Con una técnica muy sencilla de seleccionar y agrupar las imágenes, se presenta como una buena opción para los usuarios que tienen sus fotos distribuidas entre varias fuentes y quieren poner orden antes de enviarlas a sus amigos a través de blogs, mensajerí­a instantánea o email.

fuente: killerstartups

Novedades en imo.im con Skype

Uno de los sistemas más populares de mensajerí­a instantánea online me comunica novedades importantes en su sistema.

[…] recientemente hemos añadido MySpace IM y Skype a nuestra lista de protocolos. Además de mensajerí­a instantánea MSN y Skype, se puede usar imo también para conectar con sus amigos en MSN Messenger, AIM, ICQ, Yahoo! Messenger, y GoogleTalk. Con la cuenta vinculada, se puede tener acceso ahora a todos de los siete protocolos de chat con solamente la firma al login.

Como un privilegio adicional, estamos implementando apoyo experimental para las llamadas a todos los contactos de Skype. La calidad de las llamadas no es perfecta, y por eso no permitimos todaví­a el uso de las llamadas a teléfono o «SkypeOut». Se puede, sin embargo, llamar a todos sus amigos de Skype aunque ellos todaví­a no estan usando los servicios de imo.im. Si desea probar una llamada, solamente haga click al amigo «Skype Test Call», y seleccione «Start Call» en la ventana de chat, que ahora aparece al lado de la función para el webcam. Estará entonces un pop-up con una ventana para llamar. Asegúrese de que se permite a imo.im el acceso del micrófono, o la voz no se escuchará […]

Como veis imo.im se pone las pilas para continuar compitiendo con la competencia de los productos ya comentados en la categorí­a de Messenger Online.

Habbo – Juego tridimensional para niños

Aquí­ os dejo uno de los juegos preferidos de miles de usuarios brasileños. Se trata de Habbo.es (haboo.com.br en Brasil), una aventura en tres dimensiones que permite a los jugadores relacionarse entre ellos en un hotel, como si en una mini-versión de secondlife se tratara.

Prohibida completamente la violencia, personajes divertidos que parecen salidos del mundo Lego, una guí­a para dejar a los padres tranquilos, moderadores en los chats para evitar conversaciones salidas de tono… una aventura para que los niños se nos hagan más virtuales.

tucachai – Red social para chilenos

Emiliano Velasco me presenta una nueva red social con un destino perfectamente definido: Chile.

Inteligente forma de competir con gigantes como Facebook o MySpace, la especialización, como casi siempre, puede ser la receta del éxito de Tu Cachai, una nueva aplicación en la que los chilenos podrán leer noticias, ver videos y publicar contenido que sea de interés para el resto de la comunidad sedienta de nuevos perfiles para descubrir.

Ví­deo de la semana, noticias de última hora y un fotolog para cada usuario que quiera plantarle cara a las numerosas opciones que tenemos para conocer y relacionarnos con otras personas.

Belysio – Amigos localizados en tu teléfono móvil

Bob Stumpel me presentó Belysio hace un par de semanas.

Se trata de un radar social que, usándose desde el teléfono móvil, permite a sus usuarios conectarse entre ellos informando su posición geográfica, enviandose fotos, su estado twitter y con posibilidad de comunicarse usando mensajerí­a instantánea (msn, gtalk, yahoo, etc.)

Si queréis saber si vuestro móvil es compatible con Belysio, lo podéis ver aquí­. Después del registro podréis bajar la aplicación para poder usar esta red desde el aparato móvil.

Podéis leer un completo artí­culo sobre todo lo que ofrece esta nueva opción de comunicación social móvil en el blog oficial de Belysio.

CropMom – Haz tus propios montajes fotográficos

CropMom es una aplicación bastante fácil de utilizar para cualquier usuario.

Se trata de una web que permite subir fotos de vuestro ordenador y alegrarle la vida con otras imágenes, textos y figuras hasta obtener el resultado deseado.

Existen varias composiciones prediseñadas para que no tengáis que empezar desde cero, todas ellas bastante clásicas y recargadas de detalles.

Después de haber creado vuestro montaje arrastrando objetos en el panel de trabajo y subiendo una o más fotos, podréis compartirlo enviándolo a quien queráis.

fuente: listio

switchAbit – Todas tus redes sociales a mano

La gente que estamos metidos en este mundillo, muchas veces no sólo tenemos un blog. Solemos publicar en más de uno, usar servicios como tumblr, informar de nuestras actualizaciones en twitter, facebook y demás redes sociales o subir fotos a flickr que después publicamos en nuestro (o nuestros) blog.

SwitchAbit nos ayuda a poder llevar a cabo todo ésto sin morir en el intento. Se trata de un servicio que nos proporciona la posibilidad de actualizar varios sitios a la vez. La idea es realizarlo como cuando enviamos un correo a varias personas en el campo CC, enviando a varias direcciones la misma información.

Los servicios que tenemos disponibles son los más conocidos y usados por los bloguers como Wordpress, Blogger, Facebook, Twitter, flickr, jaiku y Tumblr.

Lo curioso es la forma en la que podemos configurarlo todo, de una manera muy gráfica e intuitiva. Tendremos los servicios disponibles los cuales podremos ir arrastrando y uniendo mediante una especie de esquema donde, como dijimos antes, veremos gráficamente las distintas fuentes que suministrarán información a uno o varios destinos.

Una buena forma de ahorrarnos un poco de trabajo y de, sobre todo, tenemos de una manera más ordenada todo lo referente a nuestra vida bloguera, nuestra vida 2.0.

Fuente: StartupMeme.