15 snippets CSS muy útiles para mostrar líneas de tiempo

Wednesday, 6 June 2018

Compárteme en:

Recuerde todas esas carteras personales que presentan a un artista de una manera única y agradable a la vista. Aquellos que respiran con modernidad y originalidad, instantáneamente capturan la atención y te hacen quedarte. Bueno, hoy vamos a recargar su kit de herramientas con algunos fragmentos de código excelentes, rápidos y limpios que enriquecerán su cartera personal con uno de los elementos integrales de dichos proyectos: una línea de tiempo dinámica y cautivadora.

En realidad, si profundizas en cualquiera de estos proyectos, verás que no hay nada sobrenatural o extraordinario. La mayoría tiene la misma estructura básica de 4/5 páginas y jerarquía de información estándar (que incluye bio, servicios, cartera y contactos). Lo que realmente hace la diferencia es un enfoque individual y creativo para cada sección.

Como regla general, implica mejorar cada parte integral a través de algunas técnicas y trucos más recientes para que se vea interesante, cautivadora e incluso entretenida. Los gráficos circulares dinámicos que demuestran habilidades, los formularios de contacto totalmente ilustrados, los mapas de Google reinventados con características adicionales, las barras de desplazamiento animadas y los plazos de respuesta son las opciones más populares. Contribuyen en gran medida a la sensación general y crean una primera impresión duradera que es tan vital en una lucha para clientes potenciales.

Lo bueno es que con algunos conocimientos básicos de HTML / CSS / JS también puede transformar cualquier cartera en línea aburrida y primitiva en una obra maestra. Incluso no tienes que desarrollarlo desde cero; la web ofrece un montón de cosas útiles. Si desea mostrar su experiencia o potencial de una manera visualmente atractiva, entonces debe echar un vistazo a las soluciones enumeradas a continuación simples pero viables para poblar su proyecto con una línea de tiempo. Hemos incluido líneas de tiempo verticales, líneas de tiempo horizontales, plazos de tiempo reactivos e incluso Bootstrap.