نوار پیشرفته (Progress Bar) دایره‌ای

با گذر زمان و پیشرفت امکانات و ابزارهای که برای کاربران ساخته‌شده بیشترین مهم‌ترین نکته مدنظر طراحان راحتی انتقال اطلاعات برای کاربران خود بوده‌اند؛ مثلاً گاهی می‌خواهید در سایت خود خیلی زیبایی، آسان، قابل‌درک و سریع به مشتریان خود درصد کار و میزان پیشرفت پروژه را انتقال دهید. پس‌نیاز به یک آیتم دارید که درصد را...

سفارشی کردن ستون‌های سایت با توییتر بوت استرپ

همان‌طور که با بوت استرپ آشنا هستید باید گفت که این توییتر بوت استرپ برای راحتی کار ما در واکنشگرای طراحی‌شده است و اول هم به طراحی موبایل‌ها توجه می‌کند و در موتورهای جستجو مطالب موردنظر باید مطالب باشد که سودمند و مفید باشند چون شناسایی سایت ما از طریق این مطالب صورت می‌گیرد پس باید...

استفاده از فونت آیکون

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

معرفی پلاگین جی کوئری fullPage.js

یکی از نام آشناهای عرصه طراحی و کدنویسی وب طراحی های تک صفحه ای هستند.طراحی هایی که اکثر عناصر اصلی سایت و یا خدمات آن در صفحه اول قابل رویت بوده و نیاز به خارج شدن از اون یا باز کردن لینک جدید نیست.به عنوان مثال اگر یک سایت سه قسمت معرفی/تماس/خدمات داشته باشد میتواند با...

چیدمان آجری عنصرها (Masonry)

Masonry چیست؟ یک کتابخانه جاوا اسکریپت به‌صورت شبکه‌ای می‌باشد. به این صورت کار می‌کند که عناصر را بر اساس فضای عمودی که دارند در موقعیت مناسب می‌چیند و تمام فضای خالی را پر می‌کند؛ که احتمالاً این حالت را در سراسر اینترنت مشاهده کردید. اگر از این کتابخانه آجرهای ساختمانی را در نظر دارید باید گفت...

معرفی پلاگین جی کوئری OWL Carousel

OWL Carousel یک اسلاید شو لمسی می‌باشد که برای طراحی‌های زیبا در سایتها مورداستفاده قرار می‌گیرد. یک اسلاید شو واکنش گرا دارای انیمیشن‌های روان و ازنظر حجم بسیار سبک می‌باشد. پلاگین جی کوئری owlcarousel ساخت اسلایدها رو برای ما خیلی آسان کرده.این پلاگین محبوب حی کوئری حتی نسخه وردپرسی هم دارد. ویژگی‌های زیر که باعث OWL...

آشنایی با SVG

SVG چیست؟ به معنی گرافیک برداری مقیاس‌پذیر می‌باشد که مخفف کلمه Scalable Vector Graphics می‌باشد. برای گرافیک‌های دوبعدی استفاده می‌شود. ازنظر کیفیت بسیار عالی هستند که با ZOOM روی گرافیک  کیفیت آن تغییری نمی‌کند چون‌که تصاویر SVG وکتور و برداری هستند و   حجم این فایل‌ها از فرمت‌های پیکسلی کم‌تر است، چون فایل‌های SVG کاملاً XML هستند....

منوی افقی بوت استرپ – مخفی کردن عناصر هم‌پوشانی شده

آیا تا حالا شده در طراحی سایت یک نوار منو داشته باشید که بر اساس نیاز اندازه منو کم یا زیاد شود و دست شمارا برای طراحی‌های خاص بر روی آن نوار منو کوتاه کنه؟! خب باید چه‌کاری کرد؟! ما به معرفی یک منوی افقی بوت استرپ با جی کوئری که به‌صورت پویا اندازه آن را...

با سرعت وارد دنیایی مجازی شوید –قسمت ۳

خب در این آموزش میریم سروقت Firefox Developer Tools وارد قسمت Performance می‌شویم. برای این کار Firefox را بازکنید و ابزار Performance tools را با روش زیر بیاورید: 1- فشار دادن همزمان دکمه‌های Shift + F5 2- راست کلیک در صفحه Firefox و انتخاب گزینه Inspect Element و تب Performance را انتخاب می‌کنید. 3- یا در...

با سرعت وارد دنیایی مجازی شوید –قسمت ۲

برای تحلیل سایت خود آماده هستید که قدم‌به‌قدم جلو برویم، در قدم اول یکی از سایت‌های که از قبل اسمی از آن آوردیم را انتخاب می‌کنیم و آدرس سایت خود را وارد می‌کنیم منتظر می‌مانیم تا تحلیل سایت به اتمام برسد. من در اینجا سایت http://tools.pingdom.com/fpt را انتخاب کردم.   بعد از اتمام تحلیل در صفحه...
Page 1 of 212