Web Prefix

18/11/2022

😅😅😅

13/11/2022

How to add scroll back to the top button using Elementor?
Watch now:

Scroll to the top button using only Elementor page builder no custom code required.All the images from Pexels.com

17/07/2022

Video as Text Background using CSS

ভিডিওকে Text এর ব্যাকগ্রাউন্ড হিসেবে দেখতে খুবই ভালো লাগে, তাই না? কিন্তু আমরা জানি সরাসরি Text এর ব্যাকগ্রাউন্ড হিসেবে ভিডিও ব্যবহার করা সম্ভব নয়, তবে CSS এর মাধ্যমে খুব সহজেই করা সম্ভব। এই আর্টিকেলে আমরা জানবো কীভাবে ভিডিওকে Text এর ব্যাকগ্রাউন্ড হিসেবে ব্যবহার করা যায়।

Read more: https://webprefix.net/video-as-text-background-using-css/

06/07/2022

সিএসএস প্রপার্টি aspect-ratio সম্পর্কে আমরা অনেকেই জানি বা জানিনা। আজকের আর্টিকেলটি তাদের জন্য যারা একদমই এই প্রপার্টি সম্পর্কে ধারণা নেই। aspect-ratio এর কাজ হচ্ছে কোন বক্স ইলিমেন্ট কে একটি রেশিও মেইনটেইন করে height এবং width সেট করা।

আরেকটু পরিষ্কার হওয়া যাক, আমরা জানি ratio কিভাবে কাজ করে (ফটোশপে আমরা ইমেজকে ক্রোপ করার জন্য ratio ব্যবহার করেছি, ঠিক একই ভাবে aspect-ratio কাজ করে)।

উদাহরণ হিসেবে ধরা যাক একটি (tag) যার height এবং width নির্দিষ্ট, কিন্তু সমস্যা শুরু হবে responsive করতে গিয়ে। ডিভাইসের সাইজ অনুযায়ী প্রত্যেক স্ক্রিনের জন্য আমাদের Media Queries লিখতে হবে যা করতে অনেক মূল্যবান সময় নষ্ট হবে, আবার দেখা যাবে সঠিক ভাবে ratio মেইনটেইন করা সম্ভব হচ্ছে না। এখানেই লাইফ সেভার সিএসএস প্রপার্টি aspect-ratio.

Read more: https://webprefix.net/lets-learn-about-aspect-ratio/

25/05/2022

02/05/2022

27/03/2022

HTML img tag vs. CSS background-image property

20/03/2022

𝗧𝗿𝘂𝗻𝗰𝗮𝘁𝗲 𝗧𝗲𝘅𝘁 𝗪𝗶𝘁𝗵 𝗘𝗹𝗹𝗶𝗽𝘀𝗶𝘀

You can truncate overflowing text with an ellipsis (...).

28/02/2022

খুব সহজে এবং দ্রুততম উপায়ে রেসপনসিভ করার মাধ্যম হচ্ছে বুটসট্রাপ। বুটসট্রাপ আলাদা কোন টেকনোলজি নয়, বুটসট্রাপ ও ফ্লেক্স বক্স, গ্রিড দিয়েই তৈরি। রেসপনসিভের পিছনে অযথা সময় নষ্ট না করে শুধু মাত্র বুটসট্রাপ ব্যবহার করেই একটি সাইটকে রেসপনসিভ করা সম্ভব।

বুটসট্রাপ ব্যবহার করে খুব দ্রুত লেআউট ডিজাইন এবং রেসপনসিভ করা যায় তা ছাড়াও বুটসট্রাপ ব্যবহারের আর কিছু কারন রয়েছ...

12/02/2022

কি কি উপায়ে আমরা একটি ইলিমেন্ট বা আইটেম কে Vertically এবং Horizontally Center Align করা সম্ভব।