Los locos también tienen blog » Diseño Web / Recursos http://www.loslocostambientienenblog.com Por pura diversión y por dejar constancia en la red de mis locuras, mi vida, mis inquietudes musicales, el cine, la tecnologí­a, mis sueños lucidos, y demás vicisitudes he decidido crear este Blog e ir vomitando lo que mi mente quiera arrojar fuera. Sun, 04 Jul 2010 12:27:11 +0000 es-es hourly 1 http://wordpress.org/?v=3.0 Texturas sin fisuras http://www.loslocostambientienenblog.com/texturas-sin-fisuras/ http://www.loslocostambientienenblog.com/texturas-sin-fisuras/#comments Tue, 17 Feb 2009 23:08:01 +0000 phill http://www.loslocostambientienenblog.com/?p=577 SeamlessTextures.net es una web que ofrece más de 55 texturas gratuitas ordenadas por categorías. Lo interesante de todo esto es que son texturas sin fisuras, es decir, que encajan perfectamente unas con otras creando un efecto de textura infinita.

Otras webs interesantes para añadir fondos, en este caso basados en patrones, a nuestros diseños web son:

  • squidfingers (a día de hoy lleva recopilados 183 patrones)
  • Ava7 (más de 980 patrones)

Entradas relacionadas:

]]> http://www.loslocostambientienenblog.com/texturas-sin-fisuras/feed/ 4 10 pasos para proteger tu blog wordpress http://www.loslocostambientienenblog.com/10-pasos-para-proteger-tu-blog-wordpress/ http://www.loslocostambientienenblog.com/10-pasos-para-proteger-tu-blog-wordpress/#comments Mon, 26 Jan 2009 22:51:03 +0000 phill http://www.loslocostambientienenblog.com/?p=529 Sergej Müller y Alex Frison explican, con un interesante artículo publicado en Smashing Magazine, 10 pasos que añadirán una buena dosis de seguridad a tu blog wordpress. [Inglés]

Entradas relacionadas:

]]> http://www.loslocostambientienenblog.com/10-pasos-para-proteger-tu-blog-wordpress/feed/ 5 15 themes de alta calidad para wordpress 2.7 http://www.loslocostambientienenblog.com/15-themes-de-alta-calidad-para-wordpress-27/ http://www.loslocostambientienenblog.com/15-themes-de-alta-calidad-para-wordpress-27/#comments Fri, 23 Jan 2009 13:56:51 +0000 phill http://www.loslocostambientienenblog.com/?p=523 15 Themes para WordPress

Noupe ha recopilado 15 impresionantes themes gratuitos para wordpress 2.7 a los que merece la peña echarles un vistazo.

Entradas relacionadas:

]]> http://www.loslocostambientienenblog.com/15-themes-de-alta-calidad-para-wordpress-27/feed/ 1 jQuery s3Slider, pequeño pero matón http://www.loslocostambientienenblog.com/jquery-s3slider-pequeno-pero-maton/ http://www.loslocostambientienenblog.com/jquery-s3slider-pequeno-pero-maton/#comments Thu, 15 Jan 2009 18:03:15 +0000 phill http://www.loslocostambientienenblog.com/?p=506 jQuery s3Slider es un plugin creado por Boban Karišik para realizar sliders de imágenes + texto, s3Slider apenas pesa 1,7kb en su versión comprimida y sus posibilidades son bastante amplias.

s3slider

s3Slider se distribuye desde la pagina del autor bajo una licencia Creative Commons Attribution 2.5.

Su funcionamiento ha sido comprobado en las siguientes versiones de navegadores:

  • Firefox 2.x (Win)
  • Firefox 3.0.3 (Win/Linux/Mac)
  • Opera 9.6 (Win/Linux)
  • Safari 3.0.3 (Win/Mac)
  • Internet Explorer 6 (Win)
  • Internet Explorer 7 (Win)
  • Google Chrome (Win)

Lo mejor es que veas una demostracion de su funcionamiento y, ya de paso, echale un ojo a su facilidad de integración.

Entradas relacionadas:

]]> http://www.loslocostambientienenblog.com/jquery-s3slider-pequeno-pero-maton/feed/ 3 Cómo acelerar y optimizar tu blog wordpress http://www.loslocostambientienenblog.com/como-acelerar-y-optimizar-tu-blog-wordpress/ http://www.loslocostambientienenblog.com/como-acelerar-y-optimizar-tu-blog-wordpress/#comments Sun, 12 Oct 2008 19:26:50 +0000 phill http://www.loslocostambientienenblog.com/?p=302 Hace escaso tiempo mi blog llegó a la portada de menéame, por aquel entonces yo no tenía previsto el hecho enfrentarme al famoso efecto menéame, este es un blog modesto y que no recibe demasiadas visitas. Cuando me di cuenta de que la noticia estaba en portada comenzaron los problemas, recuerdo que en apenas 10 minutos el blog era prácticamente inaccesible y tardaba demasiado en cargar, poco después, mi proveedor de hosting había suspendido la cuenta. La satisfacción que sentía con el hecho de verme en la portada de menéame se transformó, de buenas a primeras, en un buen puñado de mala leche que debía descargar contra algo o alguien. Tras un rápido intercambio de emails con el servicio de soporte, me indicaron que mi blog había causado una sobrecarga del servidor y que, por lo tanto, debían cancelar mi cuenta para no perjudicar a los otros propietarios de las webs que se alojaban en él. Parecía una respuesta razonable pero no adecuada, reconozco que mi blog no estaba optimizado para el efecto menéame: no usaba sistemas de cache y además tenía demasiadas consultas innecesarias a la base de datos. Aún así, el servicio de hosting por el que yo estaba pagando era deficiente, si tuviese que emplear una palabra para definir sus cualidades yo diría: overselling. Es imposible que una empresa de alojamiento web proporcione servicios de calidad cuando sobrevende sus productos. Reconozco que parte de la culpa es mía por haberme fiado de sus sorprendentes ofertas, de todas formas, en principio este blog no era para mí algo demasiado importante, solo quería experimentar y por ello, no veía inadecuado el pagar poco aunque me arriesgase a un servicio defectuoso.

