Es fácil creerse que sólo con utilizar hojas de estilo en nuestros sitios web ya habremos optimizado sus tiempos de carga. A pesar de que, en principio, utilizar CSS aligera los sitios, una hoja de estilo llena de propiedades redundantes o espacios en blanco puede resultar excesivamente pesada.
Ante todo, nuestro CSS debe ser válido y para comprobarlo nada mejor que la herramienta que nos ofrece el W3C
Servicio de Validación de CSS: http://jigsaw.w3.org/css-validator/
Además de crear páginas con código válido, puede ser interesante optimizarlas para conseguir tiempos inferiores de carga. La optimización puede ser un proceso tedioso de hacer a mano y para ello existen gran número de herramientas online. Estas herramientas pueden optimizar tanto el código que lo vuelvan ilegible, por tanto, mi recomendación es que las uséis más como referencia y ayuda a la hora de hacer ajustes a mano.
Clean CSS
CSS Tweak
CSS Formatter and Optimiser
Online CSS Optimiser
CSS Optimizer
Y, como no hay hoja de estilos perfecta sin (x)html válido:
Servicio de Validación de Marcado: http://validator.w3.org/
Si te gustan las animaciones para precargas que usan generalmente las páginas creadas en AJAX y te encantaría poder crear los tuyos propios, completamente personalizados, sin complicarte demasiado, estoy segura de que le sacarás partido a Ajaxload.
Escoge un modelo, color de fondo y primer plano y listo 
Los gifs resultantes también pueden sernos muy útil si ponemos en práctica la técnica de precargas para imágenes con CSS que comentabamos el otro día.
Ajaxload: http://www.ajaxload.info/
Puede que los tipos de letra pixel terminen pasándose de moda, pero de momento siguen abundando por la red. Si, como a mi, te gustan este tipo de fuentes pequeñas, compactas y claras y quieres crear una tuya propia, te encantará BitFontMaker.
Con un interfaz sencillo y cuidado, la creación de tipografías es muy sencilla. Únicamente se echa de menos el soporte para caracteres como “¡”, “¿” o la “ñ”.
Enlace: BitFontMaker
Si necesitas ordenar algunos datos en un gráfico y no quieres complicarte demasiado la vida utilizando suites ofimáticas o programas especializados creo que encontrarás esta herramienta simplemente brillante.
Introduce los datos, selecciona colores, forma, fuente para las leyendas y con un par de clicks listo para descargar en formato png, jpg, svg, pdf, emf o eps
Un ejemplo rápido:
Si utilizáis, aunque no sea lo recomendado, gifs animados en vuestra página web deberíais utilizar esta herramienta para comprobar que la frecuencia de destello de los mismos no va a resultar molesta para los usuarios, con especial atención en los usuarios epilépticos.
Si quieres ir viendo como van quedando tus ideas para código HTML + CSS, prueba Rendr 2. Se trata de una práctica herramienta web que te permite ir viendo los resultados a medida que escribes, muy cómodo para experimentar esas grandes ideas espontáneas.
Sólo funciona con Firefox, para los usuarios de IE, además de la recomendación de cambiar de navegador, una versión algo más fea Rendr
Vía Rojo
Sitening, una empresa de SEO y desarrollo web, nos ofrece dos herramientas gratuitas para comprobar la optimización de nuestras páginas de cara a buscadores:
- Seo Analycer:
http://www.sitening.com/tools/seo-analyzer/
Con esta herramienta podremos pasarle un test rápido a nuestra página para comprobar que nuestro diseño facilita el acceso a ella de los buscadores.
Realizando una serie de pruebas, el Seo Analycer evaluará nuestra página y nos facilitará un reporte que podremos guardar en nuestros favoritos para analizar comodamente nuestra url cuando hagamos modificaciones.
Entre las pruebas que realiza me encanta la opción de visualizar la página en Lynx.
- SERP Tracker:
http://www.sitening.com/tools/serp-tracker/
Para utilizar SERP Tracker simplemente tendremos que registrarnos de forma gratuita y proveer al programa de una clave del API de Google (que es muy fácil retirar en caso de querer abandonar el servicio). Con esta clave, el tracker hará búsquedas a Google sobre los tags que queramos especificar en un dominio determinado y nos devolverá nuestro resultado, si existe, con gráficos.
Podemos hacer consultas por varias etiquetas y sólo nos limita el API de Google (1000 busquedas al día), agregar varios dominios al tracker, hacer la comprobación diariamente, semanalmente etc.
¿Alguna vez te has preguntado cómo ven tu sitio los robots de los buscadores?
Si es así esta herramienta te resultará muy útil, además de mostrarte el contenido de tu página como lo verán los buscadores te da información acerca de densidad de keywords, metadatos, enlaces, encabezados etc.
What search engine spiders see
El otro día comentábamos varios sistemas de estadísticas para instalar en tu servidor, hoy vamos a seguir con el tema de controlar nuestras visitas pero de una forma más simple aún: utilizando algunos servicios web gratuitos.
Para usar Google Analytics es necesario disponer de una invitación, puedes introducir tu correo electrónico en la página y, en cuanto haya sitio, recibirás tu invitación. Puede tardar un poco pero termina llegando.
Permite monitorizar más de un sitio desde la misma cuenta y se integra con AdWords
http://www.google.com/analytics/
Es un servicio bastante nuevo, ya hablamos de él hace un par de meses.
Podemos añadir múltiples sitios a una sola cuenta.
http://www.logdy.com/
Monitorizar varias cuentas, estadísticas avanzadas. Un servicio consolidado y muy extendido
http://www.statcounter.com/
Con Site Meter podrás mostrar un contador en tu sitio, dispones de varios modelos. Es un sistema muy sencillo y rápido.
http://www.sitemeter.com/
Seguro que alguna vez has visto uno de esos botoncitos de RSS o XHTML Válido, pequeñitos, con un tipo de letra pixel y generalmente dos colores. Algo así, vamos:
Si no quieres complicarte y hacer los tuyos propios siempre puedes ir “robandolos” por ahí, es más en Steal These Buttons alguien ha empezado a hacerlo para ti y ya va por los 3000+
Si quieres hacerte los tuyos pero sin complicarte, puedes optar por varias herramientas online como:
Button Maker: http://www.kalsey.com/tools/buttonmaker/
Website Buttons Maker: http://ekstreme.com/buttonmaker/index.php
Brilliant Button Maker:
http://www.lucazappa.com/brilliantMaker/buttonImage.php
Blogflux Button Maker: http://button.blogflux.com/
Button Maker Online: http://tools.dynamicdrive.com/button/
Pixel Button: http://www.pixelbutton.com/
Alojado en RedCoruna Hosting
¿Quieres hasta 6 meses de hosting gratis? Utiliza el cupón RCwebmasterlibre al contratar cualquier plan con RedCoruna - más información
El principal motivo por el que no recomiendo utilizar Smarty es porque el propio PHP tiene una sintaxis embebida, lo que permite utilizarlo sin más para escribir plantillas web.
Guerra Creativa es una comunidad para Creativos. Nosotros te proporcionamos el campo de batalla y el armamento para conquistar el mundo creativo. A través de concursos de diseño web y de logos, l…
Con este Ebook puedes tener un sitio web con hospedaje y domino gratis, ademas de un CMS gratis, no debes registrarte en nada, lo unico que debes hacer es luego de leerlo compartirlo, regalarlo, si…
Lista de 32 sitios para descargar imagenes gratis, es una recopilacion de no uno ni dos sino 32 Bancos de Imagenes
Post para aprender a descargar las conocidas librerías de Evermotion para diseñadores que trabajan con 3Ds Max.
¿Qué medidas de seguridad se tienen en cuenta en el momento de implementar una subida de archivos en PHP?
¡Hola!
El componente Auth del framework CakePHP guarda las páginas en la memoria cache de IE7 (o eso es lo que creo haber entendido).
Para que no lo haga, he añadido los campos Ca…
Theresa Neil realizó un extraordinario análisis de 12 diseños estándar de interfases web como parte de su libro Diseñando Interfases Web: Principios y pautas para la interacción
50 herramientas extremadamente útiles para PHP
Tendencias de diseño de botones de ”llamada a la acción”
Ver más noticias de los usuarios
