menu
۱۲- علامت ها در Materialize

۱۲- علامت ها در Materialize

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

۱۱- Transition در متریالایز

۱۱- Transition در متریالایز

فرم ورک متریالایز افکت جالبی برای برای تغییر حالت یک المنت دارد. افکت تغییر حالت یا Transition در متریالایز یک کلاس پایه دارد و کلاسی که در هنگام تغییر حالت به آن افزوده می‌شود. افکت تغییر اندازه از این افکت می‌‌توانید برای داخل و خارج کردن عناصر استفاده کنید. برای این کار ابتدا کلاس scale-transition را […]

۱۰- جدول متریال در Materialize

۱۰- جدول متریال در Materialize

جدول راه خوبی برای سازماندهی مقدار زیادی از داده است. فریم ورک Materialize چند کلاس کاربردی برای تغییر استایل جداول به جدول متریال ارائه کرده است. با این کلاس ها به آسانی می‌توانید جداولی زیبا و ریسپانسیو داشته باشید. جدول بدون حاشیه جداول در فریم ورک Materialize به طور پیشفرض حاشیه ای ندارند: Name Item […]

۹- سایه های متریال در Materialize

۹- سایه های متریال در Materialize

برای استفاده از سایه های متریال در فریم ورک Materialize میتوانید به راحتی از کلاس z-depth-0 تا z-depth-5 استفاده کنید. همچنین برای استفاده در Sass میتوانید از کد:

۸- افکت نبض و تپیدن در Materialize

۸- افکت نبض و تپیدن در Materialize

با استفاده از این قابلیت جالب و کاربردی می‌توانید توجه به دکمه های دایره ای خود را بیشتر کنید. کافیست کلاس pulse رو به floating button خود اضافه کنید و از این افکت زیبا لذت ببرید.

۷- کار با رسانه ها در Materialize

۷- کار با رسانه ها در Materialize

فریم ورک Materialize کلاس ها و استایل های زیبایی برای کار با رسانه ها در خود جای داده است. کلاس هایی برای ریسپانسیو سازی، تصویر دایره ای و مدیا پلیر (که شبیه مدیا پلیر دیفالت کروم هست). در این مقاله به شما کار با رسانه ها در Materialize را به طور کامل آموزش خواهیم داد. […]

۶- کمک کننده ها در Materialize

۶- کمک کننده ها در Materialize

فریم ورک محبوب Materialize دارای یک سری کلاس آماده و کمک کننده برای کد نویسی راحت تر است. لیست کامل این helper ها را میتوانید در ادامه همین پست مشاهده کنید.   هم ترازی فریم ورک Materialize کلاس هایی برای تنظیم آسان تراز متن ها دارد. تنظیم عمودی برای تنظیم عمودی المنت های موجود در […]

۵- گرید یا شبکه در Materialize

۵- گرید یا شبکه در Materialize

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

رفتن به نوارابزار