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


Micon: una fuente de iconos de Windows 10 para diseñadores web

El rediseño de Windows 10 viene con muchas características nuevas y un aspecto completamente nuevo. Uno de los mayores cambios vino al estilo de icono, especialmente comparado con Windows 7 y XP.

Gracias al conjunto de Micon, ahora puede traer iconos de estilo Win10 directamente a su sitio web .

Este paquete de iconos viene como una fuente de icono y se lanza gratis a través de GitHub . El repositorio principal tiene la información de configuración, pero la página de inicio de Micon presenta todos los íconos en exhibición con sus nombres de clase apropiados.

La estructura del sitio web real sigue un formato similar a Font Awesome . Puede navegar por todos los iconos y hacer clic en cualquiera de ellos para obtener más detalles sobre una nueva página.

Por ejemplo, tome este ícono de carga de la batería que usa un diseño de batería y un pequeño enchufe de carga. Obtendrá una vista previa del icono en varios tamaños, junto con su clase de iconos CSS, en este caso mi-BatteryCharging10 .

Este conjunto de iconos también funciona de forma similar a Font Awesome, donde puedes insertar los iconos directamente en tu HTML . El fragmento de código para este icono de batería funciona de la misma manera:

Es muy fácil comenzar, con solo una copia de la hoja de estilo de CSS de Micon y algunos conocimientos básicos de desarrollo front-end .

Consulte la página de configuración para obtener más información. Realmente, solo necesita descargar una copia del paquete de Micon de GitHub e incluir esa hoja de estilo (junto con las fuentes de icono adecuadas) en su página. A partir de ahí, solo haga referencia a los nombres de las clases como se muestra arriba y estará listo.

Como este proyecto es de código abierto, puede usar estos iconos con cualquier proyecto, personal o comercial . E incluso puede crear su propio archivo siguiendo las instrucciones de compilación de Micon GitHub. De esta forma, puede empacar solo los iconos que desee en los archivos de fuentes y reducir el tamaño total del archivo.

En general, estoy realmente impresionado con la variedad de iconos y la configuración fácil . Puede encontrar muchos ejemplos en el sitio web e incluso iconos animados en la página de ejemplos que incluye fragmentos de código.

Estos iconos incluso funcionan bien con Bootstrap, por lo que puede combinarlo con el marco BS3 / BS4 para algunos diseños personalizados reales.

Descargue un copyright gratuito de la página de inicio de Micon y vea cómo puede trabajar con estos iconos de Windows 10 en su próximo diseño.

5 secretos de los diseñadores para lanzar su carrera profesional

5 secretos de los diseñadores para lanzar su carrera profesional

Freelancing es un viaje para cada uno de nosotros y aprendemos y crecemos a partir de los errores y errores que cometemos en el trabajo. Aprender de nuestros errores es un paso crucial en el camino hacia el éxito.Toma mi experiencia, por ejemplo. Hago trabajo independiente, solo buscando proyectos cuando necesito algo de dinero extra.

(Consejos de tecnología y diseño)

10 aplicaciones móviles gratuitas para ayudarte a aprender inglés más rápido

10 aplicaciones móviles gratuitas para ayudarte a aprender inglés más rápido

Aprender un idioma es una de las cosas más gratificantes que puedes hacer. Hay muchas maneras en que puede aprender o mejorar sus habilidades en un idioma en particular, desde asistir a clases hasta el autoaprendizaje . ¿Pero se ha dado cuenta de que también puede usar ese teléfono inteligente suyo para aprender idiomas realmente bien?Ya

(Consejos de tecnología y diseño)