وب آکادمی

مرجع آموزش طراحی و برنامه نویسی وب

دسته : آموزش چارچوب متریالایز


جلسه دوازدهم- ساخت نمودار پیشرفت ( بارگذاری) در متریالایز

دسته بندی:آموزش چارچوب متریالایز تاریخ انتشار: 4 بهمن 1397 برچسب ها : برچسب‌ها:, , , , ,

در متریالایز(materialize) کلاس های متنوعی برای ساخت نوار لودر یا همان progress bars وجود دارد. در جدول زیر به این کلاس های اشاره شده  است. نام کلاس  توضیحات progress برای ساخت یک div به عنوان نوار لودر (progress bars) مورد نیاز است. determinate مشخصات اولیه برای ساخت نوار منوی قابل پیشرفت را ایجاد می کند. […]

جلسه سیزدهم- ساخت منوهای جمع شدنی (collapsible) در متریالایز

دسته بندی:آموزش چارچوب متریالایز تاریخ انتشار: 3 بهمن 1397 برچسب ها : برچسب‌ها:, , , , ,

در متریالایز(materialize) کلاس های مختلف و متنوعی برای ساخت منو های بصورت تاشو (آکاردئون) وجود دارد . در زیر کلاس هایی که این امکان را برای ما ایجاد می کند، ذکر شده است.

جلسه دهم – طراحی فرم ها با متریالایز

دسته بندی:آموزش چارچوب متریالایز تاریخ انتشار: 1 بهمن 1397 برچسب ها : برچسب‌ها:, , , , , ,

متریالایز برای طراحی فرم های زیبا دارای کلاس های CSS گوناگون می باشد. فرم ها یکی از مهمترین قسمت های صفحات وب هستند. در زیر کلاس هایی CSS که برای طراحی فرم استفاده می شود ذکر شده است.

جلسه هشتم – کلاس های مفید متریالایز (materialize)

دسته بندی:آموزش چارچوب متریالایز تاریخ انتشار: 30 دی 1397 برچسب ها : برچسب‌ها:, , , , , ,

مجموعه ای از کلاس های کمکی در متریالایز وجود دارد این کلاس ها برای اعمالی تنظیمات به تگ های مختلف html استفاده می شوند . در ادامه به معرفی مهمترین کلاس های کمکی materialize می پردازیم. بطور خلاصه می توان کلاس های مفید متریالایز را در دسته های زیر قرار داد: کلاس های رنگ – بطور […]

جلسه نهم – کلاس های سایه در متریالایز

دسته بندی:آموزش چارچوب متریالایز تاریخ انتشار: 30 دی 1397 برچسب ها : برچسب‌ها:, , , , ,

متریالایز از چندین کلاس برای سایه دادن به اشیا استفاده می کند، در این جلسه لیست کلاس های سایه دهی متریالایز را آموزش داده و روش استفاده از کلاس ها را با ارائه یک مثال نشان می دهیم.

جلسه یازدهم – چیپ ها و مجموعه ها در متریالایز

دسته بندی:آموزش چارچوب متریالایز تاریخ انتشار: 30 دی 1397 برچسب ها : برچسب‌ها:, , , , , ,

متریالایز(materialize) دارای کلاس هایی می باشد که به آن ها اصطلاحا chip گفته می شود. این کلاس ها برای نمایش بهتر اطلاعات کوچک مانند تگ ها ، لیست افراد و غیره به کار می روند. نام کلاس  توضیحات chip محتوای یک div را به عنوان یک chip در نظر می گیرد   مثال در مثال […]

جلسه پنجم- ساخت کارت ها برای نمایش پست ها در متریالایز

دسته بندی:آموزش چارچوب متریالایز تاریخ انتشار: 28 دی 1397 برچسب ها : برچسب‌ها:, , , , , ,

در materialize کلاس های متنوعی برای ساخت کادرهای گوناگون و زیبا وجود دارد . این کلاس ها این امکان را به شما می دهد تا به وسیله آن براحتی کادرهای زیبا ایجاد کنید. در زیر جدولی از این کلاس ها به همراه توضیحات آن ها آورده شده است. ردیفنام کلاس  توضیحات card عنصر  div که […]

جلسه ششم – نمایش آیکن ها در متریالایز

دسته بندی:آموزش چارچوب متریالایز تاریخ انتشار: 28 دی 1397 برچسب ها : برچسب‌ها:, , , , ,

مجموعه ای از آیکن را می توان با materialize نمایش داد، متریالایز  از کتابخانه های معرف آیکن زیر پشتیبانی می کند. Font Awesome Icons Google Material Icons Bootstrap Icons برای استفاده از آیکن ها در متریالایز، باید نام آیکن دلخواه را داخل  تگ HTM از نوع <li> قرار دهید. برای کنترل کردن سایز آیکن می […]

جلسه چهارم – نمایش کادرها و هایلایت کردن در متریالایز

دسته بندی:آموزش چارچوب متریالایز تاریخ انتشار: 28 دی 1397 برچسب ها : برچسب‌ها:, , , , ,

 حتما مشاهده کرده اید که بعد از انجام عمل کادر کوچکی در صفحه نمایش نشان داده شده و بعد از چند ثانیه خودبخود بسته می شود، مخصوصاً در اپلیکیشن های موبایل این کادرها استفاده می شوند، با کمک متریالایز می توان از این نوع کادرها براحتی ایجاد کرد. و یا نمایش پیام راهنما (tooltip) روی […]

جلسه هفتم – کلاس های جدول بندی در متریالایز

دسته بندی:آموزش چارچوب متریالایز ، مقالات فناوری و آموزشی تاریخ انتشار: 27 دی 1397 برچسب ها : برچسب‌ها:

 با استفاده از کلاس های متریالایز می توان جداول با ویژگی های مختلف نمایش داد در ادامه به بررسی کلاس های جدول در متریالایز می پردازیم.