فهرست مطالب با موضوع «css»

فایرفاکس - Firefox

تعویض موتور جت در هنگام پرواز

سافاری بر پایه‌ی Webkit کار می‌کند. گوگل کروم بر پایه‌ی Blink و فایرفاکس بر پایه‌ی Gecko فعالیت می‌کنند. فکر می‌کنم که این قدیمی‌ترین موتور رندر باشد که به صورت گسترده در حال استفاده است. البته پس از دو دهه تجربه، ما تجربیات بهتری در زمینه‌ی موتور رندر مرورگر( و به طول کلی نرم‌افزار ) داریم….

بیشتر بخوانید...

روباه برفی در حال حرکت( انیمیشن CSS )

پیشرفت فناوری‌های طراحی سایت در چند سال اخیر بسیار چشمگیر بوده است. انیمیشن‌های بر پایه CSS یکی از این پیشرفت‌ها بوده‌اند. با مراجعه به صفحه‌ی زیر می‌توانید یک انیمیشن زیبا که تنها با استفاده از CSS Animation پیاده‌سازی شده است و روباهی سفیدرنگ در حال حرکت را نشان می‌دهد، مشاهده نمایید. اینجا کلیک کنید برای…

بیشتر بخوانید...
فایرفاکس - Firefox

فایرفاکس سایت‌های قدیمی طراحی شده برای کروم را بهتر نمایش می‌دهد

امکانات جدید برای طراحی سایت در سمت مشتری، پیش از آنکه به عنوان استاندارد جدید شناخته شوند، به صورت آزمایشی روی مرورگرهای مختلف پیاده‌سازی می‌شوند. بسیاری از برنامه‌نویسان نیز، از این ویژگی‌های آزمایشی در طراحی سایت استفاده می‌کنند. هرچند استفاده از این ویژگی‌ها سبب می‌شود تا سایت‌ها شکل بهتری به خود بگیرند، ولی با گذشت…

بیشتر بخوانید...

یکسان سازی ارتفاع ستون‌های سایت

رعایت برخی نکات ریز در طراحی سایت باعث افزایش زیبایی و کارایی سایت خواهند شد، یکی از این نکته‌ها، یکسان بودن ارتفاع ستون‌های موجود در سایت است که در حالت پیش‌فرض ارتفاع آن‌ها بر اساس محتوای داخلی تعیین می‌شود. در ادامه انواع روش‌های مختلف برای یکسان کردن ارتفاع ستون‌های سایت را بررسی خواهیم کرد. روش…

بیشتر بخوانید...

محدود کردن عنوان در وردپرس و با استفاده از CSS

یکی از ویژگی‌های جدید در CSS در طراحی سایت، امکان محدود کردن متن و قرار دادن سه نقطه در محل برش خورده است. به دلیل اینکه اندازه‌ی فونت و شرایط مرورگرهای مختلف می‌تواند با یکدیگر متفاوت باشد، بهترین روش برای برش متن و قرار دادن سه نقطه در محل برش، استفاده از این ویژگی CSS…

بیشتر بخوانید...

پس‌زمینه شفاف در CSS3

یکی از ویژگی‌های جدید در CSS3 امکان تعریف شفافیت برای عناصر و تعیین رنگ پس زمینه شفاف برای پس‌زمینه یا Background است، برای تعریف شفافیت کلی برای یک عنصر می‌توانید از قطعه کد زیر در شیوه‌نامه‌ها استفاده کنید:

مشکل کار در اینجاست که عناصری که در div والد قرار می‌گیرند زیر کمرنگ میشوند. اگر…

بیشتر بخوانید...
ووکامرس

آموزش طراحی قالب ووکامرس

ووکامرس یکی از محبوب‌ترین سیستم‌های فروشگاه‌ساز اینترنتی است که تحت سیستم وردپرس فعالیت می‌کند. اگر سایت خود را با وردپرس طراحی کرده باشید، به آسانی می‌توانید امکانات فروشگاه اینترنتی را نیز به آن بیفزایید. پس از نصب وردپرس و راه‌اندازی فروشگاه، برای اضافه کردن پشتیبانی و نمایش صحیح صفحات فروشگاه ووکامرس در قالب وردپرس انجام…

بیشتر بخوانید...

واحد اندازه گیری em و pt برای طراحی سایت واکنش گرا

اندازه های پیکسل در دستگاه های مختلف، متفاوت است، برای مثال در نمایشگر رایانه، ۱۰ پیکسل، به مراتب بزرگتر از ۱۰ پیکسل در موبایل دیده می‌شود. این اختلاف اندازه به دلیل وضوح بیشتر در دستگاه‌های موبایل و تبلت است. بنابراین هرچند مروگرهای موبایل تلاش می‌کنند تا اندازه‌های پیکسل را با ضرب در اعدادی مناسب، قابل…

بیشتر بخوانید...

CSS3

CSS یا شیوه‌نامه زبانی است که با استفاده از آن رنگ، شکل، اندازه و سایر عوامل ظاهری عناصر موجود در صفحات وب را تغییر می‌دهند. بهترین مثالی که برای درک کاربرد CSS می‌توان آورد، تشبیه کردن آن با ظاهر و رنگ پوست انسان‌ها است. تمامی انسان‌ها از نظر اسکلت‌بندی و اعضای داخلی( HTML ) با…

بیشتر بخوانید...