Dentro del desarrollo web el diseño (apariencia) de nuestras aplicaciones es un papel importante. Mediante hojas de estilos en cascada (CSS) podemos lograr impresionantes acabados para nuestras aplicaciones. Siempre es bueno tener un lugar en la web, ó varios, donde acudir para inspirarnos. He aquí una lista vía Six Revisions de sitios web que nos pueden ayudar a este respecto.

1. A List Apart CSS Topics

2. CSS Help Pile

3. CSS Basics

4. Holy CSS Zeldman!

5. Eric Meyer: CSS

Ver Artículo Completo ››

Algunos visitantes han tenido preguntas al respecto. Preguntaban si podían generar dinámicamente con PHP código JavaScript ó CSS. La respuesta es: Si. Simplemente tienes que expecificar la cabecera del documento PHP lo siguiente:

Para JavaScript:

header ('Content-Type: text/javascript; charset=utf-8'); 

Para CSS:

header ('Content-Type: text/css; charset=utf-8');

Recuerda que no debes enviar ningun texto antes. Por supuesto que el archivo PHP conservará su extensión cuando los referenciemos desde la página HTML:

<script type="text/javascript" src="javascript.php"></script>

<link rel="stylesheet" type="text/css" href="css.php" />

Espero les sirva el tip.

Barras de progreso con jQuery

jQuery.UI ProgressBar Widget

Barra de progreso con jQuery y PHP

Plugin jqUploader para jQuery

Plugin para jQuery

Ver Artículo Completo ››

Vía CSSPlay una serie de 10 menus CSS horizontales, listos para descargar...

Una lista de utilidades o herramientas para optimizar y comprimir nuestras hojas de estilo (CSS, cómo también para crear layouts o menús.

Optimizar CSS

1. Clean CSS
2. Code Beautifier
   
3. CSS Cascading Style Sheet Optimiser
4. CSS Optimizer

Comprimir CSS

1. CSS Drive
2. CSS Compressor

Generar menús y layouts CSS

1. [listulike] CSS Generator
2. Scriptomizer
3. inknoise - Layout-o-Matic
4. CSS Creator
   
5. The Generator Form
6. QrOne CSS Designer
   

Vía | Lifehacker

Una lista de nuevos menús para todos los gustos! gracias a nuestros amigos de CSSPlay. 

1. Menú en forma hexagonal

 

2. Menú lista desplegable

 

3. Menú superior con sombras 

Encuentro esta interesante utilidad hecho en CSS: un menu desplegable muy interesante con una imagen de fondo (creo que si usamos PHP podemos hacer que esta imagen sea aleatoria...es una idea nada mas). Este menu trabaja sobre IE 5.5 o superior, Firefox, Opera, Safari (Windows) sin ningún problema.

Visto en CSSplay

Cuando iniciamos un proyecto web puede venirnos bien tener alguna inspiración visual para el diseño, por ello presentamos esta lista de algunos sitios web donde podemos encontrar plantillas y diseños elaborados con CSS. En algunos casos nos permite una demo del diseño.

1. CSSeasy

2. Open Source Web Design

Ver Artículo Completo ››

A esto es lo que llamo el uso adecuado de la tecnología. Nuestro amigo Erik Blanco nos informa de una aplicación web desarrollada por su persona usando Ajax, PHP (orientado a objetos), MySQL, CSS y Javascript. Se trata de un mantenimiento de datos de una tabla MySQL: inserción, actualización, eliminación y consulta (paginada). Lo interesante es que no usa ningún librería Javascript para ello. Un buen ejemplo de como quedaría una aplicación si armamos nuestro propio objeto XMLHttpRequest para usar Ajax.  

Código fuente| Catalogo Empleados (Actualización: 04 Noviembre 2008)

Esto no es nuevo: tienes un formulario de contacto, por ejemplo, con el objetivo de que tus visitantes pueden comunicarse contigo para un asunto en especial, pero lamentablemente este formulario pierde su proposito debido al spam que llega y llena nuestro buzón de entrada con tontería y media. Existen muchos métodos para evitar el spam basado en Captcha, pero en modernblue encontramos un método con CSS.

¿Cómo trabaja? 

Pues es fácil, se basa en el hecho de que los spambots llenan "todos" los campos de un formulario. Así que teniendo eso en mente, mediante CSS ocultamos un campo.

.special {
  width:5px;
  visibility:hidden;
}

 <input name="info" class="special" type="text" />

Ya mediante el lenguaje servidor (PHP, ASP, etc) evaluarás si tal campo esta lleno entonces es un spambot. Sencillo.

Enlace | Fighting Span With CSS