Category

CSS

Category

Hoy les traigo ¿Cómo aplicar una regla CSS solo para Google Chrome? , no se si les ha pasado que están trabajando en un nuevo diseño , abren Mozilla Firefox y se ve perfecto, luego abres Google Chrome y ves que esa nueva implementación no funciona. Esta situación me sucedió el día de ayer tratando de configurar ngx-perfect-scrollbar, la cual muestra una barra de desplazamiento ( Scroll Bar ) al contenedor que se lo apliques,…

Buenas tardes, en esta oportunidad les raigo un tutorial de como animar nuestras rutas en Angular, y así darle mayor vistosidad a nuestra UI, manos a la obra: Lo primero que haremos sera crear nuestra app con el CLI de angular: Una vez creada nuestra aplicación procedemos a abrirla con nuestro editor de texto favorito, en mi caso WebStorm, nos dirigimos al app.module.ts e importamos el brwoserAnimationsModule de la siguiente manera: Luego de importado se…

Para instalar fontawesome 4.7 en angular y poder disfrutar de esta excelente librería de íconos en nuestros proyectos web, realizaremos los siguientes pasos : Paso 1 Instalamos los paquetes Paso 2 Importamos el modulo Paso 3 Importamos el archivo font-awesome.css en nuestro angular.json en la sección de estilos de la siguiente manera: Puedes descargar el código fuente de este ejemplo desde mi github aquí

He aquí un pequeño listado de CSS media queries para que utilices en tus proyectos web de acuerdo a la resolución de los dispositivos, y lograr que el contenido se ajuste a cada una de ellas. Sin más preámbulo aquí listado con las principales media queries: Espero que te sea de utilidad!