Neumorphism Design Trend 2020 In 90 Seconds

Channel:
United States codeSTACKr
Subscribers:
296,000
Published on ● Video Link: https://www.youtube.com/watch?v=PnGecHKD-io


Duration: 1:30
4,846 views
244

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

🚢 Deploy for FREE on Vercel: https://vercel.com/ambassadors/codestackr
_____________________________________

💖 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



Other Videos By codeSTACKr


2020-03-11Learn REACT JS in under 5 MINUTES (2020)
2020-03-06How To Learn To Code (Fast & Easy!)
2020-03-03Best FREE Resources to Learn Web Development in 2020
2020-02-28Top 8 VS Code Themes in 2020
2020-02-25VS Code Theme with Glowing Code!! (SynthWave '84)
2020-02-20ONLY HTML/CSS Platform Game In 1 Hour - @developedbyed Challenge
2020-02-185 Reasons You Should Learn Sass In 90 Seconds
2020-02-13How To Make Real Time Face Detection Using JavaScript
2020-02-11Artificial Intelligence In 90 Seconds
2020-02-06Neumorphic Calculator Build 2020 (HTML, CSS, JavaScript)
2020-02-03Neumorphism Design Trend 2020 In 90 Seconds
2020-01-31JavaScript setTimeout & setInterval In 90 Seconds #JavaScriptJanuary
2020-01-30JavaScript Classes In 90 Seconds #JavaScriptJanuary
2020-01-29JavaScript Object Methods In 90 Seconds #JavaScriptJanuary
2020-01-28JavaScript Modules In 90 Seconds #JavaScriptJanuary
2020-01-27JavaScript Async/Await In 90 Seconds #JavaScriptJanuary
2020-01-26JavaScript Fetch API In 90 Seconds #JavaScriptJanuary
2020-01-25JavaScript Promises In 90 Seconds #JavaScriptJanuary
2020-01-24JavaScript call() apply() bind() Methods In 90 Seconds #JavaScriptJanuary
2020-01-23JavaScript Functions In 90 Seconds #JavaScriptJanuary
2020-01-22JavaScript Array Some & Every Methods In 90 Seconds #JavaScriptJanaury


Tags:
neumorphism design
neumorphism ui
neumorphism css
neuromorphic design
neuromorphic ui design
neumorphic design
neumorphic ui
soft ui
soft ui design
neumorphism
css neumorphism
neomorphism design
neomorphic design
ui design
ui design trends 2020
skuemorphism
skeuomorphism
2020 design trends
design trends 2020
ui design 2020
ui design trends
ui design trend
new skeuomorph
skeuomorph
tutorial
new skeuomorphism