Creando un página de login con CSS3 y HTML5

Para el proyecto de esta semana crearemos una página de login o entrada a una aplicación web, utilizamos keyframes para crear una animación a cada uno de los elementos dentro del formulario web, adicional utilizamos google fonts, bootstrap y font-awesome.

Para el desarrollo del todo el proyecto solo utilizamos HTML5 y CSS3, para las animaciones los keyframes funcionan muy bien y nos permiten crear proyectos web con un estilo muy profesional.   

Les dejo los pasos del proyecto y más abajo el enlace del video en Youtube si les interesa conocer como desarrollar el proyecto desde cero.

Paso #1: Estructura HTML5

Lenguajes de etiquetas, CSS de Bootstrap y iconos de FontAwesome.

Paso #2: Creación de estilos con lenguaje CSS3

Uso de Display: Flex para la los ajustes en la estructura, animación con Keyframes y uso de lenguaje CSS3 para los colores, bordes y demás detalles importantes.

Puede unirte a nuestro grupo de Meetup styleLeading donde hacemos proyectos en vivo y conversamos sobre diseño y desarrollo de sitios web: https://www.meetup.com/es/STYLE-LEADING/

También puedes suscribirte al nuestro canal en youtube para recibir la notificación cuando tengamos nuevo contenido útil para mejorar habilidades con desarrollador Font-end, puedes utilizar el siguiente enlace:  Canal en Youtube

    No olvides visitar nuestro BLOG para ver más contenido interesante.  También puedes utilizar el siguiente formulario para recibir en tu correo electrónico el proyecto con sus archivos HTML y CSS, y así poder realizar las modificaciones necesarias y entender con más detalle el código utilizado.  

    Me despido como siempre, deseándote los mejor en tus proyectos.

    Compartir:

    Share on facebook
    Facebook
    Share on twitter
    Twitter
    Share on pinterest
    Pinterest
    Share on linkedin
    LinkedIn

    Redes Sociales

    Más Popular

    Get The Latest Updates

    Subscribe To Our Weekly Newsletter

    No spam, notifications only about new products, updates.

    Publicaciones Relacionadas

    Reto FrontEnd StyleLeading Panamá

    Reto FrontEnd de StyleLeading 06

    Reto Frontend de StyleLeading CSS + HTML Detalles del Evento y Formulario de Registro como Participante Reto FrontEnd de StyleLeading Fecha del Evento Jueves 21

    Reto FrontEnd StyleLeading Panamá

    Reto FrontEnd de StyleLeading #05

    Reto Frontend de StyleLeading CSS + HTML Detalles del Evento y Formulario de Registro como Participante Reto FrontEnd de StyleLeading Fecha del Evento Jueves 14

    Reto FrontEnd StyleLeading Panamá

    Reto FrontEnd de StyleLeading #04

    Reto Frontend de StyleLeading #4 Detalles del Evento y Formulario de Registro como Participante Reto FrontEnd de StyleLeading Fecha del Evento Jueves 07 enero de

    Reto FrontEnd StyleLeading Panamá

    Reto FrontEnd de StyleLeading #03

    Reto Frontend de StyleLeading Detalles del Evento y Formulario de Registro como Participante Fecha del Evento Jueves 10 dic: 7:30 p.m. – 08:30 p.m. Detalles