TypeCast es un servicio en linea que nos permitirá trabajar con mas de 5.000 fuentes desde Typekit, Fontdeck, Fonts.com y Google Web Fonts en un solo panel de control directamente en el navegador (browser).

Ayuda a decidir decidir el tipo de letra para nuestra web de forma manera sencilla y rápida. Se puede crear columnas de contenido y cambiar el tipo de letra usada, escogiendo en el menú lateral el proveedor de las fuentes y escribiendo cualquier tipo de texto para ver los resultados directamente como se veran en la web.

Después de tomar porbar varias alternativas de letras, se puede obtener el código CSS para publicarlo en nuestras páginas webs, con la seguridad de que nuestros visitantes podran ver exactamente los textos tal como los creamos con esta herramienta.

Codesnipp es una plataforma gratuita que permite a cualquier programador interesado encontrar y compartir código fuente en cualquier lenguaje de programación y ofrecer aquel que consideremos puede resultar interesante para otros desarrolladores.

Clasificando el contenido por lenguaje de programación, podemos acceder a una amplia cantidad de categorías, con códigos, plugins completos. el servicio lo que te propone es que compartas aquellos pequeños trozos de código que has creado o has visto por ahí, se pueden catalogar en categorías como HTML, PHP, CSS, Ruby, WordPress o similares, así como englobarlos en etiquetas propias.

Los trozos de codigo pueden ser comentados por la comunidad online, ademas puedes hacer followers y followings de aquellos users de los cuales te gusten sus aportaciones, o votar y dejar tus comentarios sobre cualquier snipp.

También permite plantear preguntas y encontrar ayuda con nuestros problemas como desarrolladores.  Tu código siempre estará disponible para ti.

Codeburner, una extensión para Mozilla Firefox que se integra con Firebug (otra herramienta indispensable para desarrolladores web) para extender la información de referencia con respecto a elementos y atributos HTML y propiedades CSS.

Podemos utlizar CodeBurner como una aplicación multiplataforma gracias a Adobe AIR, como una extensión de Firefox, como plugin para Firebug, como un widget para el dashboard de Mac OS X o bien como addon para Opera, así que no estamos precisamente cortos de opciones.

Una vez elegida e instalada cualquiera de ellas podremos hacer click en cualquier elemento de una página para ver información acerca de el, como así también ver la relación que le une a otros elementos de la página y cuales atributos están definidos por el. También es interesante la posibilidad de ver el nivel de compatibilidad de cada elemento con algunos de los navegadores más populares: IE7, Firefox 3, Safari 3 y Opera 9.

Actualmente, están en desarrollo las versiones para Dreamweaver y AIR, e incluye un e-book de Sitepoint de regalo, disponible gratuitamente durante los primeros 30 días de su lanzamiento.

Seguro que todos los que han trabajado con CSS en un momento u otro se encontraron con el típico problema de que el CSS no se ve igual en todos los navegadores ni versiones de estos: lo que se ve estupendamente en Firefox no se ve bien en IE7 aunque si se ve en IE8.

Si deseas maquetear con CSS visita 960 Grid System: Frameworks CSS para maquetear una web y crear estilos online Easy CSS Styler: Crear estilos CSS online

Gran número de desarrolladores y diseñadores utilizan sistemas de implementación, o frameworks, que usan grids, o rejillas cuadriculadas. Se trata de una técnica en la que se usa una división del espacio de la página web en columnas iguales, y se seleccionan conjuntos regulares de las mismas, para crear áreas y espacios, a los cuales posteriormente se asignarán estilos de presentación.

De esta forma se obtiene una presentación visual que puede aplicarse, con las oportunas modificaciones, a diferentes sistemas de gestión de contenidos. Lo interesante del resultado es que se obtiene un conjunto de ficheros que contienen las hojas de estilo necesarias (ficheros CSS) para montar la capa visual sobre el producto, respetando los estándares web. Además, varios de estos frameworks incorporan las capacidades para añadir el Javascript necesario, si es menester.

Aqui les dejo una coleccion de generadores de rejilla usando CSS con los que permitir crear la estructura y distribuir los elementos que componen un diseño web a partir de los valores que nosotros definamos.

• Blueprint Grid CSS Generator

• Design By Grid

• Grid Generator

• YUI CSS Grid Builder

• Variable Grid System

• Grid system generator

• YAML Builder
  

• Grid Layout Generator

• Layout Generators

• CSS Layout Creator

• CSS Layout Generator

Debemos aprender CSS3, algo imprescindible si queremos entrar en un universo de nuevos recursos en la programación web. CSS3 viene de la mano de HTML5, quienes para muchos sera gradualmente el asesino de la programación en Flash.

Si desea sun editor de HTML visita Ecoder : Avanzado editor HTML online y si deseas aprender CSS Easy CSS Styler: Crear estilos CSS online

Rendera es un editor online para html 5 y css3, la verdad bastante sencillo y fácil de utilizar, el cual nos permite ver en tiempo real el resultado del código fuente que vamos escribiendo, para posteriormente darle diseño con css 3. Es gratuito y no necesita registro alguno.

Con tan solo poner el código en Html, Rendera podrá transformarlo a CSS3, mostrándonos el código y lo mejor de todo, es que si nos encontramos algo perdidos en el tema, en el mismo editor ofrecen algunos ejemplos para aprender un poco mas.

Si estás cansado de crear imágenes con los bordes redondeados puedes echar mano de propiedades CSS. Si no sabes CSS internet te puede ayudar.

Para crear hojas de estilo facilmente visten CSS Gizmo : Crear hojas de estilos de forma rápida y facil y tambien Easy CSS Styler: Crear estilos CSS online

Border-radius, la propiedad CSS que nos permite redondear los elementos de nuestras páginas mediante CSS. Aunque la propiedad aún no está correctamente integrada en los navegadores actuales, podemos disfrutar de ella mediante el uso de los correspondientes prefijos:

// Mozilla
-moz-border-radius:1em;
// WebKit
-webkit-border-radius:1em;
// W3C
border-radius:1em;

Las esquinas de bordes redondeados son mucho más atractivos visualmente que las esquinas de 90 grados. Pero escribir el código para ello puede llevar bastante tiempo, y ante un mínimo cambio las modificaciones a dicho código son bastante engorrosas.

Con Border Kit solo habrá que ingresar (en cualquiera de las esquinas) el grado de redondez que deseamos para las 4 esquinas, y estas serán modificadas de manera automática. Tanto en el aspecto visual, para que veamos si estamos conformes con el resultado, como en el código. Que dicho sea de paso, será compatible con WebKit, Gecko y CSS3, aunque podemos eliminar alguna de dichas compatibilidades desmarcándolas.