Algunas utilidades online que uso a diario

O sino a diario, casi.

www.caniuse.com
La que más utilizo. La uso para consultar el estado de soporte de propiedades css y usarlas o no según el target. Te indica el nivel de soporte de los navegadores, cuando es necesario utilizar prefijos y, si ordenas por fecha, desde cuando están soportadas. De esta forma, si una propiedad no es universal desde hace al menos 4 años (es difícil que un móvil aguante tanto) no la uso.
Si el target es un público más especializado, o de alto nivel, se puede ser más flexible. Ojo con Opera móvil, no acepta nada.

https://autoprefixer.github.io
Esta es la siguiente estación despues de pasar por la anterior. Puedes poner tus definiciones css y automaticamente les añade los prefijos webkit y moz necesarios. Porque no siempre es tan fácil como añadir -moz- a las propiedades, muchas veces tienen cambios de sintaxis específicos y con un copipaste del código te aseguras que se vea bien en el maximo de navegadores posible.

https://userstyles.org
Esta no es una pagina, sino una extensión para el navegador. Permite añadir una hoja de estilos personalizada que se superpone a la del dominio a la que la asignes. Puedes “corregir” el estilo de una pagina de forma que cada vez que entres se le aplicará, o probar una corrección de css sobre una página antes de introducirla en su .css

http://waifu2x.udp.jp
Esta no la uso practicamente, pero no deja de ser muy interesante tenerla a mano. Hay veces que no necesitamos una imagen, un logo habitualmente, en un tamaño más grande pero no disponemos de los archivos fuente. Esta página utiliza no se que algoritmos para doblar el tamaño minimizando el pixelado y los resultados son muchas veces sorprendentemente buenos y perfectamente utilizables.

https://codepen.io/pen/
Para probar código en tiempo real y de forma muy rápida, tres ventanas donde incluir html, css y js y una ventana de resultados donde comprobar las cosas al momento y de forma muy rápida.

Leave a Reply

Your email address will not be published. Required fields are marked *