El Comercio Digital

Webmaster Libre

Subtitulo del blog

Archivo de la categoría "Codigo"

Asegurar aplicaciones hechas con AJAX

AJAX nos permite crear increíbles aplicaciones web cuando lo conjuntamos con una base de datos, no obstante, es importante asegurarnos de que no dejamos la base de datos expuesta a cualquier petición maliciosa.

Kris Hadlock nos explica un método relativamente simple para incluir una verificación por medio de contraseña en las interacciones con la base de datos.

How to secure AJAX Requests

Line-height sin unidad ¿o no?

En febrero de este año, Eric Meyer nos recordaba la posibilidad de utilizar valores numéricos sin unidad con la propiedad line-height de CSS.

A pesar de los errores que da el (precario) validador del W3C, es una solución perfectamente estándar pero parece que algunas versiones antiguas del motor de render Gecko para Mac no saben como interpretar estos valores sin unidad. Así lo apunta Roger Johansson.
Los navegadores afectados son Mozilla en todas sus versiones pero no SeaMonkey y todas las versiones de Firefox anteriores a la 1.0.8, siempre en Mac. Tenéis toda la información necesaria para reproducir el bug en el post de Roger, además de una captura de pantalla del problema para todos los que no tenemos a mano un Mac.

Unitless line-height bug in Mozilla and Firefox

Beast: Foros elegantes con Rails

Si había algo que faltaba por desarrollar en Ruby era un buen sistema de foros.

Rick Olson y Josh Goebel han unido sus fuerzas y han creado Beast.
Beast es un foro desarrollado en Rails, de aspecto elegante y con menos de 500 líneas de código.

Sin duda una buena opción para instalar un foro sencillo, bonito y libre.

Puedes ver un ejemplo en la página oficial del proyecto y descargar el código del SVN.

Beast: http://beast.caboo.se/

Via Ruby Inside

Scriptio: Presentaciones online con animaciones y sonido

Scriptio Logo

No es la primera vez que hablamos sobre un script Javascript que nos permite crear presentaciones online del estilo de las que genera Power Point (S5 o HTML Slidy) pero Scriptio va un paso más allá.

Scriptio es un framework Javascript que nos permite crear presentaciones animadas, acopañadas de audio. Al más claro estilo de Flash, cuando Flash se utilizaba para eso…

Ejemplo de presentacion con Scriptio

  • Lenguaje de Scripting intuitivo: simple y sencillo de comprender, además puede expandirse al tratarse de Javascript
  • Rico juego de objetos: Dispondrás de herramientas para texto, imágenes, rectángulos, líneas y círculos. Además los campos de entrada, como botones o checkboxes, se utilizan para crear presentaciones educativas claramente interactivas
  • Multiples opciones para el audio
  • Herramientas para autores

Scriptio: http://www.scriptio.us/index.php
Ejemplos: http://www.scriptio.us/examples.php

Dando estilo a las reglas horizontales (<hr>)

Habitualmente, cuando diseñamos nuestras páginas con XHTML y CSS tendemos a sustituir las
típicas líneas separadoras horizontales <hr> con algún estilo aplicado a un div (border-bottom por ejemplo). Es una práctica correcta e incluso recomendable pero debemos recordar que, cuando un usuario no visualiza la página con la hoja de estilo, toda referencia a esta división desaparece. En la mayoría de casos esto no tiene mayor importancia ya que las divisiones son estéticas pero cuando tu contenido precisa de esas divisiones para ser comprendido no deberías privar a usuarios de navegadores de texto o lectores de pantalla de esa ayuda.
Leer el resto de la entrada

Ruby 1.8.5

Via Ruby Inside me entero de que, aunque no está indicado en la página oficial, se ha lanzado la versión 1.8.5 de Ruby.

En la lista de correo, Yukihiro Matsumoto (Matz) anunció la nueva versión 1.8.5 como una versión de mantenimiento, sin mayores cambios, con la mejora en la estabilidad como principal objetivo.

Si no tenéis graves problemas con vuestra instalación quizá deberíais esperar a que se haga oficial para actualizaros.
Podéis descargarlo en el ftp:
http://ftp.ruby-lang.org/pub/ruby/ruby-1.8.5.tar.gz

Abreviando URL con Shorty

Si alguna vez has utilizado servicios como TinyURL para ayudarte a recordar enlaces, haciéndolos mas legibles te gustará Shorty.