La empresa de la que he hablado es: Hostony. Aunque mi blog se encuentra en un nuevo hosting, esta vez con una relación calidad precio adecuada, todavía conservo mi cuenta en hostony, la razón se debe a que poco antes de aquellos problemas había pagado mi cuota semestral, como yo no deseo regalarles mi dinero, esperare hasta poco antes de que llegue el próximo ciclo de pago y cerraré mi cuenta. Como la cuenta esta activa, me puedo permitir tomar pantallazos del estado del servidor (server status), este es de hoy mismo:

Pésimo...

Dejando de lado el tema de las empresas de hosting y el efecto menéame, vayamos al asunto que da título a esta entrada:

1 - Limpia tu theme:

La mayoría de los themes de wordpress traen un conjunto de consultas (querys) innecesarios a la base de datos, no es algo que sea intencionado, simplemente siguen el standard de diseño en base a los themes por defecto de wordpress. Todas esas consultas hacen que nuestro wordpress sea lento e ineficaz, la solución es eliminar aquellas que no aportan nada al funcionamiento de nuestro blog, así como transformar en estáticas las que no modifican ningún aspecto en concreto. Comencemos por la cabecera:

Header.php

En la cabecera se encuentran bastantes consultas superfluas que debemos eliminar convirtiéndolas en contenido estático. Algunos ejemplos, tomados del tema por defecto:

PLAIN TEXT
PHP:
  1. <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />

Podría ser:

PLAIN TEXT
PHP:
  1. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

Otra consulta que debemos eliminar es la que nos muestra la URL a nuesta hoja de estilos CSS:

PLAIN TEXT
PHP:
  1. <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />

Indicando la ruta evitamos esa consulta, quedaría así:

PLAIN TEXT
PHP:
  1. <link rel="stylesheet" href="URL de tu hoja de estilos" type="text/css" media="screen" />

También puedes:

  • Hacer la URL del pingback estática.
  • Hacer la URL de tu Feed estática.
  • Eliminar la consulta que indica la versión de tu WordPress.
  • Hacer el nombre de tu blog y la meta descripción estáticos.

De esta forma puedes eliminar hasta 11 consultas a la base de datos solamente en la cabecera y tu blog ira muchísimo más rápido.

Footer.php

En el pie de página también se encuentran diversas consultas que podemos transformar a contenido estático:

  • El nombre de tu blog
  • La URL del feed
  • La URL del feed de los comentarios

2 - Instala un sistema de cache:

Los sistemas de cache son la herramienta imprescindible para que tu blog sea rápido y liviano, su utilización disminuye la carga del servidor, así como el consumo de transferencia. Si quieres saber mejor como funciona un sistema de cache, y además, tienes curiosidad por saber cuál es el mejor de los existentes, debes leer este gran artículo que realizó Andrés Nieto (incorpora comparativas de los mejores sistemas de cache). Personalmente, yo utilizo 1 Blog Cacher y me va de maravilla.

3 - Comprime tu CSS:

Reduciendo los espacios en blanco de nuestra hoja de estilos, podemos incrementar la velocidad de nuestro blog, de esta forma el archivo CSS pesará mucho menos y su lectura por los navegadores será mucho más rápida. Para un diseñador la estructura del código es muy importante, resultaría complejo trabajar con una hoja de estilos comprimida, la falta de espacios haría imposible su orientación. Un método útil para solventar este problema, es tener una copia sin comprimir para poder trabajar con ella, y otra comprimida, que en este caso, sería la que subiríamos al servidor.

¿Cómo comprimo mi hoja de estilos? Para comprimir nuestro CSS existen diferentes utilidades en la red, una de ellas, y que funciona muy bien, es la que ha creado CSS Drive.

4 - Optimiza tus imágenes:

Las imágenes pesadas ralentizan mucho la carga del blog, además consumen ancho de banda en exceso. Debemos tratar de mantener una relación estrecha entre la calidad y el peso de la imagen. Por suerte, existen diferentes herramientas que nos pueden facilitar la tarea de optimizar nuestras imágenes, una de ellas es Online image optimizer.

Espero que este artículo te haya resultado de utilidad.

Entradas aleatorias:

]]> http://www.loslocostambientienenblog.com/como-acelerar-y-optimizar-tu-blog-wordpress/feed/ 19 332 links de ayuda para diseñadores web http://www.loslocostambientienenblog.com/332-links-de-ayuda-para-disenadores-web/ http://www.loslocostambientienenblog.com/332-links-de-ayuda-para-disenadores-web/#comments Tue, 27 Nov 2007 20:09:20 +0000 phill http://www.loslocostambientienenblog.com/332-links-de-ayuda-para-disenadores-web/ Por fin una recopilación excelente con nada más y nada menos que 332 links a recursos para diseñadores web perfectamente clasificados. Muy recomendable

332 helpful links for webdesigners

Entradas relacionadas:

]]> http://www.loslocostambientienenblog.com/332-links-de-ayuda-para-disenadores-web/feed/ 3