Como crear una sección de ??Acerca del autor? en WordPress

Como ya os he comentado en el blog nos hemos embarcado en un nuevo proyecto. En esta nueva página quería darle un toque más personal a los post individuales, cosa que no descarto hacer también en este. Siempre me ha gustado la sección que tienen algunos blog en el muestran la biografía del autor y un pequeño avatar. En general lo os voy a enseñar es como poner un sección muy original de Acerca del autor. La información la he sacado este post de El Webmaster, aunque he adaptado el CSS a mi gusto. Rellenar la información necesaria Primero debemos de rellenar en nuestro perfil de WordPress la sección “Acerca de ti” que la podréis encontrar en Usuarios -> Tu […]

Redirección 301 en varios lenguajes

En alguna ocasión os he hablado sobre qué es la redirección 301 y lo que nos ayuda a nuestra labor de SEO. Aunque ya comentamos hace unos meses como hacer esta redirección en C#. En gloobs han publicado la forma de hacer una 301 en distintos lenguajes: Redirección 301 con PHP <? Header( “HTTP/1.1 301 Moved Permanently” ); Header( “Location: http://www.nueva-direccion.com” ); ?> Redirección 301 con ASP <% Response.Status=”301 Moved Permanently” Response.AddHeader “Location”, “http://www.nueva-direccion.com” %> Redirección 301 con ColdFusion <CFHEADER statuscode=”301″ statustext=”Moved Permanently”> <CFHEADER name=”Location” value=” http://www.nueva-direccion.com “> Redirección 301 con Perl #!/usr/bin/perl -w use strict; print “Status: 301 Moved Permanantly\n”; print “Location: http://www.nueva-direccion.com\n\n”; exit;

Páginas 404

Para los pocos que no lo sepan el error de http 404 significa que la página a la que se está accediendo ha sido movida o eliminada. Como veréis es una página bastante importante, ya que nos sirve para informar a nuestros usuarios. Esta página es editable y personalizable. ¿Cómo hacerlo en entornos GNU/Linux? He encontrado este pequeño manual de Spam Loco, no es que lo hayan simplificado es que es así de simple. En nuestro archivo .htaccess debemos de añadir la siguiente línea: ErrorDocument 404 ./error.php Con ella lo que decimos es que si se produce un error 404, nos muestre la página error.php ¿Cómo hacerlo en una aplicación web en .Net? No es ni mucho menos más difícil, […]

Demo con las capacidades de HTML5

Si alguien aún duda de las maravillas que se pueden hacer con HTML5, os dejo una presentación donde se muestran muchas de sus grandes bondades. Requiere de las últimas versiones de los navegadores para que podáis visualizarla correctamente: PRESENTACI?N HTML5 Fuente

Redimensionar las columnas de una tabla

Hoy día ver una tabla estática y simple en una web resulta un poco soso (ya nos hemos acostumbrado a nuevas y mejoradas tecnologías), así que si queremos darle un poco de vidilla a nuestras tablas de forma que podamos redimensionar la anchura de sus columnas en Ubuntu Life nos presentan jquery.grid.columnSizing, un plugin para JQuery con el que mediante un simple clic y arrastrar nos hará esa tarea. La forma de usarlo es descargar e importar las librerias js necesarias [html]<script type="text/javascript" src="jquery-1.1.3.1.pack.js"></script> <script type="text/javascript" src="jquery.dimensions.pack.js"></script> <script type="text/javascript" src="jquery.cookies.pack.js"></script> <script type="text/javascript" src="jquery.iutil.pack.js"></script> <script type="text/javascript" src="jquery.idrag.js"></script> <script type="text/javascript" src="jquery.grid.columnSizing.js"></script>[/html] Y luego incluir la llamada correspondiente para tu tabla, por ejemplo: [jscript]$("table") .eq(0) .columnSizing({ viewResize : false, viewGhost : false, selectCells […]

El tamaño sí importa

¡Qué no te engañen! Por mucho que digan, el tamaño sí que importa. Así que os dejo algunos trucos y consejos. Vistos en Mundo geek: El tamaño es muy importante, al menos a la hora de crear una página web: cuanto menos ocupen los archivos que componen nuestra web, menos tiempo tardará en descargarlos el usuario y menos ancho de banda consumiremos. Veamos algunos métodos para ahorrar algunos kilobytes en nuestras imágenes, hojas de estilo o scripts. Reducir el tamaño de los PNG ?ltimamente, y para imágenes muy vistas, como el logo de la página, suelo utilizar este método que descubrí en su día en las recomendaciones sobre imágenes de la Wikipedia. Necesitarás las herramientas PNGOUT, OptiPNG, DeflOpt y AdvDef: […]

Bug en Internet Explorer 7 y 8 con gif animados

En un proyecto que he realizado recientemente, he necesitado poner la típica imagen de “Cargando” mientras se realizaba una carga. El proceso es bastante simple. Sólo debes de poner un div oculto por defecto y mediante javascript muestras la capa, en dicha capa tenía un gif animado con una barra que se llena. Lo que ocurre es que en todos los navegadores basados en FireFox funciona a la perfección pero ¿cual es mi sorpresa al usarlo en Internet Explorer 7 y 8? Una vez más no funciona. La razón que IE no anima un gif una vez se está enviando un formulario. Después, de mucho guglear encuentro este post de Geek Rider. Os dejo el código de C# (C sharp) […]