Categories
CSS Quiz Seguridad XSS

Validación de datos – Solución

Continuando con la serie, ¿qué cosas se tienen que cumplir para que el siguiente código sea vulnerable a XSS?

php:

<?php
/* Evitar XSS a través de otros formatos */
header('Content-type: text/html; charset=utf-8;');

$color = '000';
if ( !empty($_GET['color']) ) {
        $color = htmlentities(strip_tags($_GET['color']));
}

?>
<html>

<head>
        <title>Anti XSS Page :D</title>
        <style type="text/css">
        #demo {
                width: 100%;
                height: 50px;
                background: #<?php echo $color;  ?>;
        }
        </style>
</head>

<body>

<div id="demo">

</div>

</body>

</html>

Categories
.NET ASP.NET CSS

Controles Personalizados en ASP.NET – Parte 2

En la entrada anterior, vimos como extender el control TextBox (del .NET Framework) para restringir la entrada a sólo ciertos caracteres definidos en una expresión regular. Pues bien, en esta ocasión vamos a crear un control que ayudará a medir la popularidad de algún artículo o comentario.

Para la apariencia del control, tomé como base "CSS Star Rating", el cuál incluye una hoja de estilos y una imagen. Como ya había comentado en la entrada anterior, para hacer uso de estos elementos es necesario registrarlos y compilarlos, a continuación se muestra la forma de hacerlo:

Categories
Accesibilidad CSS Usabilidad

Soporte de CSS en clientes de correo

Es cierto que muchos de nosotros odiamos algunos mensajes en el correo electrónico, publicidad, ofertas, invitaciones a redes sociales (éstos están de moda) y un largo etcétera ya que generálmente éstos vienen en formato HTML, pero también es cierto que muchos diseñadores o programadores han tenido alguna vez que enviar cierto boletín o newsletter de la empresa en que trabajamos, y hemos tenido que golpearnos la cabeza contra el monitor para lograr que se vean bien en ciertos clientes de correo sean web o de escritorio.

En Campaign Monitor, nos presentan una Guía de Soporte de CSS en el correo electrónico; donde nos muestran que clientes (sean web o de escritorio) soportan elementos y propiedades que se relacionan con CSS, entre ellos:

  • Elemento <style>
  • Elemento <link>
  • Selectores CSS
  • Propiedades CSS

La guía muestra soporte para Windows y Mac OS utilizando diferentes clientes de correo web o de escritorio (valga la redundancia).

Supongo que desde ahora será mas agradable recibir correos electrónicos 😀

Enlaces

Categories
Accesibilidad CSS Diseño Usabilidad

Accessites.org: sitios bonitos, accesibles y usables

¿Quién dice que los sitios accesibles tienen que ser aburridos y sordidos? para desaparecer este mito Mike Cherim ha lanzado Accessites.org donde se reunen sitios que demuestran que la accesibilidad no es una cosa aburrida.

Categories
Artí­culos CSS Diseño Varios

Tema ‘delay’ para WordPress

Por fin publico el tema para WordPress, Alex le bautizó como 'delay' porque me demoré mucho en hacerlo, no por lo complejo sino por lo vago que soy jeje.

El tema 'delay' funciona en versiones de WordPress 2.x, para instalarlo sólo es necesario descomprimirlo dentro de la carpeta wp-content/themes

El tema está pensado para funcionar con los siguientes plugins pero son opcionales, las líneas están comentadas para que el tema funcione correctamente. Si deseas usarlos te dejo las direcciones:

Este tema está con licencia Atribución 2.0, el tema ha sido probado perféctamente en versiones 2.x de WordPress no me responsabilizo por fallas ni mal uso del tema.

Archivos