Giter Club home page Giter Club logo

pf-2023's Introduction

Google Lighthouse inspection

Tech: HTML, SCSS, Javascript, Typescript, uglify-js, dart-sass

Day 1:

  • Set TypeScript compiling configuration
  • Set Javascript minifying configuration
  • Set SCSS compiling configuation
  • Set automation script that is compiling process

Day 2:

  • Fix yesterday's scripts
  • Add Header
  • Add Intro
  • Add Carousel(1)

Day 3:

  • Fix Layout
  • Add Carousel's Intro
  • Add Carousel(2) (drag event)

Day 4:

  • Fix SCSS class fields
  • Delete Carousel drag event
  • Add Dual Carousel

Day 5:

  • Fix Carousel Layout
  • Add Carousel Hyperlinks
  • Add Header Buttons

Day 6:

  • Add Loading Component w/ Scroll lock/unlock
  • Deploy the prototype
  • Fix background offset & size
  • Add Carousel details
  • caching sessionStorage
  • Action for mobile environment

Day 7:

  • Fix action for mobile environment (w/ header, carousel)
  • Add Article section
  • Add about/project/article/blog/github button's link
  • Fix intro strings layout
  • Add Web accessibility attributes

Day 8:

  • Fix font-family
  • Add Skillset
  • Fix Layout(margin)
  • Fix copyrights
  • Add heading animation
  • Fix Font set

Day 9:

  • Refactoring CSS classes
  • Add Others section
  • Add Contact section
  • Add Contact animation
  • Add Footer section

Day 10:

  • Fix Font-family (Nanum => Ubuntu/IBM Flex)
  • Fix Contact section
  • Add Resume link
  • Fix footer style
  • Fix loading component
  • Add favicon

pf-2023's People

Stargazers

avatar

Watchers

avatar avatar

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.