Here’s the full length video where we build the neumophic styled calculator from scratch: https://youtu.be/n63qcjz60Co
Neumorphism is a recent UI design trend. It is also known as “Soft UI”.
It’s designs appear to extrude from the background.
Neumorphism is derived from “New Skeuomorphism”. Skeuomorphism involves using user interface objects that mimic their real-world counterparts in how they appear and/or how the user can interact with them.
A well-known example is the recycle bin icon. This makes objects familiar to users by using concepts they recognize.
Neumorphic design sits somewhere between flat & skeuomorphic design.
In this week’s videos we are going to dive deeper into Neumorphic design and we’ll build a neumorphic styled calculator. Not only will we look at the design aspects but we will also put into practice all of the JavaScript that we have learned throughout the #JavaScriptJanuary video series.
_____________________________________
📚 Learn to CODE in just a FEW months here:
Treehouse Discount Code: https://treehouse.7eer.net/codeSTACKr
_____________________________________
🛠️ Tools I use:
🟠 Theme: https://marketplace.visualstudio.com/items?itemName=codestackr.codestackr-theme
🟠 Font: STACKr Code (Exclusive to my VS Code Course – https://vsCodeHero.com)
🟠 SuperHero Extension Pack: https://marketplace.visualstudio.com/items?itemName=codeSTACKr.superhero-extensions
🤖 I now use AI-powered code completions thanks to Kite. You should too so grab it FREE: https://www.kite.com/get-kite/?utm_medium=referral&utm_source=youtube&utm_campaign=codestackr&utm_content=description-only
_____________________________________
💖 Show support!
PayPal: https://paypal.me/codeSTACKr
_____________________________________
Watch Next:
Web Development – Beginners Roadmap (2020) – https://youtu.be/iogabydg2y0
Playlist: Web Development For Beginners – https://www.youtube.com/watch?v=Ez4yHS2dsN8&list=PLkwxH9e_vrAJ0WbEsFA9W3I1W-g_BTsbt
_____________________________________
Connect With Me:
Website: http://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 #neumorphism
source
