Awesome Micro-Interaction Input Character Limit Counter | HTML, CSS, JavaScript (2021)
277๐ฆธ Become A VS Code SuperHero Today: https://vsCodeHero.com
๐ง๐พ๐ค๐ง๐ฝ Join my Discord developer community: https://discord.gg/A9CnsVzzkZ
_____________________________________
Welcome to another micro-interactions video.
Today we are going to build an input that has a character limit and we'll display the number of characters that are left.
I got inspiration for this from The Programming Expert. He has great stuff on Instagram and YouTube.
theprogrammingexpert: https://www.instagram.com/theprogrammingexpert/
Source Code: https://codepen.io/codeSTACKr/pen/oNzOQQV
_____________________________________
๐ข Deploy for FREE on Vercel: https://vercel.com/ambassadors/codestackr
๐ FREE 7-Day trial at Treehouse: https://treehouse.7eer.net/codeSTACKr
_____________________________________
๐ ๏ธ Tools I use:
๐ codeSTACKr Theme: https://marketplace.visualstudio.com/items?itemName=codestackr.codestackr-theme
๐ STACKr Code Font (Exclusive to my VS Code Course - https://vsCodeHero.com)
๐ SuperHero Extension Pack: https://marketplace.visualstudio.com/items?itemName=codeSTACKr.superhero-extensions
_____________________________________
โฑ๏ธ Timestamps โฑ๏ธ
00:00 - Intro
00:56 - HTML
02:10 - CSS
09:30 - JavaScript
_____________________________________
๐ Show support!
PayPal: https://paypal.me/codeSTACKr
_____________________________________
๐ Watch Next:
Playlist: Web Development For Beginners - https://www.youtube.com/watch?v=Ez4yHS2dsN8&list=PLkwxH9e_vrAJ0WbEsFA9W3I1W-g_BTsbt
_____________________________________
๐ Connect With Me:
Website: https://www.codestackr.com
Twitter: https://twitter.com/codeSTACKr
Instagram: https://instagram.com/codeSTACKr
Facebook: https://facebook.com/codeSTACKr
_____________________________________
** Affiliate Disclaimer: Some of the above links may be affiliate links, which may generate me a sales commission at no additional cost to you.
#codeSTACKr #microinteraction #learntocode