Salta al contingut principal

Herramientas que no te pueden faltar como desarrollador web

Herramientas que no te pueden faltar como desarrollador web


Existen miles de herramientas distintas sobre como mejorar una web o algunos parámetros de la misma, algunas que analizan aspectos técnicos, otras que analizan el SEO y lo social que es tu web y otras que te ayudan a mejorar tu diseño.


Puede que estas herramientas te muestren fallos o cosas que mejorar de tu web que ni te habías parado a pensar, como mil errores de validación, meta-tags mal hechas o en blanco, lo bien o mal que se adapta tu web a distintos tamaños de pantalla, la popularidad en las redes sociales… y hoy domingo os traigo un puñado de ellas para el que no tenga nada mejor que hacer (y gratuitas).



Woorank


Woorank es un servicio muy completo que en su versión gratuita puntúa tu web teniendo en cuenta 120+ valores (estimación de tráfico, paginas indexadas, backlinks, meta-tags, el SEO, tiempo de respuesta… en fin, lo que es completa).


Yo este servicio lo uso desde hace unos meses, la primera vez que lo usé me analizó un montón de cosas que debía mejorar (y he mejorado, ya que también te explican como hacerlo) y son cosas tan básicas que ni paramos a pensarlas.


GTmetrix


El servicio GTmetrix hace un análisis exhaustivo del grado de eficiencia de tu web en tema de velocidad, valorando varios factores y calificando su importancia como si de un electrodoméstico se tratase (A si está perfecto y F si afecta mucho a la velocidad de tu web).


Esta herramienta valora tanto la velocidad de descarga como la de ejecución, me ha sorprendido que analiza el código JavaScript y CSS para buscar fallos de eficiencia (por ejemplo, marca como muy ineficiente este tipo de códigos CSS : div.clase[atributo=%contiene%]).


Simply Testable


La herramienta Simply Testable mediante el sitemap.xml de tu web explora todas las páginas en búsqueda de errores de validación, falta de atributos alt, existencia del archivo robots.txt y unas cuantas cosas más.


La ventaja de esta herramienta ante la mayoría es que explora página por página en búsqueda de errores (y tras probarlo hoy mismo… creo que me va a tocar trabajar un poquito).


ScreenQueries


ScreenQueries es una herramienta que nos muestra la web que elijamos en distintos tamaños y proporciones de pantalla, siendo perfecto para probar nuestros Responsive Designs cómodamente, además de darnos la posibilidad de usar tamaños de móviles y tablets preestablecidos.


Esra herramienta trabaja con un <iframe>, por lo tanto podemos visualizar una página directamente desde localhost y personalmente me ha servido de ayuda cuando he creado algún diseño adaptativo.


Screaming Frog SEO Spider Tool


Esta herramienta no es online, pero tiene versión para Windows, Mac y Linux y analiza toda la web, página por página, imagen por imagen y letra por letra.


Nos da toda la información de cada página, como longitud de la descripción, numero de títulos (H1,H2…) los links que tiene cada página, información sobre las imágenes, vamos, lo que es una herramienta completita.


Resumen


Podríamos estar días comentado muchas más herramientas, pero he seleccionado unas pocas con funciones algo distintas, que seguro que a alguno hoy domingo le apetece probar, aunque os recomiendo que si nunca habéis usado una herramienta de estas no os asustéis, encuentran cosas que mejorar en todos lados (pero poco a poco las podéis ir mejorando) y espero que os sirvan de ayuda.


En Genbeta Dev | Herramientas imprescindibles para un desarrollador PHP y Herramientas imprescindibles para un desarrollador de .NET














via Genbetadev http://www.genbetadev.com/desarrollo-web/herramientas-que-no-te-pueden-faltar-como-desarrollador-web

Comentaris

Entrades populars d'aquest blog

15 Tutoriales CSS3 para mejorar tus paginas web

15 Tutoriales CSS3 para mejorar tus paginas web : Les dejo una pequeña recopilación de tutoriales CSS3 que espero sean de utilidad para ustedes, intentamos hacer una recopilación bastante completa para crear impresionantes diseños web con CSS3 y aprovechar las bondades de CSS3 incluso para aplicar efectos, son un total de 15 tutoriales CSS3 gratis . Crear menu dropdown con CSS3 Crear breadcrumbs con estilo Transiciones de paginas con CSS3 Crear timeline con CSS3 y jQuery Reproductor de video con HTML5, CSS3 y jQuery Crear efecto acordion CSS3 Aplicar degradado a texto Crear texto en curva con CSS3 y jQuery Aplicar textura a texto con Magic Pill Crear slider de imagenes con CSS3 y jQuery Rotar texto con CSS3 Crear menu vertical con CSS3 Crear formulario con HTML5 y CSS3 Crear efecto de imagenes apiladas con CSS3 Aplicar estilos para imagenes con CSS3  

Averiguar la Salud del Disco Duro, con Crystal Disk Info [Windows]

Averiguar la Salud del Disco Duro, con Crystal Disk Info [Windows] : El actual “cuello de botella” en nuestras PCs; es decir, donde todo el rendimiento de nuestra PC llega a estancarse , es en el Disco Duro. Si bien los procesadores han evolucionado considerablemente en velocidad / rendimiento, el RAM no sólo es más económico, sino más veloz, y las tarjetas de video siguen innovando con cada generación, los discos duros han permanecido idénticos desde hace años, limitados por la física. Y es que un disco duro tradicional sólo tiene un máximo de velocidad con el que puede girar (medido en revoluciones por minuto, o RPM) que, a su vez, limita la velocidad de lectura y escritura. En pocas palabras, a pesar de que nuestras PCs pueden procesar información mucho más rápido que hace 5 años, los discos duros siguen leyendo (y escribiendo) esta información prácticamente a la misma velocidad. Esto ha cambiado con la llegada de los SSD, los Discos de Estado Sólo que no están limitados por la velo...

Cómo programar add-ons en XBMC: Un add-on más completo

Este tutorial forma parte de la serie Cómo programar un add-on de XBMC Estamos a mitad de camino de este tutorial, pero ya tienes el conocimiento necesario para hacer un add-on bastante completo. Espero que a estas alturas ya te hayas convencido de que es algo relativamente sencillo sin necesidad de saber demasiado de programación. Y ya sabes cómo obtener datos de una página HTML usando expresiones regulares, que es lo más difícil. Así que antes de entrar en la recta final vamos construir un add-on paso a paso desde cero, con el objetivo de afianzar lo que has aprendido en las entregas anteriores y de paso divertirte un poco. Te aconsejo que elijas un sitio web que te guste como fuente de vídeos, para mí he elegido hacer un add-on completo que permita ver los vídeos de Disney Junior tanto en la web oficial como en YouTube. No se trata de un add-on demasiado complejo, como podrás comprobar enseguida, pero no va a desmerecer en nada a cualquiera de los que puedes encontrar publicados en...