ওয়েব ডিজাইন – Creative IT Blog
Home / ওয়েব ডিজাইন

ওয়েব ডিজাইন

ওয়েব ডিজাইনের আকর্ষণীয় ৫টি ট্রেন্ড ও তা প্রোটোটাইপ করার সফল উপায় (২য় পর্ব)

webdesignstrategy

সবাই কে শুভ সকাল। আশা করছি ভাল আছেন। কয়েকদিন ধরেই আসলে ভাবছি কি নিয়ে লেখা যায়,একটু সিরিয়াস টাইপের জ্ঞান মূলক আলাপ আলোচনা চালানো যায়। তখনি আমার মনে হলো মোস্ট ডিমান্ডিং চয়েস ওয়েব ডিজাইনের কথা। আজ দিচ্ছি ২য়পর্ব।    কার্ড লে-আউটসঃ যদিও ২০১৬ সালের প্রথমে একটু সন্দেহ ছিল যে কার্ড ডিজাইন …

Read More »

ওয়েব ডিজাইনের আকর্ষণীয় ৫টি ট্রেন্ড ও তা প্রোটোটাইপ করার সফল উপায় (১ম পর্ব)

webdesignstrategy

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

Read More »

CSS3 এর মাধ্যমে Gradient effect

graddegrees

CSS3 এর  মাধ্যমে ফটোশপের মত gradient  effect যেমন- linear , radial  এসব ধরণের ইফেক্ট ই দেওয়া যায়।এগুলো  আজকে আমার টিউটোরিয়াল এ দেখাব  কিভাবে এই ইফেক্টগুলোর কোড লিখতে হয় ।এক্ষেত্রে সকল ব্রাউজারের জন্য আলাদা আলাদা কোড উল্লেখ করে দিতে হয়। css3 এর দুই ধরনের gradient  effect আছে । Linear Gradients (goes …

Read More »

z-index ব্যাবহার করে আমরা অনেক সুন্দর সুন্দর কাজ খুব সহজেই করতে পারি

z-index

পজিশন এবসলিউট (position:absolute) করে এবং top, bottom, left, and right ইত্যাদি প্রোপার্টি ব্যবহার করে একাধিক HTML উপাদানকে পরস্পরের উপর ওভারল্যাপ করা যায়। একাধিক HTML উপাদানকে পরস্পরের উপর ওভারল্যাপ করা কোন উপাদানটি কার উপরে অবস্থান করবে তা জেড ইনডেক্স (Z-index) প্রোপার্টি ব্যবহার করে নির্ধারণ করে দিতে পারি  (Z-index) প্রোপার্টির মান হিসেবে …

Read More »

ওয়েব ডিজাইন CSS Part-8(CSS Border)

bo

CSS Border: border ওয়েব পেজের একটি গুরুত্বপূর্ণ উপাদান। HTML  এবং CSS  ব্যবহার করে বিভিন্ন ধরণের border তৈরি করা যায়। বিভিন্ন ধরণের border তৈরির ক্ষেত্রে বেশ কিছু বিষয়ের উপর কাজ করতে হয়। এগুলো হচ্ছে- Border Style Border Width Border Color Individual Border Border Style Border স্ট্যাইল নির্দেশ করে বর্ডারটি দেখতে কেমন হবে। CSS  ব্যবহার করে বিভিন্ন …

Read More »

CSS এর মাধ্যমে (float:right) দ্বারা অনেক সুন্দর লে-আউট তৈরি ।

float-right

ওয়েব পেজের লে-আউট তৈরির ক্ষেত্রে অনেক সময় সাইডবারকে মূল কন্টেন্ট বক্সের ঠিক ডানদিকে রাখার প্রয়োজন পরে বা লে-আউট তৈরির জন্য আমরা যে কলাম তৈরি করি সেই কলামগুলোকে পাশাপাশি বা horizental allign এ রাখার প্রয়োজন পরে তখন আমরা সেই প্রত্যেক কলামকে selector দ্বারা ধরে CSS এর মাধ্যমে {float:right;} করে পাশাপাশি রাখতে …

Read More »

ওয়েব ডিজাইন CSS Part-7(Margin And Padding)

mp

Margin And Padding: Padding: Padding হচ্ছে HTML এলিমেন্টের বর্ডার এবং কনটেন্টের মাঝখানের দুরত্ব। বর্ডার থেকে কনটেন্ট এর  চারপাশে কতটুকু স্থান ফাঁকা থাকবে তা নির্দেশ করার জন্য padding ব্যবহার করা হয। padding মূলত বিভিন্ন HTML উপাদানের ব্যকগ্রাউন্ড এরিয়া বৃদ্ধি করে থাকে । প্যাডিং ব্যবহার করার জন্য CSS এ padding Property ব্যবহার করা হয়। যেমন- border …

Read More »

(float:left) দ্বারা অনেক সুন্দর লে-আউট তৈরি ।

float

ওয়েব পেজের লে-আউট তৈরির ক্ষেত্রে অনেক সময় সাইডবারকে মূল কন্টেন্ট বক্সের ঠিক বামদিকে রাখার প্রয়োজন পরে।বা লে-আউট তৈরির জন্য আমরা যে কলাম তৈরি করি সেই কলামগুলোকে পাশাপাশি বা horizental allign এ রাখার প্রয়োজন পরে তখন আমরা সেই প্রত্যেক কলামকে selector দ্বারা ধরে CSS এর মাধ্যমে {float:left;} করে পাশাপাশি রাখতে পারি …

Read More »

margin property ব্যাবহার করে center পজিশন করা

chp3-margin-call

যে কোন একটা ওয়েব টেমপ্লেট খেয়াল করলে দেখা যায়, যে  টেমপ্লেটটি ব্রাউজারে প্রদর্শন করলে ঠিক মাঝখানে প্রদর্শন করে, এটাকে আমরা জুম প্লাস (+) অথবা জুম মাইনাস (-) যেটাই করিনা কেন এটা সবসময় center পজিশন এ থাকবে।  একটা ওয়েব সাইটকে সুন্দর ভাবে প্রদর্শনের জন্য বিষয়টি খুবই গুরুত্বপূর্ণ।মার্জিন প্রোপার্টি ব্যবহার করে সেন্টার …

Read More »

ওয়েব ডিজাইন CSS Part-9(CSS Properties )

css-border-radius

CSS Properties and Description: নিচে CSS  Prooerties  এর Description , Examples এবং কি কি  Value আমরা Use করতে পারি  সেগুলা  দেয়া হল- Background Properties Property Description Possible Values Examples background-attachment Declares the attachment of a background image (to scroll with the page content or be in a fixed position). fixed scroll .one …

Read More »