Recopilación de técnicas CSS

ByLuis

Interesante recopilación de técnicas CSS que se han usado desde siempre. Cada vez es más importante realizar diseños que cumplan estándares, y si queremos que a parte de cumplir estándares, también tenga un diseño atractivo, es necesario usar muchas de las técnicas que nos ofrece el recopilatorio.

Entre las técnica que nos enseña o recuerda encontramos:

  • CSS Sprites
  • Esquinas redondeadas
  • Reemplazar texto por imágenes
  • Tabuladores
  • Colocar texto alrededor de una imagen
  • Misma altura en capas
  • Transformar una lista en una barra de navegación
  • Cabeceras
  • Sombras
  • Transparencia

101 CSS Techniques Of All Time- Part 1

Vía / CSS Globe

Appcelerator: otra forma de realizar aplicaciones web

ByLuis

Appcelerator es una plataforma open source que cambia la forma de realizar aplicaciones web. Está basado en una arquitectura basada en mensajes, lo que quiere decir que toda la plataforma está manejada por mensajes, los cuales son tamaña pequeño. Los elementos HTML pueden enviar o recibir mensajes para cambiar su aspecto o para solicitar datos al Appcelerator Service, el cual es el responsable de gestionar todos los mensajes de la aplicación a/hasta los clientes.
appcelerator.png
Las aplicaciones usan Ajax y DHTML estándar para realizar las RIA, aunque dicen que sin Javascript, algo que no llego a comprenderles muy bien, porque lógicamente si usa Javascript, quizás se refiera a que el desarrollador no necesita usar Javascript porque se implementa directamente.
Appcelerator ofrece una separación clara entre la parte lógica y la de presentación, usando servicios SOA para ello, por lo que es posible crear clientes para Java, PHP, .NET, Ruby y Python.
Appcelerator
Gracias diarioTHC por el aviso

HTML Purifier 3

ByLuis

htmlpurifier.pngHTML Purifier es un filtro en PHP que elimina código XSS de HTML y hace que sea estándar. Acaba de sacar la versión 3.0 y entre las novedades nos encontramos con:

  • Requiere PHP5.
  • Las propiedades CSS no son sensibles a mayúsculas o minúsculas.
  • Elimina las etiquetas <style> (necesita CSSTidy).
  • Mejoras en el motor de estilos.

HTML Purifier

Formatea código JSON online

ByLuis

Suele pasar que el código JSON que generamos para que lo lea el navegador, suele estar falto de formato, por lo cual leerlo para depurarlo suele ser algo complicado. Realmente es buena idea no meterle espacios, saltos de línea o tabuladores para dejarlo “bonito”, ya que eso es desperdicio del ancho de banda (hay que ahorrar por todas partes).
JSON Formatter es una aplicación online que nos formatea el código JSON que introducimos, añadiendo espacios, tabuladores y saltos de línea para una mejor comprensión.
jsonformatter.png
JSON Formatter
Vía / dzone

Horde: framework PHP

ByLuis

Horde es otro framework PHP que ofrece las típicas herramientas para crear aplicaciones web: configuración de la aplicacion, compresión, detección de navegador, MIME y mucho más.
Horde está usa PEAR en su código, algo que a mí personalmente no me entusiasma mucho. A parte da instrucciones para mejorar el rendimiento (tunning). No solo funciona con Apache, sino con otros servidores web como IIS.
Dentro de este proyecto, se reúnen otros proyectos como una aplicación web, una suite groupware, gestor de tickets, visor de repositorios, etc…
Horde

Modificar el contorno del texto mediante CSS

ByLuis

CSS Text Wrapper te permite modificar el contorno de los párrafos de texto de nuestras páginas web, ya sea creando círculos, zig-zags, o cualquier otra figura.
textwrapper.png
Hay dos formas de poder aplicarlo: mediante estilos o mediante un javascript. Existe un editor que nos ayuda mediante la creación de puntos, configurar el contorno de nuestro párrafo.
CSS Text Wrapper
Vía / WebAppers

CowDb: base de datos orientada a objetos

ByLuis

Cow Database es una base de datos orientada a objetos (OODBMS). Uno de los problemas de esta tecnología es a la hora de indexar los datos.

Las características que ofrece esta base de datos nos encontramos con:

  • Ligera: poco uso de memoria y posibilidad de configurar el tamaño del cache.
  • Operaciones sencillas: cada base de datos tiene un único fichero de disco.
  • Robustez: totalmente transaccional, la recuperación es total y automática.
  • Ramificaciones: se pueden hacer a cualquier nivel.
  • Extensible
  • Rutas: cada objeto tiene una ruta mediante con la cual se puede acceder.
  • Enlaces simbólicos

CowDb

Sugerir búsquedas con Javascript no obtrusivo

ByLuis

Ya hace tiempo explicamos como hacer un autocompletado en cajas de texto, pero claro, no todo el mundo tiene ganas o tiempo de hacerlo uno mismo. Por ello, no hay nada mejor que usar scripts de otras personas que nos facilitan el trabajo.
searchfield.png
SearchField es un javascript no obtrusivo que nos permite añadir sugerencias de búsqueda en nuestras cajas de texto de forma rápida y sencilla. Tan solo hay que añadir un javascript y enlaces a las librerías y a los estilos, para que funcione.
La única pega que le veo es que las palabras de sugerencia están dentro de una variable Javascript y no se realizan mediante llamada Ajax para poder así obtener datos dinámicos, pero bueno, no parece complicado modificarlo para que permita esta opción.
Style Your Website’s Search Field with JS/CSS
Vía / WebAppers

links for 2008-01-09

ByLuis