Entradas

Mostrando entradas de abril, 2018

9 paquetes de iconos gratis para desarrolladores web

En este artículo, hemos recopilado 9 de los paquetes de iconos más fiables y pulidos que la web tiene para ofrecer. Los hemos separado en 3 categorías: íconos, SVG e íconos de CSS. Antes de llegar a los recursos, echemos un vistazo rápido a los pros y los contras de cada tipo: Fuentes de icono Las fuentes de iconos funcionan bien cuando se usa una gran cantidad de íconos con requisitos básicos de diseño. Son monocromáticos y se adaptan mejor a formas simples. Las fuentes de iconos son tratadas como texto por los navegadores, por lo que deberá normalizarlas para evitar problemas de suavizado de texto, y son compatibles con casi todos los navegadores. Iconos de SVG Scalable Vector Graphics (SVG) es un formato de gráficos vectoriales basado en XML que puede escalar a cualquier tamaño sin perder claridad. Se pueden mostrar mediante el uso de CSS, etiquetas de objetos, etiquetas de img o en línea directamente en su HTML. Los SVG son compatibles con los navegadores modernos, pero carecen de ...

Crear tabs o pestañas con css y jQuery

Imagen
Aquí una forma fácil de crear pestañas con css y jquery. Descargar aquí todos los ejemplos desde la web del autor: https://tutorialzine.com/2016/04/freebie-6-excellent-paginations-and-tabs Demo: https://demo.tutorialzine.com/2016/04/freebie-6-excellent-paginations-and-tabs/ ¡Como implementar las pestañas? 1.- Abrimos el archivo tabs-underlined.html o la plantilla que deseamos implementar. Copiamos todo lo que esta dentro de y lo pegamos en nuestro proyecto. Ejemplo: tabs-underlined.htm First tab Second tab Third tab Lorem ipsum dolor ist amet, consectetur adipiscing elit. Suspendisse molestie volutpat consectetur. Class aptent taciti sociosqu ad litora torquent per conubia nostra. Lorem ipsum dolor ist amet, consectetur adipiscing elit. Suspendisse molestie...