The latest articles on DEV Community by Sam Howell (@samuelhowell). https://dev.to/samuelhowell https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F165604%2Fcbb8d1df-0b68-4d88-804c-99261df8bf64.jpg https://dev.to/samuelhowell en Sam Howell Wed, 26 Feb 2020 01:57:09 +0000 https://dev.to/samuelhowell/dynamic-show-content-on-scroll-fast-lightweight-script-39ab https://dev.to/samuelhowell/dynamic-show-content-on-scroll-fast-lightweight-script-39ab <p><iframe height="600" src="https://codepen.io/samuelhowell/embed/bGdgvLr?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen javascript lazyload Sam Howell Tue, 25 Feb 2020 07:17:49 +0000 https://dev.to/samuelhowell/fade-in-out-full-screen-nav-menu-4e6n https://dev.to/samuelhowell/fade-in-out-full-screen-nav-menu-4e6n <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--1J0zBCx3--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/gl2mrxlla995jjojx65f.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--1J0zBCx3--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/gl2mrxlla995jjojx65f.png"></a></p> <p>Minimal full screen navigation menu that fades in and out when toggled with click or esc key</p> <p><iframe height="600" src="https://codepen.io/samuelhowell/embed/NWqRjZw?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen menu javascript navigation Sam Howell Mon, 10 Feb 2020 03:02:37 +0000 https://dev.to/samuelhowell/website-portfolio-showcase-carousel-42jo https://dev.to/samuelhowell/website-portfolio-showcase-carousel-42jo <p> Portfolio showcase carousel with card-like layout and hover css effects</p> <p>Javascript adds div elements with random images from unsplash's API as the background-image via inline style. Parent/child div and inline style used for transform:scale effect</p> <p><iframe height="600" src="https://codepen.io/samuelhowell/embed/RwPNoqv?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen webdev javascript css