DEV Community: Sean Sr

🎙 Wikipedia Voice Search API JSON Codepen Demo

Sean Sr — Fri, 26 Mar 2021 14:51:55 +0000

🎙 Wikipedia Voice Search API JSON Codepen Demo. Enjoy.

Demo: https://Codepen.io/livehelp/full/zYNrrKK

🔐 Forked Codepen 64 Character Password generator up featuring alpha-numeric + special character encryption!

Sean Sr — Wed, 20 Jan 2021 16:31:36 +0000

🔐 I restyled this Codepen demo a bit to make it a little more 2021. It's a 64 Character Password generator up featuring alpha-numeric + special character encryption and works great!

🎮 Codepen Game: Wheel-of-Fortune Style Web App with pure HTML, CSS, & JS Fixed!

Sean Sr — Wed, 20 Jan 2021 16:27:26 +0000

🎮 Codepen Game: Wheel-of-Fortune Style Web App with pure HTML, CSS, & JS

Pure CSS Android Style Material Flyout Video Call SVG Icon Toggle Menu

Sean Sr — Thu, 07 Jan 2021 00:30:41 +0000

Pure CSS Android Style Material Flyout Video Call SVG Icon Toggle Menu

Animated Gooey CTA Codepen Demo Pure CSS No JS

Sean Sr — Wed, 06 Jan 2021 00:06:07 +0000

Animated Gooey CTA Codepen Demo Pure CSS No JS

codepen #css #html #nojs #demo #gooey #cta #mobile #menu #animated #animation #code #learncode #fork #free #dribbble #rebound #pink #svg

Original Dribbble shot I rebounded to piece together the demo from: https://dribbble.com/shots/14879175-Animated-Codepen-Demo-Link-In-Description-No-JS-Pure-CSS-Gooey

CodePen 🍴 Fork: Pure CSS Gooey Blob CTA Element

Sean Sr — Thu, 17 Dec 2020 00:53:52 +0000

I continue to 🔎 find, 🍴 fork and have 🥳 fun with CSS driven animations.

Here is a demo I am working on making into slider.

Another demo of just the blobs.

✍ Free Lightweight, Frontend JSON 🔎 Search Snippet Plugin CodePen Source Code Bible Demo AJAX

Sean Sr — Tue, 22 Sep 2020 03:42:56 +0000

👉 This demo is a Live, frontend, JSON Search Engine with Fuzzy.js Algorithm. Simply change out the demo JSON data with your own and done. Tweak the CSS as desired. (Updated)

Credit: https://github.com/farzher/fuzzysort

✍🔊👂 Free Text to Speech TTS Synthesis API 👉 Pure Vanilla JS JavaScript CodePen Source Code Demo

Sean Sr — Tue, 22 Sep 2020 03:29:55 +0000

🔛 Pure HTML, CSS, JS 👉 Google Text To Speech (TTS) API ✍ Source Code

✍ Demo 👉 Pure CSS Toggle Button 🔛 Switch 🙅‍♂️ No JS

Sean Sr — Wed, 26 Aug 2020 00:11:40 +0000

🔛 Pure CSS 👉 Toggle Button Switch ✍ Source Code

🥳 Animated Happy Birthday Card 👉 jQuery CodePen Demo

Sean Sr — Tue, 25 Aug 2020 23:49:40 +0000

🥳 Animated Happy Birthday Card 👉 jQuery CodePen Demo

I have been sending a link to people on my friend list when Facebook reminds me of the past few months to make people feel a little more special than the painstakingly easy "Happy Birthday" comment. 🤦‍♂️

Birthday comments mean a lot to people and some people get none of them. 😭💔😿

Send this demo to whoever you like and make people feel remembered on their special day.

A beginner's way to show some 💚 👉 "love" in every language on Google Translate.

Sean Sr — Tue, 25 Aug 2020 22:15:52 +0000

A beginner's way to show some 💚 👉 "love" in every language on Google Translate.

This little CodePen demo uses no libraries. Developed with minimal, pure, plain, vanilla JavaScript, HTML, and CSS to ensure it's lightweight.

Please note:

I did not work this down to a responsive viewport, but it's not hard to do if you'd like to fork it. Go for it.