CSS Frameworks(Bootstrap 4+W3.CSS+Materialize Css)
CSS Frameworks:
আমরা আমাদের এই সিরিজে CSS ফ্রেমওয়ার্ক বলবো।অনেক ধরনের ফ্রেমওয়ার্ক এর মধ্যে আমরা Bootstrap 4+W3.CSS+Materialize Css নিয়ে কিছুটা আলোচনা করার চেষ্টা করবো।
এই ফ্রেমওয়ার্ক গুলো আমরা বিভিন্ন ভাবে ব্যাবহার করতে পারি। আমরা এখানে মুলত CDN ব্যাবহার করবো।
CDN:
আপনি যদি ডাউনলোড করতে না চান তাহলে আপনি CDN ( Content Delivery Network ) এর সাথে যুক্ত হতে পারেন।CSS and JavaScript এর জন্য CDN কে সহযোগিতা দেয় MaxCDN.
Materialize CSS:
- Materializeহল ফ্রি front-end framework, সহজ এবং দ্রুত গতির web development এর জন্য
- Materializeএর সাহায্যে তুমি যে কোন Responsive ডিজাইন ও করতে পারবে
<!-- Compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/
materialize/1.0.0/css/materialize.min.css">
<!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/
1.0.0/js/materialize.min.js"></script>
Bootstrap 4:
Bootstrap কি ????
- Bootstrap হল ফ্রি front-end framework, সহজ এবং দ্রুত গতির web development এর জন্য
- Bootstrap হল HTML এবং CSS নির্ভর মুদ্রণবিদ্যা, ফর্ম, বাটন, টেবিল, নেভিগেটর, মডালস, ইমেজ carousels এবং আরও অনেক কিছু, জাভা স্ক্রিপ্ট প্লাগিন সহ ডিজাইন templates তরির মাধ্যম
- Bootstrap এর সাহায্যে তুমি যে কোন Responsive ডিজাইন ও করতে পারবে
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/
bootstrap/4.1.3/css/bootstrap.min.css">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/
jquery/3.3.1/jquery.min.js"></script>
<!-- Popper JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs
/popper.js/1.14.3/umd/popper.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/
bootstrap/4.1.3/js/bootstrap.min.js"></script>
W3.CSS:
- W3.CSS এর সাহায্যে তুমি যে কোন Responsive ডিজাইন ও করতে পারবে। এটি মুলত w3 consortium এর একটি ফ্রেমওয়ার্ক
<!-- W3.CSS -->
<link rel="stylesheet" href="https://www.w3schools.com/
<link rel="stylesheet" href="https://www.w3schools.com/
w3css/4/w3.css">
No comments