Useful CodePens for Front-End Developers (Part 1)

Hello everyone 👋

Today I want to talk about one habit you really should have if you're going to build a Career as a Developer: 'reading Source Code'. Why do you need to read Source Code? As IT Development keeps moving forward one way or another, the IT Languages and Source Code in each area change with every version — the source code isn't the same from one year to the next, and Source Code can see Changes within just a few months. Sometimes, when the source code changes and you update an exist project, you can end up with lots of errors and things breaking.

That's why reading Source Code makes it easy to solve Version Update Source Code Problems. Reading Source Code also boosts your Critical Thinking, because you're constantly asking why this and why that about the code. When you start reading Source Code, begin with Languages you can understand easily. So today I'm sharing (8) CodePen Source Codes that are useful for Front-End Developers. I hope everyone finds something helpful 😉

Useful CodePens for Front-end Developers, Part (1): a 3D character with his hand on his chin. Presented by Compass.

codepen.io/jinukurian7/pen/pygbXb

CSS 3D Solar System

codepen.io/juliangarnier/pen/krNqZO

CSS3 Hover Animations

codepen.io/mattlansom/pen/MwLKOM

Dodecahedron

codepen.io/wontem/pen/PqYXop

codepen.io/Paradoks/pen/bxWPbE

FlexBox Animation

codepen.io/MauriciAbad/pen/eQoQbK

CSS Animation Demos

codepen.io/msbtterswrth/pen/LNgXqj

Fancy Page Transitions

codepen.io/ennnnno/details/XJpPja

See you in the next one ✌️

အားလုံးပဲမင်္ဂလာပါ 👋

ဒီနေ့မှတော့ Developer တစ်ယောက်အနေနဲ့ Career လုပ်တော့မယ်ဆိုရင်မဖြစ်မနေရှိသင့်တဲ့ အမူအကျင့်တွေထဲက တစ်ခုကိုပြောပြချင်ပါတယ်။ အဲဒါကတော့ 'Source Code တွေဖတ်ခြင်း'ပဲဖြစ်ပါတယ်။ ဘာကြောင့် Source Codeတွေဖတ်ဖို့လိုအပ်တာလဲ။ IT Development ပိုင်းဆိုင်ရာ တွေကတစ်နည်းတစ်ဖုံနဲ့ တိုးတက်လာသည်နဲ့အမျှ သက်ဆိုင်ရာကဏ္ဏအလိုက် IT Language တွေ, Source Code တွေက version အလိုက် တစ်နှစ်နဲ့တစ်နှစ်က source codeမတူသလို လပိုင်းနဲ့တင်လဲ Source Codeတွေက Changes တွေရှိပါတယ်။ တစ်ခါတလေ source codeတွေပြောင်းလို့ exist projectတွေမှာ update လုပ်မိတဲ့အခါ error များစွာ နဲ့ ထိခိုက်တာတွေဖြစ်နိုင်ပါတယ်။

ဒါကြောင့် Source Code ကိုဖတ်ခြင်းဖြင့် Version Update Source Code Problem တွေကို လွယ်လွယ်ဖြေရှင်းနိုင်မှာပဲဖြစ်ပါတယ်။ ပြီးတဲ့အခါ Source Code တွေကိုဖတ်ရင်လဲ Source Code တွေအပေါ်မှာ ဘာကြောင့်ဘာကြောင့်ဆိုပြီးအမြဲ စဉ်းစားနေရတာကြောင့် Critical Thinking လိုက်တက်စေပါတယ်။ Source Code တွေဖတ်တဲ့အခါမှာလဲ လွယ်လွယ်ကူကူကိုယ်နားလည်နိုင်တဲ့ Language တွေကနေ စတင်ပြီးဖတ်သင့်ပါတယ်။ ဆိုတော့ ဒီနေ့မှာတော့ Front-End Developer တွေအတွက်အသုံးဝင်တဲ့ CodePen Source Code (8) မျိုးကိုမျှဝေပေးထားပါတယ်။ အားလုံးအတွက်တစ်စုံတစ်ခု အထောက်အကူရသွားမယ်လို့မျှော်လင့်ပါတယ် 😉

codepen.io/jinukurian7/pen/pygbXb