Con Shorty podrás crear redirecciones cortas basadas en tu nombre de dominio, con la ventaja de que, al ir alojado en tu propio servidor las redirecciones permanecerán activas tanto tiempo como tu consideres oportuno (o conserves el dominio).
En el panel de control podrás, además, acceder a estadísticas y controlar tus enlaces de forma sencilla

Interfaz de Administracion de Shorty

Para instalar Shorty, tu servidor debe contar con PHP 4+, MySQL 3.23+, y Apache 1.2+. Para acceder al panel de control deberás utilizar navegadores como Firefox o Safari, no funciona con Internet Explorer.

Shorty: http://get-shorty.com/

Edición: Alex de Buayacorp nos indica en un comentario que el código no es seguro así que evitad usarlo en entornos de producción.

DOMTab: Navegación por pestañas con CSS y DOMscripting

DOMTab

DOMTab nos permite crear estupendas interfaces divididas por pestañas por medio de Javascript no intrusivo.

Aplicar DOMTab a nuestras páginas es francamente sencillo. Primero llama al script desde la cabecera de tu documento

  1. <script type="text/javascript" src="domtab.js"></script>

El código html de nuestra página debe ser algo así,

  1. <div class="domtab">
  2.   <ul class="domtabs">
  3.     <li><a href="#t1">Test 1</a></li>
  4.     <li><a href="#t2">Test 2</a></li>
  5. [... and so on ...]
  6.   </ul>
  7.   <div>
  8.     <h2><a name="t1" id="t1">Proof 1</a></h2>
  9.     <p>Test to prove that more than one menu is possible</p>
  10.     <p><a href="#top">back to menu</a></p>
  11.   </div>
  12.   <div>
  13.     <h2><a name="t2" id="t2">Proof 2</a></h2>
  14.     <p>Test to prove that more than one menu is possible</p>
  15.     <p><a href="#top">back to menu</a></p>
  16.   </div>
  17. [... and so on ...]
  18. </div>

Tenemos, además, la opción de presentar un enlace donde se mostrarán todos los contenidos en una sola pantalla, por ejemplo para imprimir.

Puedes editar todas las opciones del script ya que todos lo que se espera del HTML son parámentros.

  1. tabClass:'domtab', // class para activar las pestañas
  2. listClass:'domtabs', // class de los menús
  3. activeClass:'active', // class del enlace actual
  4. contentElements:'div', // elements to loop through
  5. backToLinks:/#top/, // patrón para buscar enlaces "volver arriba"
  6. printID:'domtabprintview', // id del enlace para imprimir todo
  7. showAllLinkText:'show all content', // texto del enlace para imprimir todo

A la hora de dar estilo, tenemos a nuestra disposición tanto las clases e id utilizadas por el script como el resto de recursos a nuestro alcance por medio de CSS:

DOMTab: http://onlinetools.org/tools/domtabdata/

Font Tester: Compara y da estilo a tipografías

Font Tester logo

Ya hemos hablado en otras ocasiones de aplicaciones web que nos permiten comparar tipografías en pantalla. Sin duda son de gran utilidad para hacer experimentos.

Font Tester va un paso más allá, además de dejarnos comparar hasta tres tipos de letra simultáneamente, nos permite agregarles estilos CSS y, una vez conseguido el estilo deseado, nos permite copiarlo para pegarlo directamente en nuestras hojas de estilo. Sin duda podrá ahorrarnos mucho tiempo comprobando como afectarán a nuestro texto las diferentes propiedades de CSS para tipografías. Además, por si no era suficiente, incluye un listado clickable de entidades (x)html para que las introduzcamos comodamente en nuestras pruebas.

Font Tester: http://www.fonttester.com

Via Download Squad

Javascript Unobstrusivo para Rails

Rails es un excelente framework, especialmente para construir aplicaciones AJAX, pero el Javascript que resulta de utilizar los helpers de serie de Rails es la manzana de la discordia para muchos. Unobtrusive Javascript for Rails pretende ayudar a solucionar eso.

Con UJS for Rails podrás:

  • Definir tus comportamientos usando selectores tipo CSS y Ruby
  • Usar los Helpers para Javascript y AJAX de forma no obstrusiva
  • Aplicar efectos de la librería script.aculo.us no obstrusivamente y con facilidad


UJS Rails Plugin:
http://www.ujs4rails.com/

Webmaster Libre es un blog de Alma Fernández y está publicado bajo licencia Creative Commons desde el año 2006

Agradecimientos especiales a WordPress y FamFamFam

Política de Privacidad | Condiciones de uso | Sitemap (XML)