Giter Club home page Giter Club logo

Hannah's Projects

-introduccion-css-ejercicio-06-frutas icon -introduccion-css-ejercicio-06-frutas

index.html debe tener: una lista desordenada con al menos 10 frutas. cada fruta debe tener un color que la represente (por ejemplo, manzana de color rojo, banana de color amarillo, kiwi de color verde).

-introduccion-css-ejercicio-07-paleta-de-colores icon -introduccion-css-ejercicio-07-paleta-de-colores

index.html debe tener: un título h1 que diga: Mis paletas 3 paletas de colores, que consisten en: un título h2 con el nombre de la paleta (por ejemplo: Moderna) una lista desordenada con 5 ítems cada ítem debe tener como texto código del color, en el sistema correspondiente (por ejemplo, si es blanco y está en hexadecimal #FFFFFF) Poner un tipografía distinta a la default. Dar a los títulos un tamaño de fuente distinto al default. Cada ítem debe de tener de color de fondo el color que representa (por ejemplo, si representa el color negro, tener de color de fondo dicho color). Tener en cuenta el contraste, si el color de fondo es muy oscuro, poner un color de letra claro, y viceversa. Los colores de la primera paleta deben estar en sistema hexadecimal, los de la segunda en sistema rgb y los de la tercera en sistema hsl.

-introduccion-css-ejercicio-08-termometro icon -introduccion-css-ejercicio-08-termometro

index.html debe tener: una lista desordenada con 10 ítems. la lista debe ir de Temperatura: 0°C a Temperatura: 50°C aumentando de a 5°C. poner las temperaturas extremas (0°C y 50°C) en negrita. dar a cada temperatura un color distinto, cambiando gradualmente, siendo el 0°C el color azul y 50°C el color rojo. Ver ejemplo.

-introduccion-css-ejercicio-09-cuenta-bancaria icon -introduccion-css-ejercicio-09-cuenta-bancaria

index.html debe tener: un título h1 que diga: Mi cuenta. un título h2 que diga: Últimos movimientos. agregar 5 movimientos, que deben tener: un título h3 con el nombre de la operación (por ejemplo Depósito, Transferencia, Pago a XXX, etc. un elemento p con la fecha de la operación. un elemento p con el monto de la operación, con un signo más (+) adelante si ingresó dinero o un signo menos (-) si salió dinero de la cuenta. Ejemplo: Mi cuenta Últimos movimientos Transferencia a Grace 01/05/2020 - $1000 Cobro de sueldo 01/05/2020 + $30000 Poner un tipografía distinta a la default. Dar a los títulos un tamaño de fuente distinto al default. Dar a la fecha un tamaño de letra más pequeña y un color gris claro. Si el monto es un ingreso, debe tener un color verde, si es una salida, debe tener un color verde.

ahorradas icon ahorradas

Proyecto grupal correspondiente a la cursada de desarrollo frontend en ADAITW

bebidas-pwa icon bebidas-pwa

Ejercicio práctico de aplicación de Context y PWA. Se puede instalar. Utiliaza API

box-model-ejercicio-03-banderas icon box-model-ejercicio-03-banderas

Creá 6 banderas, una debajo de la otra, usando divs Las banderas deben 300px de ancho y 200px de alto Las banderas deben estar separadas entre sí por un margen Las banderas deben estar centradas horizontalmente respecto a la pantalla Elegí banderas con franjas horizontales o verticales (por ejemplo Argentina, México, Francia, Alemania). Para las franjas usá divs también, por ejemplo: <div class="bandera-argentina"> <div class="franja-celeste"></div> <div class="franja-blanca"></div> <div class="franja-celeste"></div> </div>

box-model-ejercicio-03-barras-de-progreso icon box-model-ejercicio-03-barras-de-progreso

Creá 5 barras de progreso usando un div dentro de otro Las barras deben tener 500px de ancho y 30px de alto La barra de fondo debe tener un color y la que indica el progreso otro Poner los siguientes progresos en cada barra: 10%, 25%, 50%, 75%, 90% Agregale tanto a la barra contenedora como a la de progreso un border-radius de 100px Agregarle a la barra contenedora un padding de 3px

breaking-bad icon breaking-bad

Este proyecto trae frases de Breaking Bad desde una API

buscador-img icon buscador-img

Proyecto de buscador de imágenes desde el API de Pixaby.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.