CSS

css3

توابع min، max و clamp در CSS

سه تابع جدید که در نگارش چهارم CSS اضافه شده‌اند که می‌توانند حجم کدهای CSS را کاهش دهند و همچنین انجام برخی محاسبات را پیش از این ممکن نبود یا مشکل بود، به آسانی در اختیار طراحان سایت قرار می‌دهند. این سه تابع min و max و clamp هستند. تابع min همان طور که از […]

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

CSS چیست و در طراحی سایت چه نقشی دارد ؟

برای طراحی سایت از زبان‌های نشانه گذاری و زبان‌های برنامه نویسی مختلفی در سمت سرور و در سمت مشتری استفاده می‌شود. یکی از مهم‌ترین زبان‌های نشانه‌گذاری که وظیفه‌ی شکل‌دهی و زیباسازی ظاهر گرافیکی سایت را بر عهده دارد، شیوه‌نامه یا Stylesheet یا CSS نام دارد. CSS دقیقا چه کاری انجام می‌دهد ؟ برای اینکه بهتر […]

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

استفاده از فونت‌های سفارشی در طراحی سایت و سرعت سایت

استفاده از فونت‌های سفارشی با استفاده از قانون ‎@font-face بسیار متداول است. تقریبا می‌توان گفت در طراحی سایت‌های جدید دیگر نمی‌توان به فونت‌های پیش‌فرض مرورگرها اطمینان داشت. با وجود اینکه این کار باعث بهبود شکل ظاهری سایت و بهبود تجربه کاربری می‌شود، ولی معایبی نیز به همراه دارد: باعث افزایش حجم صفحات وب می‌شود باعث […]

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

نرم‌افزار Koala نگارش ۲.۳.۰ منتشر شد

طراحی سایت بدون استفاده از نرم‌افزارهای پیشرفته که در کنترل کیفیت و رعایت اصول روز یاری رسان باشند، بسیار دشوار است. یکی از نرم‌افزارهای بسیار مفید که می‌تواند کار طراحی سایت را آسان‌تر و رعایت اصول و استانداردهای روز را دست‌یافتنی‌تر نماید، Koala نام دارد. این نرم‌افزار یک محیط گرافیکی برای Less, Sass, Compass و […]

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

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

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

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

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

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

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

آموزش یکسان سازی ارتفاع ستون‌ها در طراحی سایت

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

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

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

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

بیشتر بخوانید...
پس زمینه شفاف CSS

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

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

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

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

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

بیشتر بخوانید...
واحد اندازه گیری فونت

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

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

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

CSS3

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

بیشتر بخوانید...
مشاوره رایگان تلفنی
۶۵ ۸۹ ۹۶ ۸۸ - ۰۲۱
۹۱ ۸۴ ۹۶ ۸۸ - ۰۲۱