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

Organizations

@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.

Maximum 250 characters. Please don't include any personal information such as legal names or email addresses. 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

I'm a 21-year-old French designer and developer specializing in Shopify DTC Brands. I'm also a member of the Awwwards Young Jury Panel!
I work internationally with businesses and studio 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

    Smooth scroll at it should be

    TypeScript 12k 484

  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);