• Página 1 de 1
  • 1
Moderador del foro: ZorG  
Mira, estudia y utiliza
GUARAGUAO
Mensajes: 2362
Reputación: 81
Mensaje Nº 1 | 6:27 PM
Utilidades Online para Webmasters

XHTML & CSS

Servicio de Validación de CSS del W3C
» Es un servicio gratuito que comprueba que las Hojas de Estilo en Cascada respeten las Recomendaciones del W3C. En caso de no hacerlo te marca el error y la causa.
W3C Markup Validation Service
» Lo mismo que el anterior pero para XHTML.
CSS Formatter and Optimiser
» Te permite optimizar las hojas de estilo para que se carguen más rápido.
Accesible - Examinador
» Comprueba que una pagina web sea accesible. En caso de no serlo te marca los errores y sugiere una solución.
Links Rotos
» Comprobador de links (enlaces) rotos, tanto externos como internos.
Site Report Card
» Examina una web en busca de links rotos, errores en el HTML, metatags y tiempo de carga, entre otras cosas.
XHTML Character Entity Reference
» Mapa de caracteres especiales con su correspondiente codigo XHTML. Por ejemplo: © ©
Online CSS Optimazer
» Reduce el tamaño de nuestra hoja de estilos, esté online o desde nuestra computadora.
Key Code Tool
» Nos devuelve el valor de la tecla presionada. Muy útil si queremos hacer una web que cargue diferentes secciones de acuerdo a que tecla presionó el visitante.
• NUEVO! Metrics Market
» Hace un calculo aproximado de cuántas visitas recibió una web en un mes.

Codificadores & Decodificadores de Código

E-mail coder anti-spam
» Convierte las direcciones de mail (y cualquier otro texto) a sus respectivos códigos XHTML (interesante alternativa al XHTML Character Entity Reference).[/size]

NOTA: El CSS Formatter and Optimiser usándose en su mayor compresión puede servir para des/codificar las hojas de estilo.

Fuentes & Tipografias

WhatTheFont!?
» Subes una imagen con un texto y te dice cómo se llama el tipo de fuente que usaste.
IDentIfONt
» Te hace una serie de preguntas sobre la forma de los caracteres de una fuente y te dice cómo se llama.
dafont
» Directorio de fuentes gratuitas con la posibilidad de probarlas online con el texto que quieras.
Type Tester
» Nos permite comparar 3 fuentes diferentes. Se puede modificar el texto de ejemplo, el color de las fuentes, el color de fondo y el espaciado, entre otras opciones mas.

Imagen & Colores

Image Optimization Tool
» Optimizador online de imágenes GIF, JPG y PNG. Menor tamaño con la misma calidad.
Browser Shots
» Crea una screenshot de un sitio online (completo, de pies a cabeza) visto por diferentes navegadores. Lo único malo es que a veces puede tardar horas en darnos los screenshots.
Color Palette Generator
» Le das una imagen y te devuelve los 6 colores predominantes (la imagen tiene que estar online).
Color Palette Generator
» Le das una imagen y te devuelve los 9, 25 o 49 colores predominantes (tenes que subir la imagen desde tu maquina).
Colour Lovers
» Cuenta con una extensa base de paletas de colores para usar en nuestras webs.
Pixel Button, crea il tuo bottone
» Creador de botones como este:

Programas & Archivos

FILext - The File Extension Source
» Si ingresas una extensión en esta página, te dice qué tipo de archivo es y con qué programa puedes abrirlo.
OldVersion
» Página que recopila versiones viejas de software.

Traducción, Internacionalización

Language Codes
» Lista los 2 caracteres correspondientes a cada lenguaje según el ISO 639.
Country Codes
» Lista los 2 caracteres correspondientes a cada país según el ISO 3166.
Tradiüm
» Listado de idiomas del mundo según la norma ISO 639-1 traducidos al Español, Catalán, Inglés, Francés y Alemán.

Misceláneos

Internet Archive: WaybackMachine
» Nos permite visitar copias de paginas web viejas que ya no están en linea.
.htaccess Password Generator
» Nos crea el archivo .htpasswd el cual nos permite restringir el acceso a directorios o archivo a usuarios específicos.



