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.
🎯
Design + Dev
- France
-
19:25
(UTC +02:00) - haroldao.com
- harold.ao
- https://behance.net/haroldao
Highlights
Pinned Loading
-
darkroomengineering/lenis
darkroomengineering/lenis PublicSmooth scroll at it should be
-
FAQ Accordion
FAQ Accordion 1FAQ Accordion
2-------------
345A [Pen](https://codepen.io/haroldao/pen/poRQwXO) by [Harold AO](https://codepen.io/haroldao) on [CodePen](https://codepen.io).
-
check-isMobile.js
check-isMobile.js 1// check device
2let isMobile = false;
34if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
5isMobile = true;
-
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
3let vh = window.innerHeight * 0.01;
4// Then we set the value in the --vh custom property to the root of the document
5document.documentElement.style.setProperty('--vh', `${vh}px`);
-
checkBrowserVersion.js
checkBrowserVersion.js 1function checkBrowserVersion() {
2var objappVersion = navigator.appVersion;
3var objAgent = navigator.userAgent;
4var objbrowserName = navigator.appName;
5var objfullVersion = ''+parseFloat(navigator.appVersion);
Something went wrong, please refresh the page to try again.
If the problem persists, check the GitHub status page or contact support.
If the problem persists, check the GitHub status page or contact support.