Una vez que ya ha salido Wordpress 2.5 y su primera actualización llega la hora de pensar en que es lo que traerá la futura versión 2.6. La verdad es que no hay nada excesivamente novedoso por ahora pero aún queda mucho tiempo.
Por ahora teneís disponible una versión de prueba del panel de control (Usuario: admin / Pass: demo) con acceso como administrador. También en Wordpress Expert han publicado una lista con los cambios que se han aplicado por ahora, además esta lista se irá actualizando con las ultimas novedades. Por ahora la lista esta de la siguiente forma:
- Posibilidad de mover el archivo
wp-config
- Soporte para Google Gears: ahora tenemos la posibilidad de escribir entradas y editarlas sin conexión, y cuando nos conectemos a internet automáticamente se sincronizará todo.
- IdentIcons: posibilidad de predefinir un avatar para los usuarios que no tenga configurado un Gravatar.
- Revisión de Entradas: Podremos convertir nuestro Wordpress en una especie de Wiki permitiendo que los usuarios hagan modificaciones en las entradas.
- Selección de varios post mediante Shift-Click: en la lista de entrada podremos hacer shif+click para seleccionar varios post tal y como sucede en los sistemas operativos con los archivos.
- Contador de palabras: se ha añadido en el panel de escritura un contador de palabras escritas.
- Bookmarklet: recordáis aquel enlace que nos daba wordpress para añadir a nuestros favoritos que al hacer clic en el nos permitía escribir una noticia con el texto seleccionado de forma automática. Pues ahora vuelve con nuevas funcionalidades.
Tras ver la lista de novedades me doy cuenta de que estoy totalmente de acuerdo con Armonth de Sight y es que relacionado con los blogs ya poco más se le puede añadir a Wordpress ahora se esta tendiendo a añadir cosas más generales y no tan enfocadas a lo que un blog es en sí.
22 de May de 2008 | Categoría:
DiseñoEs la primera vez que hago una imagen vectorial, pero, creo que me ha quedado bien. Todo comenzó a partir de esta entrada de Andres Nieto en la que un usuario le envió un dibujito bastante interesante. Me anime, y decidí intentar hacer algo parecido con una foto mía. ¿Que os parece?
PD: por el MSN me comentan que los labios me han quedado demasiado grandes y rojos, que debería de cambiarles el color y hacerlos más finos… 
19 de May de 2008 | Categoría:
DiseñoRealmente lo dudo, pero se trata de una forma muy creativa de ver algunos de los logos de las empresas más grandes. En Logólogos, un blog, recopilan varías formas de ver algunos logos bastante conocidos, como ya he dicho, una forma bastante curiosa de verlos.
Las ventajas de un menú superior desplegable es que nos permite ofrecerle al usuario una serie de accesos directos a los enlaces más importante de nuestra web de forma que no estén continuamente en pantalla si no que solo se desplieguen cuando el usuario desee.
Para hacer este menú hemos utilizado la librería jQuery, para conseguir ese efecto. Para aplicarlo en nuestra web tenemos que incluir el código Javascript y la llamada a la librería entre las etiquetas <head></head> de la siguiente forma:
<script type=
"text/javascript" src=
"jquery.js"></script> <!-- Libreria jQuery -->
<script type=
"text/javascript">
$
(document
).ready
(function(){
$(".btn-slide").click(function(){
$("#panel").slideToggle("slow");
$(this).toggleClass("active"); return false;
});
});
</script>
El código html quedaría de la siguiente forma:
<div id=
"panel">
<ul class=
"list">
<li><a href=
"#">Inicio
</a></li>
<li><a href=
"#">Contacto
</a></li>
<li><a href=
"#">Portafolio
</a></li>
<li><a href=
"#">Sobre...
</a></li>
<li><a href=
"#">Ayuda
</a></li>
<li class=
"buscar"><input value=
"Buscar" /
></li>
</ul>
<div class=
"clear"></div>
</div>
<p class="slide"><a href="#" class="btn-slide">Menú</a></p>
Y por último necesitamos darle estilo mediante CSS quedando de la siguiente forma:
#panel {
background: #CCC093;
height: 50px;
display:
none;
}
.slide {
margin:
0;
padding:
0 0 0 5px;
border-top:
solid 4px #825948;
height: 40px;
}
.btn-slide {
float:
left;
background: #825948
url(white-arrow.gif
) no-repeat right -50px;
text-align:
center;
width: 144px;
height: 31px;
padding: 10px 10px
0 0;
margin:
0 auto;
display:
block;
font:
bold 120%/
100% Arial, Helvetica,
sans-serif;
color: #fff;
text-decoration:
none;
}
.active {
background-position:
right 12px;
}
ul.list {margin: 0px; padding: 16px 0px 0px 10px; list-style: none;}
ul.list li {float: left; width: auto;}
ul.list a {text-decoration: none; background: #453027; margin: 5px; padding: 4px;}
ul.list a:hover {text-decoration: none; background: #825948;}
ul.list li.buscar {float: right; margin-right: 5px;}
ul.list li.buscar input {background-color: #453027; border: 0px; color: #CCC093; font-size: 18px; margin: 0px; width: 300px;}
Si queréis ver un ejemplo de como queda, tenéis esta página disponible. La librería jQuery la tenéis aquí.
El titulo no se si es lo suficientemente descriptivo como para entender el contenido de esta entrada, pero, básicamente, lo que vamos a hacer es que mientras que los vídeos de nuestra web cargan se muestre una imagen indicando que el vídeo esta cargando.
Todo ello usando solamente CSS. La técnica es sencilla, consiste en darle estilo al div del vídeo para que muestre una imagen de fondo, una vez que el vídeo cargue, la imagen quedará en el fondo y conseguiremos ese efecto de imagen de carga que buscamos. El código CSS quedaría de la siguiente forma:
.video {
border: 20px solid #825948;
background: url(video-bg.gif) center no-repeat;
margin: auto;
background-color: #825948;
height: 355px;
width: 425px;
}
Por supuesto el código anterior es personalizable, yo además a añadido un borde y lo he alineado al centro, pero cada uno lo puede personalizar a su gusto.
El código Html sería algo así:
<div class=
"video"><object classid=
"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width=
"425" height=
"355" codebase=
"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name=
"wmode" value=
"transparent" /><param name=
"src" value=
"http://www.youtube.com/v/KA2B5X0LhMY&hl=en" /><embed type=
"application/x-shockwave-flash" width=
"425" height=
"355" src=
"http://www.youtube.com/v/KA2B5X0LhMY&hl=en" wmode=
"transparent"></embed></object></div>
Podeís ver un ejemplo de como queda el código o descargar la imagen que he usado en el ejemplo.
16 de May de 2008 | Categoría:
Diseño
Google nos sorprende hoy con un logo bastante friki. Se trata de un logo para conmemorar el 48 aniversario del laser desde su invención que se registró el 16 de Mayo de 1960 por Charles Hard Townes y Arthur Leonard Schawlow.
Vía | tiki-o-rama
Imaset es un plugin para Wordpress que permite añadir diferentes efectos a las imágenes directamente desde Wordpress sin tener que usar ningún editor de imagen, simplemente desde una interfaz web que se integra comletamente con nuestra instalación de Wordpress.
Entra las novedades que trae esta versión se encuentra la compatibilidad con la última versión de Wordpress, la 2.5.1, mejoras con la compatibilidad con PNG transparentes y su previsualización y además dos nuevos efectos disponibles. Ahora la lista de efectos aplicables se amplia y queda de la siguiente forma:
- Sombra
- Marco
- Reflejo
- Reflejo3D
- Brillo
- Perspectiva
- Glossy
- Invertir colores
- Colorizar
- Desenfoque suave
- Desenfoque fuerte
- Desenfoque gaussiano
- Marca de Agua
- Redimensionar
La instalación del plugin es la típica, no necesita explición. Una vez activado veremos un nuevo botón en el panel de escritura que nos permitirá entrar al plugin Imaset donde podremos trabajar con el y aplicar los filtros que creamso oportunos.
Página del Plugin: Imaset 2.2.
Estamos ante una página realmente útil. QBrushes es una página reciente que recopila pinceles de muy buena calidad para Photoshop. Por ahora dispone de más de 35 paquetes de pinceles, todos ellos de mucha calidad. — [0].
11 de May de 2008 | Categoría:
GeneralLos Captcha son realmente útiles para evitar que los Spammers se registren o accedan a partes de nuestra web a las que no queremos que lleguen. Son esas típicas imágenes con unas letras que tenemos que copiar en un cuadro de texto.
RapidShare continuamente esta cambiando el suyo para evitar que los robots autocompleten su Captcha, lo último que se les ha ocurrido es añadir un Gato en las letras que debemos de copiar y cualquier otro animal, por ejemplo un perro, en las que no. Esto realmente lo convierte en un Captcha seguro, pero el problema es que muchas veces los usuarios se las ven y se las desean para adivinar lo que tienen que escribir.
Por eso ha surgido esta imagen que satiriza sobre las técnicas usadas por Rapidshare.
Vía | Microsiervos.
