Pens from George https://codepen.io/georgemarts/ en nospam@codepen.io Copyright 2024 2021-03-17T07:13:42-07:00 Practicing Lottie Player: How to Build a Day/Night Toggle Switcher (and Local Storage) https://codepen.io/georgemarts/pen/QWGVVyO https://codepen.io/georgemarts/pen/QWGVVyO George

See the Code - See it Full Page - See Details

]]>
Practicing Lottie Player: How to Build a Day/Night Toggle Switcher (and Local Storage) 2021-03-17T07:13:42-07:00
Practicing Lottie Player: How to Embed an Animated Hamburger Menu Into a Web Page https://codepen.io/georgemarts/pen/oNzroEq https://codepen.io/georgemarts/pen/oNzroEq George

See the Code - See it Full Page - See Details

[Read Tutorial](https://lottiefiles.com/blog/working-with-lottie/lottie-player-how-to-embed-animated-hamburger-menu-into-web-page)

]]>
Practicing Lottie Player: How to Embed an Animated Hamburger Menu Into a Web Page 2021-03-15T13:28:27-07:00
Building a Vertical Timeline With CSS and a Touch of JavaScript - Dots Top Position https://codepen.io/georgemarts/pen/MWyGVzz https://codepen.io/georgemarts/pen/MWyGVzz George

See the Code - See it Full Page - See Details

By [George Martsoukos](https://tutsplus.com/authors/george-martsoukos), read the [full tutorial on Envato Tuts+](http://webdesign.tutsplus.com/tutorials/building-a-vertical-timeline-with-css-and-a-touch-of-javascript--cms-26528).

]]>
Building a Vertical Timeline With CSS and a Touch of JavaScript - Dots Top Position 2020-09-12T08:49:33-07:00
Toggle Header Depending on Scrolling Direction 👆👇 https://codepen.io/georgemarts/pen/wvGjmrd https://codepen.io/georgemarts/pen/wvGjmrd George

See the Code - See it Full Page - See Details

From [How to Hide/Reveal a Sticky Header on Scroll (With JavaScript)](https://webdesign.tutsplus.com/tutorials/how-to-hide-reveal-a-sticky-header-on-scroll-with-javascript--cms-33756) on Tuts+

]]>
Toggle Header Depending on Scrolling Direction 👆👇 2020-09-12T08:29:55-07:00
How to Build Fixed Headers With Animated Content on Scroll https://codepen.io/georgemarts/pen/GRZjqaY https://codepen.io/georgemarts/pen/GRZjqaY George

See the Code - See it Full Page - See Details

]]>
How to Build Fixed Headers With Animated Content on Scroll 2020-09-09T13:50:09-07:00
How to Implement Smooth Scrolling With CSS-Only https://codepen.io/georgemarts/pen/GRoovZw https://codepen.io/georgemarts/pen/GRoovZw George

See the Code - See it Full Page - See Details

]]>
How to Implement Smooth Scrolling With CSS-Only 2020-06-10T10:08:34-07:00
Quick Tip: How to Make Bootstrap’s Dropdown Work on Hover https://codepen.io/georgemarts/pen/mdeogaN https://codepen.io/georgemarts/pen/mdeogaN George

See the Code - See it Full Page - See Details

Read the tutorial on Tuts+. [How to Make the Bootstrap Navbar Dropdown Work on Hover](https://webdesign.tutsplus.com/tutorials/how-to-make-the-bootstrap-navbar-dropdown-work-on-hover--cms-33840)

]]>
Quick Tip: How to Make Bootstrap’s Dropdown Work on Hover 2020-05-24T16:30:02-07:00
Carousel Slider With Owl.js https://codepen.io/georgemarts/pen/gOapLea https://codepen.io/georgemarts/pen/gOapLea George

See the Code - See it Full Page - See Details

From [How to Build a Full-Screen Responsive Carousel Slider With Owl.js](http://webdesign.tutsplus.com/tutorials/how-to-build-a-full-screen-responsive-carousel-slider-with-owljs--cms-31771) by George M.

]]>
Carousel Slider With Owl.js 2020-05-24T17:00:16-07:00
A Simple JavaScript Method For Filling Star Ratings https://codepen.io/georgemarts/pen/QWwymeY https://codepen.io/georgemarts/pen/QWwymeY George

See the Code - See it Full Page - See Details

]]>
A Simple JavaScript Method For Filling Star Ratings 2019-12-09T18:04:28-07:00
Centered With Horizontal Lines (Flexbox Solution) https://codepen.io/georgemarts/pen/JjPrYME https://codepen.io/georgemarts/pen/JjPrYME George

See the Code - See it Full Page - See Details

]]>
Centered With Horizontal Lines (Flexbox Solution) 2019-09-07T06:55:31-07:00