home.social
Sign in Create account

#learningdaily — Public Fediverse posts

Live and recent posts from across the Fediverse tagged #learningdaily, aggregated by home.social.

  1. Téotime Pacreau @[email protected] ·

    #100DaysOfCode : #HTML #CSS

    #Day12 : Card Hover Reveal

    Online demo :
    teotimepacreau.github.io/Card-

    Source Code : github.com/teotimepacreau/Card

    Project goals :
    - div overlay up to 100% on hover with transition cubic-bezier
    - transform: scale() in order to create the zoom effect
    - z-index in order to put lettering above

    #WebDev #Frontend #WebDesign #CodingChallenge #Javascript #LearnToCode #CodingDay #FrontendDevelopment #WebDevelopment #UIDesign #UITrend #CodingChallenge #LearnCode #LearningDaily

    #learningdaily #learncode #uitrend #uidesign #webdevelopment #frontenddevelopment
  2. Téotime Pacreau @[email protected] ·

    #100DaysOfCode : #HTML #CSS

    #Day11 : View Transitions API for MPA

    Online demo :
    teotimepacreau.github.io/View-

    Source Code : github.com/teotimepacreau/View

    Project goals :
    - HTML meta tags on both pages to unlock transitions API without JS
    - Transition composed by opacity, left and transform scale

    #WebDev #Frontend #WebDesign #CodingChallenge #Javascript #LearnToCode #CodingDay #FrontendDevelopment #WebDevelopment #UIDesign #UITrend #CodingChallenge #LearnCode #LearningDaily #ViewTransitionsAPI

    #learningdaily #learncode #uitrend #uidesign #webdevelopment #frontenddevelopment
  3. Téotime Pacreau @[email protected] ·

    #100DaysOfCode : #HTML #CSS #VanillaJS

    #Day10 : View Transitions API

    Online demo :
    teotimepacreau.github.io/View-

    Source Code : github.com/teotimepacreau/View

    Project goal :
    - View Transitions API experimentation : understanding principle of implementation with VanillaJS .startViewTransition and DOMChanges activator

    #WebDev #Frontend #WebDesign #CodingChallenge #Javascript #FrontendDevelopment #WebDevelopment #UIDesign #UITrend #CodingChallenge #LearnCode #LearningDaily #ViewTransitionsAPI

    #learningdaily #learncode #uitrend #uidesign #webdevelopment #frontenddevelopment
  4. Téotime Pacreau @[email protected] ·

    #100DaysOfCode : #HTML #CSS #VanillaJS seulement !

    #Day1 : Création de cartes extensibles pour contenir des images dynamiquement

    Le projet est à retrouver sur : teotimepacreau.github.io/Expan

    Code source : github.com/teotimepacreau/Expa

    - handle images with object-fit: cover
    - Vanilla JS eventListener, loops, class and attributes handling, create/remove DOM elements

    #WebDev #Frontend #WebDesign #CodingChallenge #Javascript #LearnToCode #CodingDay #LearningDaily #FrontendDevelopment #WebDevelopment

    #learningdaily #codingday #learntocode #javascript #codingchallenge #webdesign
  5. Anton Newcombe @[email protected] ·

    “To help some of the newcomers make connections: name 5-7 things that interest you but aren't in your profile:
    #CreatingCulture
    #LearningDaily
    #MindExpansion
    #Love
    #Humanities
    youtube.com/watch?v=F2fwpw_6qG Manly P Hall - Reclaim The Mind
    #FindMe

    #creatingculture #learningdaily #mindexpansion #love #humanities #findme