Skip to content
View haroldao's full-sized avatar
🎯
Design + Dev
🎯
Design + Dev

Organizations

@baggy-studio @Trafik-Plus

Block or report haroldao

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Please don't include any personal information such as legal names or email addresses. Maximum 100 characters, markdown supported. This note will be visible to only you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
haroldao/README.md

Hey, I'm Harold AO.


Hi there, my name is Harold AO.
I'm a 20-year-old french designer and developer specializing in Shopify DTC Brands. I'm also part of the Awwwards Young Jury Panel !
I work internationally with businesses and studios teams to bring ambitious visions to life.

Connect with me

⚡Connect with me

LinkedIN Badge website badge Instagram Badge

Pinned Loading

  1. CSS-Reset CSS-Reset Public

    This my personal CSS Reset File that I use for my projects. Feel free to use it !

    CSS 6

  2. darkroomengineering/lenis darkroomengineering/lenis Public

    How smooth scroll should be

    TypeScript 9.2k 388

  3. FAQ Accordion FAQ Accordion
    1
    FAQ Accordion
    2
    -------------
    3
    
                  
    4
    
                  
    5
    A [Pen](https://codepen.io/haroldao/pen/poRQwXO) by [Harold AO](https://codepen.io/haroldao) on [CodePen](https://codepen.io).
  4. check-isMobile.js check-isMobile.js
    1
    // check device
    2
    let isMobile = false;
    3
    
                  
    4
    if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
    5
        isMobile = true;
  5. Real Viewport (No more issues with t... Real Viewport (No more issues with the 100vh in mobile browsers)
    1
    /* Vh Calc */
    2
    // First we get the viewport height and we multiple it by 1% to get a value for a vh unit
    3
    let vh = window.innerHeight * 0.01;
    4
    // Then we set the value in the --vh custom property to the root of the document
    5
    document.documentElement.style.setProperty('--vh', `${vh}px`);
  6. checkBrowserVersion.js checkBrowserVersion.js
    1
    function checkBrowserVersion() {
    2
        var objappVersion = navigator.appVersion;
    3
        var objAgent = navigator.userAgent;
    4
        var objbrowserName = navigator.appName;
    5
        var objfullVersion = ''+parseFloat(navigator.appVersion);