es.hideout-lastation.com
Paraíso Para Los Diseñadores Y Desarrolladores


Cómo verificar la compatibilidad del navegador a través de líneas de comando

Construir un sitio web tradicionalmente implica una variedad de tecnologías que pueden funcionar en todos los navegadores principales, algunos de ellos parcialmente o ninguno en absoluto. Los desarrolladores web en estos días siempre se referirían a CanIUse para verificar si cierta característica es compatible con un navegador o una de sus muchas versiones.

CanIUse realiza un seguimiento de la adopción del navegador de HTML estándar, CSS y SVG junto con sus referencias, el estado de las especificaciones del W3C y enlaces a los problemas y errores que se presentan en cada navegador (cuando esté disponible). Por ejemplo, podemos ver a continuación que Edge, Firefox y Opera Mini no son compatibles con CSS Reflection, y en los navegadores en los que es compatible, se requiere el prefijo del proveedor.

CanIUse es la herramienta de facto que registra la compatibilidad de las especificaciones web estándar en los navegadores de escritorio y dispositivos móviles.

Además de la versión de navegador a través de caniuse.com, CanIUse ahora también está disponible como una CLI (interfaz de línea de comando). También podremos extraer la resultante de CanIUse a través de Terminal o Símbolo del sistema. Si se encuentra tropezando mientras está en la Terminal a menudo, la CLI racionalizaría eficazmente su flujo de trabajo.

Los requisitos

Para implementar la línea de comandos CanIUse, primero necesitará instalar NodeJS y NPM.

Si ejecuta npm -v o el node -v devuelve el número de versión (como se muestra a continuación), está listo para implementar la CLI. De lo contrario, si devuelve el error "comando no encontrado", descargue el instalador NodeJS aquí. El instalador está disponible para Windows, OS X y Linux; seleccione el sistema operativo que está utilizando.

La CLI

La instalación de CanIUse CLI está a solo una línea de distancia. Abre Terminal o Símbolo del sistema y ejecuta el siguiente comando.

 npm install -g caniuse-cmd 

Este comando instala CLI globalmente, lo que permitirá que sea accesible a través de la ubicación en el sistema operativo. Una vez instalado, el caniuse línea de comando ahora debe estar disponible a su disposición. No hay una regla sobre cómo "buscar" a través de CLI. Simplemente busque de forma natural como lo haría en la versión web, por ejemplo, ejecutar "caniuse box shadow" devolverá la especificación CSS3 Box-shadow.

Tenga en cuenta que no necesitamos escapar del espacio para la consulta de palabras clave, que tradicionalmente tendríamos que hacer.

Básicamente, los resultados de la CLI coinciden con la versión web. Incluso si se realiza una búsqueda con una palabra clave incompleta, por ejemplo, soc o sock, la búsqueda dará como resultado Web Socket en la parte superior, seguido de entradas relevantes.

CanIUse es un complemento perfecto para otras herramientas basadas en línea de comandos, como Gulp, Grunt, y es una herramienta práctica y completa que podría impulsar su flujo de trabajo con el tiempo. Ahora no tiene que abandonar su terminal para verificar la compatibilidad del navegador con HTML, CSS y SVG.

Crear divertidos botones de radio animados con Radiobox.css

Crear divertidos botones de radio animados con Radiobox.css

Los botones de radio HTML5 predeterminados son bastante aburridos. Hay formas de personalizarlos con CSS3, pero la mayoría de las técnicas se centran solo en el aspecto .Radiobox.css se enfoca en apariencia y estilo agregando animaciones CSS3 personalizadas a las entradas de radio.Esta biblioteca es totalmente gratuita y de código abierto, disponible en GitHub para descargar. C

(Consejos de tecnología y diseño)