P.S. Siéntanse libres de colaborar con la lista, pero por favor, para mantener la calidad (y por lo tanto utilidad) de la lista, solo recomienden links que usan con frecuencia y saben que están funcionando actualmente.
Las vírgenes tienen muchas navidades pero ninguna Nochebuena.
GUARAGUAO
Mensajes: 2362
Reputación: 81
Mensaje Nº 2 | 12:04 PM
Utilizando los perfiles de Firefox para mejorar la experiencia al navegar

Una de las opciones pocas utilizadas en Firefox son los perfiles, y no es algo complicado, sin embargo pocas personas lo aprovechan, si aprendes a manejarlos puedes mejorar en buena manera la experiencia al navegar y desarrollar.

Yo los uso desde hace varios meses y puedo decirles que me ha ayudado mucho cuando necesito desarrollar, o cuando necesito un navegador muy liviano en donde flash y todas las páginas sobrecargadas corran suavemente pues como sabrán con cada extensión que le instalamos al navegador el desempeño del mismo es menor y a veces baja drásticamente.

¿Qué son los perfiles?
Hablar de los perfiles en el navegador es como hablar de distintos usuarios en un sistema operativo en el que cada uno tiene diferente información personal almacenada, y en el caso de Firefox, distintas pestañas, configuraciones e incluso extensiones y temas.

Por eso la idea es que puedas crear distintos perfiles en donde solo tengas lo necesario según lo que quieras realizar, yo por ejemplo tengo un perfil que utilizo para desarrollo en donde solo tengo instalado Firebug, Colorzilla y Web Developer Toolbar, solo con esas tres extensiones puedo trabajar con un navegador muy liviano que abre y cierra casi de inmediato y en donde solo mantengo abiertas las pestañas que voy a utilizar para el trabajo.

Comparado con el otro perfil en donde mantengo abiertas 20 o 30 pestañas más extensiones para delicious, Google Gears, Gestores de descargas y 10 extensiones más, la diferencia se siente muchísimo, a veces es como trabajar con una computadora con 2GB de RAM y otra con 512MB.

Cómo activar los perfiles
Lo primero que hay que hacer es activar ésta opción agregando un nuevo perfil, ésto difiere según cada sistema operativo, Firefox debe estar cerrado y hay que ejecutarlo una sola vez de forma diferente:

Mac OS
En la Terminal ejecuta el siguiente comando

Quote
/Applications/Firefox.app/Contents/MacOS/firefox –ProfileManager

Windows
En el menú Inicio / Ejecutar

Quote
firefox.exe –ProfileManager

Linux
Desde la Terminal

Quote
folder/de/instalacion/firefox/firefox –ProfileManager

En cualquiera de los tres casos te aparecerá una ventana en donde puedes crear un nuevo perfil, si dejaste pestañas guardadas al cerrar el navegador no te preocupes porque no se perderán, todo permanecerá intacto, solo debes dar click en Crear Perfil y aparecerá un asistente muy sencillo de llenar, asegúrate que la opción que indica No preguntar al iniciar no esté seleccionada, esto sirve para que al iniciar Firefox tú puedas elegir el perfil que quieres.

Luego de creado ya puedes empezar a utilizar un navegador super liviano como cuando lo acabas de descargar escoje el nuevo perfil que creaste y te darás cuenta de lo rápido que se siente, recuerda que tal como un nuevo usuario en una computadora, todos los datos personales como usuarios o contraseñas no te aparecerán sino que debes ingresarlas de nuevo y almacenarlas en el navegador si eso quieres, todo es como iniciar de nuevo.

Juega un poco con los perfiles intercambiando entre ellos y verás que es una opción que puede aumentar la productividad, lo ideal es que siempre tengas uno con pocas o ninguna extensión instalada que te ayudará a ejectuar tareas de forma más rápida.

Si lo haces por favor comenta qué te pareció, si notaste diferencia o si utilizas alguna extensión para el manejo de ésta herramienta.


Las vírgenes tienen muchas navidades pero ninguna Nochebuena.
leohbep
Mensajes: 88
Reputación: 3
Mensaje Nº 3 | 4:24 PM
Gracias!!! mucho de estos enlaces me sirvieron! smile
www.BEPfanclub.com
  • Página 1 de 1
  • 1
Búscar: