ThinkWasabi » css

Generador de menús en CSS

Berto Pena — Tue, 02 Sep 2008 17:33:03 +0000

Interesante generador de menús en CSS paso a paso con un montón de combinaciones precargadas. Puedes, claro, hacer tu combinación, descargarla y luego adaptarla a gusto. Está en inglés, pero creo que se entiende bastante bien.

Colecciones de plantillas CSS gratuitas

Berto Pena — Mon, 11 Jun 2007 06:20:15 +0000

En este post encontrarás una buena recopilación de webs que ofrecen colecciones o galerías de plantillas CSS listas para descargar y utilizar gratuitamente. Hay de todo, como en botica, pero he visto unos cuantos diseños bastante chulos. En total son unas cuantas, así es que seguramente encontrarás lo que buscas. @ etc

SimpleCSS: editor de Hojas de Estilo

Berto Pena — Sat, 28 Apr 2007 06:58:56 +0000

Ahora que tenemos en escena a Coda (en mi caso un amor a primera vista, que ya lo estoy utilizando en el día a día) y la última y muy buena versión de CSSEdit, este SimpleCSS viene muy a cuento.

Es un editor de CSS (Hojas de Estilo en Cascada) que además de gratuito, está disponible para Mac, Windows y Linux. Como se ve en la captura es una herramienta muy visual y la creación de tu CSS se hace a base de clics, listas desplegables, selección de colores, etc. Incluye también un previsualizador para ir viendo cómo queda.

Obviamente le faltan cosas que los otros dos programas mecionados pueden ofrecer, pero no tantas como podría pensarse. Y te permite hacer tus propios CSS en minutos, sin que tengas que picar el código. Y eh, ¡es gratis! Puedes descargarlo en esta página. @ Cool OS X Apps

71 barras de navegación en CSS

Berto Pena — Mon, 12 Mar 2007 08:08:59 +0000

Jugosa recopilación de links de sitios que ofrecen barras de navegación gratuitos en CSS para tu web. Horizontales, verticales, con o sin submenús desplegables, con y sin pestañas, con y sin iconos… Vamos, que hay para elegir. @ etc

HyperEdit: HTML, Javascript, PHP y CSS

Berto Pena — Fri, 09 Feb 2007 08:15:29 +0000

Llevo unos días probando HyperEdit y la verdad, no está nada mal. Es un editor de código bastante ligero y rápido que como punto fuerte tiene la previsualización en tiempo real, además de poder trabajar simultáneamente con HTML, PHP, Javascript y CSS. De modo que si toqueteas algún selector en el archivo CSS o cualquier función en PHP, inmediatamente ves cómo queda en el panel de la derecha. Es de pago, casi 20 dólares, pero no es mucho, la verdad. Creo que lo voy a comprar en un par de días. Puedes descargar una demo (disponible en universal) en esta página.

JSView para Firefox

Berto Pena — Wed, 24 Jan 2007 07:39:44 +0000

Si eres desarrollador web seguramente que más de una y mil veces habrás visto el código de una página desde el navegador. JSView es una práctica extensión para Firefox que te permite además ver el código de todos los archivos externos llamados desde una página. Hojas de estilo en cascada (.CSS) o archivos en Javascript (.JS) son los dos ejemplos más claros y que se repiten con más frecuencia.

La extensión aparecerá en la barra inferior de Firefox como un icono nuevo (o en el menú contextual), al pincharlo, desplegará una lista con todos los ficheros asociados a la página. Puedes abrir uno o todos a la vez. También te indica lo que pesa cada uno de ellos. En las opciones puedes indicar incluso con qué editor de textos quieres que abra esos ficheros. Impagable el tiempo que te puedes llegar a ahorrar. Puedes descargar esta extensión aquí.

Máster en estilos de formularios web

Berto Pena — Fri, 12 Jan 2007 08:31:49 +0000

Fantástico artículo que recopila un montón de ejemplos en CSS para el tratamiento de formularios, botones, desplegables, cajas de texto y todo bicho viviente asociado a los forms. Además, muestra también cómo se ven en todos los navegadores más populares: Safari, Camino, Firefox, Explorer, Opera… Detalle muy importante que agradecerán los desarrolladores web.

CSS Tweak: optimiza tus archivos CSS

Berto Pena — Thu, 28 Dec 2006 12:01:58 +0000

Optimizadores de CSS online hay muchos, pero este me ha gustado bastante… CSS Tweak es una herramienta que te permite optimizar y “adelgazar” tus Hojas de Estilo en Cascada (CSS). Yo he hecho un par de pruebas y ha reducido el peso de mis CSS hasta en un 35%. Eso quiere decir que soy bastante malo escribiendo CSS, pero afortunadamente existen este tipo de herramientas…

Subes el archivo, le das al botón de “Tweak” y luego puedes descargar el CSS optimizado. Así y todo, te recomiendo que hagas una copia de seguridad, no vaya a ser que la pifie, aunque en mis pruebas lo ha dejado todo perfecto. Como verás puedes indicar qué es lo que quieres optimizar: las fuentes, listas, quitar los comentarios, si quieres que borre los espacios en blanco, etc.

Pero, todavía hay más. También tienen un widget para tu Dashboard (pincha aquí para descargarlo). De modo que si trabajas con relativa frecuencia con archivos CSS te puede venir de perlas. La verdad, todo muy útil. Aunque, si necesitas un nivel mayor de personalización y optimización, algo más serio vamos, te recomiendo también esta otra herramienta: CSS Optimize.

Menús dinámicos en CSS para descargar

Berto Pena — Wed, 27 Dec 2006 11:29:28 +0000

13Styles ha recopilado una serie de elegantes menús dinámicos con efectos, hechos en CSS, que se pueden descargar gratuitamente (aunque hay un par de pago) y utilizar en tu blog, por ejemplo. Por supuesto, luego puedes modificar los colores o tipos de letra y personalizarlos según tus necesidades.

Los mejores 50 diseños en CSS de 2006

Berto Pena — Thu, 21 Dec 2006 07:12:39 +0000

Si te gusta el diseño, y en especial el diseño web, tienes que pasarte por esta colección que Smashing Magazine acaba de recopilar. Se trata de algunos de los mejores 50 diseños basados en CSS del 2006. Entrar en esta página realmente es una gozada visual. Muchos de ellos son muy conocidos, otros no tanto, pero en cualquier todos son fantásticos, elegantes, con mucho estilo, en fin, pon tú los adjetivos que se te ocurran después de verlos. @ del.icio.us Popular