CSS

ویب سائیٹ کو موبائل ڈیوائسز کے قابل بنانے کیلئے مختصر سی ایس ایس کوڈ

ویب سائیٹ کو موبائل ڈیوائسز کے قابل بنانے کیلئے مختصر سی ایس ایس کوڈ

Media queries کے ذریعے براؤزر کی ونڈو کی چوڑائی معلوم کر کے یہ دیکھا جا سکتا ہے کہ یہ ویب سائیٹ اس وقت کمپیوٹر اسکرین پر دیکھی جا رہی ہے یا پھر کسی چھوٹی ڈیوائس یعنی سمارٹ فون وغیرہ پر۔ اور یہ کہ اگر صارف یہ ویب پیج کسی سمارٹ فون پر دیکھ رہا ہے تو اس فون کا رخ اونچائی (Portrait) کی طرف ہے یا چوڑائی (Landscape) کی طرف۔ پھر اس بنیاد پر یہ فیصلہ کیا جا سکتا ہے کہ اس ویب پیج پر کونسے CSS رولز استعمال کیے جائیں۔ اگر کمپیوٹر اسکرین ہے تو اس پر اتنی جگہ دستیاب ہوتی ہے کہ ایک سے زیادہ کالم ساتھ ساتھ دکھائے جا سکتے ہیں، لیکن سمارٹ فون کی اسکرین چھوٹی ہونے کی وجہ سے عموماً‌ ایسا نہیں کیا جا سکتا اور اسکرین پر ایک کالم دکھانا ہی مناسب رہتا ہے۔ مکمل تحریر

جاوا اسکرپٹ کی مدد سے ایچ ٹی ایم ایل پر سی ایس ایس اسٹائلز لگائیں

جب ایک ویب پیج کسی براؤزر میں لوڈ ہوتا ہے تو HTML پر لگائے گئے CSS رولز بھی اس کے ساتھ لوڈ ہوتے ہیں۔ یہ اسٹائل رولز ویب پیج کے ساتھ منسلک کی گئی اسٹائل شیٹ فائل میں بھی ہو سکتے ہیں، ویب پیج کے head ٹیگ کے اندر موجود style ٹیگ میں بھی ہو سکتے ہیں، اور HTML کے کسی انفرادی ٹیگ کے اندر بھی ہو سکتے ہیں۔ جونہی ویب پیج لوڈ ہوتا ہے براؤزر HTML پر CSS رولز اپلائی کر کے یہ ویب پیج صارف کو دکھا دیتا ہے۔ اگر آپ چاہتے ہیں کہ آپ کی ایپلی کیشن کا صارف ویب پیجز کے منتخب اسٹائلز اپنی مرضی سے تبدیل کر سکے، تو اس کام کے لیے Javascript استعمال کیا جا سکتا ہے جو ویب پیج کو دوبارہ لوڈ کیے بغیر فوری طور پر مطلوبہ CSS اسٹائلز HTML پر لگا دیتا ہے اور براؤزر اس تبدیلی کو فوراً‌ دکھا دیتا ہے۔ مکمل تحریر

سی ایس ایس کی مدد سے ایچ ٹی ایم ایل کو خوبصورت بنائیں

سی ایس ایس کی مدد سے ایچ ٹی ایم ایل کو خوبصورت بنائیں

HTML کی مدد سے بنائے گئے ویب پیجز کو خوبصورت اور منظم بنانے کے لیے CSS استعمال کی جاتی ہے۔ مثلاً‌ عنوان کا سائز اور رنگ کیا ہونا چاہیے، پیراگراف کا فونٹ کیا ہونا چاہیے اور اس کے گرد فاصلہ کتنا ہونا چاہیے، کسی تصویر کے گرد کتنی موٹائی کا اور کس رنگ کا بارڈر لگنا چاہیے، ٹیبل کے جو خانے ہیں ان کی ویلیوز کے گرد کتنا فاصلہ ہونا چاہیے، دیگر ویب پیجز کے لنکس کونسے رنگ میں ہونے چاہئیں اور ان کے نیچے لائن موجود ہونی چاہیے یا نہیں، اور یہ کہ ویب پیج کے کونسے حصوں کو بائیں کالم میں، کونسے حصوں کو درمیانی کالم میں، اور کونسے حصوں کو بائیں کالم میں موجود ہونا چاہیے وغیرہ۔ یعنی HTML ایلی منٹس پر ہر طرح کی یہ فارمیٹنگ CSS کی مدد سے کی جاتی ہے۔ مکمل تحریر

سی ایس ایس کوڈ کیسے لکھا جائے؟

سی ایس ایس کوڈ کیسے لکھا جائے؟

کسی بھی ویب پیج کا بنیادی ڈھانچہ HTML پر ہوتا ہے، جبکہ HTML ایلیمنٹس کو منظم اور خوبصورت بنانے کے لیے CSS کوڈ استعمال کیا جاتا ہے۔ مثلاً‌ ویب پیج میں پیراگراف کی لکھائی کا رنگ کیا ہو، اس کے لیے کونسا فونٹ استعمال کیا جائے، فونٹ کا سائز کیا رکھا جائے، اور ایک پیرا گراف سے دوسرے پیرا گراف کا فاصلہ کتنا ہونا چاہیے، یہ سب کچھ CSS کی مدد سے طے کیا جاتا ہے۔ اس کے علاوہ ویب پیج میں HTML ایلیمنٹس کی پوزیشن بھی CSS کی مدد سے سیٹ کی جاتی ہے- مثلاً‌ کونسا کالم صفحہ کے دائیں طرف، کونسا کالم درمیان میں، اور کونسا کالم صفحہ کے بائیں جانب ہونا چاہیے وغیرہ۔ مکمل تحریر

پی ایچ پی میں بار گراف بنانے والی ویب ایپلی کیشن تیار کریں

اس ٹٹوریل میں ہم بار گراف بنانے والی ایک چھوٹی سی ویب ایپلیکیشن تیار کرنے کا عمل دیکھیں گے۔ اگرچہ یہ بار گراف ایسا پرفیکٹ نہیں ہوگا جیسا کہ اسپریڈ شیٹ سافٹ ویئرز کی مدد سے بنایا جاتا ہے لیکن میرے خیال میں یہ ایک اچھی پروگرامنگ ایکسرسائز ہوگی۔ اس ویب ایپلی کیشن میں خاص کردار PHP اور CSS کا ہے کیونکہ پروگرامنگ کے مدد سے ہم ویلیوز کی کیلکولیشن کریں گے اور اسٹائلز کی مدد سے ہم یہ بار گراف مختلف رنگوں میں دکھائیں گے۔ اس کے علاوہ اس ویب ایپلی کیشن میں HTML فارم کے ساتھ PHP اررے کا ایک خاص استعمال دکھایا گیا ہے جو اس جیسے دیگر پراجیکٹس کے لیے بھی مفید اور کار آمد ہو سکتا ہے۔ مکمل تحریر