Skip to content

Beautiful VueJS Responsive Personal Web with Dark Mode Feature & WebAnimations. Here, i also create a staging web for exploration & testing before deploy the changes to the live site -> https://staging.chenfrederick.com

Notifications You must be signed in to change notification settings

Frederick-88/vue-personal-web-2021

Repository files navigation

vue-responsive-personal-web-2021


References :

  • Sections :
  1. Profile

  2. My Portofolio - Recent Works

  1. Experience - Awesome Journey, reference :
  1. My Intro - About Me
  1. Skills - Specialization
  1. Let's get connected & ending

  1. Dark Mode, reference :
  1. Gradient & Color Palette, reference :
  1. Setups :
  1. Design :
  1. Carousel :
  1. SEO :
  1. Subdomain Configuration Reference :

Web Performance Improvements Useful Link / References :


Web Performance Methods Done in The Process :

  • Decrease the Usage / Dependence on Plugins or Third Party Libraries that are not mandatary or necessary ✔️
  • Lazy Loadings of Image ✔️
  • Lazy Loadings of Vue Component ✔️
  • Optimize/Compress Images ✔️
  • Minify CSS by Removing Repetitive CSS or Unused CSS ✔️
  • Serve images in new gen formats (webp) + reduce size of image. Since for mobile they also dont need a big or HD image ( 1920 x 1080 ) ✔️
  • If dont want to use webp, rather than use png, can use jpg images since most of jpg filesize are smaller ✔️
  • Remove Unused Code Sections on Files (Minification)
  • Chunks Code-Splitting

About

Beautiful VueJS Responsive Personal Web with Dark Mode Feature & WebAnimations. Here, i also create a staging web for exploration & testing before deploy the changes to the live site -> https://staging.chenfrederick.com

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published