haroldao

Follow

🎯

Design + Dev

Harold AO haroldao

🎯

Design + Dev

Follow

| Creative Technologist (Dev + Design) | @Shopify Theme Partner | @awwwards Young Jury | Always Be Creative

165 followers · 307 following

Achievements

Achievements

Highlights

Developer Program Member

Organizations

haroldao/README.md

I'm a 22-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

Pinned Loading

CSS-Reset CSS-Reset Public

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

CSS 6
darkroomengineering/lenis darkroomengineering/lenis Public

Smooth scroll at it should be

TypeScript 13.5k 533

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

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;

Real Viewport (No more issues with t...

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

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