1
Y otro icono más
Escrito por jesusrpeinado el jul 15, 2010 en Diseño
JesúsRPeinado, para DiarioDigital de la Universidad de Jaén.
Banners y Docencia Virtual
Imágenes diseñadas y codificadas por color para la página de inicio de Docencia Virtual en la Universidad de Jaén.
Diseñado por Jesús R Peinado
Iconos (I)
Iconos diseñados para el diario digital de la Universidad de Jaén.
Jesús R Peinado Vergara
Rediseños
Hay rediseños buenos y rediseños malos, e igual que nos hinchamos de ver y resaltar los malos, habrá que ser consecuente y resaltar los buenos. Este es el caso de la web personal de Ana Belén Domínguez o Ana Beleita, diseñadora y artista de Madrid con estilo e imaginación ilimitada. De entrada, primer acierto: pasamos del flash y lo quitamos de en medio. ¡Viva! Los demás resultados, podéis verlos por vosotros mismos.
¿Qué os parece?
Prevenir el Spam
Si pensamos en el spam que nos llega a través de los formularios, nos daremos cuenta de que la cantidad es enorme: formularios de contacto, comentarios, foros, etc. La inmensa mayoría de las veces, la solución para evitar este Spam es usar los famosos Captchas.
Captcha es el acrónimo de “Completely Automated Public Turing test to tell Computers and Humans Apart” (Prueba de Turing pública y automática para diferenciar máquinas y humanos). La típica prueba consiste en que el usuario introduzca un conjunto de caracteres que se muestran en una imagen distorsionada que aparece en pantalla. Y para que engañarnos, son un coñazo. Pero para diferenciar entre máquinas y humanos, y así evitar el spam masivo en un formulario web hay muchos otros métodos interesantes.
El primero de ellos basado en CSS; un robot no visualiza el codigo CSS, por lo que si colocamos un campo como “display: none” (es decir, ya no lo vemos) y nos llega una petición del formulario que haya rellenado el campo invisible, sabremos entonces que es un robot, y por tanto no aceptaremos la petición.
Ejemplo:
En el css:
.noshow { display:none; }
En el html
<label for=”leaveblank”>Leave this blank</label>
<input type=”text” id=”leaveblank” name=”leaveblank” /><br />
<label for=”dontchange”>Do not change this</label>
<input type=”text” value=”http://” id=”dontchange” name=”dontchange” />
//Si alguno de estos dos campos son modificados, sabremos que es un bot.
En el php:
if ($_POST['leaveblank'] == '' && $_POST['dontchange'] == 'http://') {
// accept form submission
}
También existe un método basado directamente en PHP, siguiendo el mismo modelo.
Ejemplo:
En el php:
// You can use the date() function to change field names periodically:
// For daily changes, use e.g.:
$code = date('Yz'); // Don't copy this 1:1 - adjust the date parameters. (Y:year. z:day of the year)
$html = "<input type='text' id='abc$code' name='abc$code' />\n";
if (!isset($_POST["abc$code"]) {
// reject form submission
}
Existe un método más basado en Bases de datos; que lo que hace es grabar la hora y día en que una ip envía un formulario, evitando que esa ip cargue dicho formulario más de una vez cada dos minutos. Esto evita que no entre en un ciclo de envíos incondicionales, que es al fin y al cabo lo que hace el spam.
Ejemplo:
En la base de datos:
CREATE TABLE `spam` (
`ip` int(10) unsigned default NULL,
`timestamp` timestamp NOT NULL,
KEY `ip` (`ip`));
En el php:
$ip = $_SERVER['REMOTE_ADDR'];
// when you reject a form submission:
mysql_query("INSERT INTO `spam` SET `ip`=INET_ATON('$ip');");
// whenever somebody opens the page:
mysql_query("SELECT `timestamp` FROM `spam` WHERE ip=INET_ATON('$ip') ORDER BY `timestamp` DESC LIMIT 1;");
if (time() - $timestamp < 120) { // 2 minutes
// display error message: try again in 2 minutes
}
else {
// display HTML form
}
Estos tres métodos son sencillísimos de aplicar y muy útiles.
Si aplicáis alguno, ¡contadme que tal va!
Tres nuevos SEO-factor
Según se desprende de los últimos movimientos de Google y de las entrevistas que los ingenieros principales han ido ofreciendo, Google Caffeine (nuevo algoritmo de indexación que se comenzará a usar en 2010) va a ir orientado sin lugar a dudas a medir la relevancia según tres principios:
- El tiempo de carga
- Los enlaces que nos llegan desde redes sociales
- Tiempo de permanencia
SpeedChecker
¿Y como medimos esto? Parece ser que Google desea, entre otras cosas, economizar y conseguir una red más rápida, más cuidada y dar prioridad a páginas sencillas. Por ejemplo, y centrándome en mis proyectos, he realizado una prueba usando un Speed Checker, cortesía de SelfSeo:
| 1 | www.dsong.es | 59.24 KB | 1.74 seconds | |
|
|
||||
| 2 | www.jesusr.es | 34.78 KB | 3.11 seconds | |
|
|
||||
| 3 | www.dospoetas.jesusr.es | 49.35 KB | 2.91 seconds | |
|
|
||||
| 4 | www.enelnombredetux.com | 3.45 KB | 0.95 seconds | |
Como podéis imaginar aquí priman varias cosas: velocidad de respuesta de nuestro servidor, configuración de nuestras bases de datos y cachés, y sobre todo, la forma en que nuestra página y nuestros recursos gráficos han sido preparados y cuidados para que su peso sea reducido. (Por cierto, esos datos son tremendamente buenos, sobre todo para dsong.es , que sí es una página muy amplia en cuanto a contenido, y cuyo peso ha sido un tema muy discutido por los administradores).
WebWait
Además, y en la misma línea, me entero de otra aplicación para calcular los tiempos de carga y espera de nuestras páginas web, pero en este caso nos permite simular varias cargas consecutivas para ver la media de espera. Esta aplicación se llama WebWait, y te permite configurar el numero de llamadas y el intervalo entre una y otra.
Load times from WebWait.com
| URL | No. Trials | Average | Median | StdDev | |
|---|---|---|---|---|---|
| http://www.dsong.es | 10 | 3.51 | 2.96 | 1.49 |
Más
|
www.dsong.es
|
10▲ | 3.51 | 2.96 | 1.49 | |||||||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||||||||||
Web Page Speed Report
Para terminar, me encuentro con una aplicación online más, que nos permite estudiar a fondo nuestra página, realizando un análisis completo de los objetos que aparecen y que tenemos en la raiz, incluyendo el tamaño del CSS o de los objetos media. La aplicación en cuestión, también gratuita, se llama Web Page Speed Report, y tambien incluye una pequeña sección de recomendaciones adaptadas a nuestro caso al final del informe.
En definitiva, unas buenas opciones a la hora de estudiar el rendimiento de nuestros servidores y su posible incidencia en los próximos cambios que tendrá Google.
Manualidades Geek
Con la moda geek, todo se empieza a contagiar… hasta las manualidades de fieltro y punto de cruz.
Cambios de look
El proyecto de Dos Poetas cambia de look y se moderniza mediante nuevo theme.
Aparte comentaros, por si no os habéis fijado, que mi Favicon ha cambiado, pasando a ser una estrella de plata (la misma que aparece en la cabecera, claro está).
Light Painting
Escrito por jesusrpeinado el ene 14, 2009 en Diseño, Fotografía
Hacia principios de verano del año pasado cayó en mis manos el número de Septiembre de 2008 de National Geographic España, y hubo algo que me sorprendió bastante. El artículo principal de la revista, titulado “Los secretos de Stonehenge” y al que se dedicaba la portada, afirmaba haber captado escenas de Stonehenge de una forma única.
Al principio tal atrevimiento me sorprendió muchisimo, demasiado osado… hasta que vi las fotos. El juego de fotografías tenía la particularidad de haber sido tomado de noche y usando una técnica muy curiosa. Consistía en que el fotografo, dejando un tiempo de exposición largo (ésto es, quedará registrado todo lo que la cámara capte en ese tiempo que pueden ser incluso minutos), da pinceladas de luz ya sea con un foco, linterna, movil, luz tenue o lo que se desee. En el caso de Stonehenge las fotos fueron tratadas con una luz cálida con la que fue dando pinceladas a la estructura de piedra, quedando auténticas obras de arte.
El propio autor de las fotografías, Ken Geiger, explica en National Geographic la metodología y el proceso de captación de las instantáneas en [1].
Hoy he leido que la técnica, llamada Light Painting es aplicada por distintos fotógrafos con resultados muy dispares. Entre ellos me sorprenden los resultados de Michael Bosanko o del grupo Lightmark, incluso algunos muy buenas pruebas de fotografos amateur.
Más | En Toxel
Más | En XatakaFoto
Redes
