10 قطعه کد متریال رایگان به صورت اپن سورس

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

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

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

سلام خدمت دوستان امروز با آموزش ساخت مودال باکس خدمت شما هستیم که بسیار مناسب برای ایده گیری و تسریع در طراحی وب سایت خواهد بود modal box فوق از 7 دموی متفاوت می باشد که میتوان به ساید بار کردن منو ها با مودال و دگمه های اشتراک گذاری متون با کاراکتر بیشتر با استفاده فول اسکرین و کلی امکانات دیگر... در زیر نمایی از تصاویر دمو رو خدمتتون ارسال میکنیم :   مودال ورود و عضویت:   مودال...

استفاده از صفحه نمایش بزرگتر نباید محدود به استفاده از تصاویر / عناصر بزرگتر باشد. ما می توانیم این پیکسل های اضافی را با افزایش تجربه کاربر با ویژگی های اضافی کار کنیم. UX استاندارد برای یک گالری محصول: کلیک کاربر بر روی یک محصول که او دوست دارد، و سپس به صفحه محصول تک حرکت می کند. از این جا، او قصد دارد برخی از گزینه ها را انتخاب کند و در نهایت محصول را به سبد خرید اضافه کند. هیچ...

ساختار از دو عنصر اصلی تشکیل شده است nav.main-navبرای موارد ناوبری بالا و div.morph-dropdown-wrapperبسته بندی عناصر کرکره.  برای هر آیتم لیست در nav.main-navعنصر، a li.dropdownدر داخل ایجاد می شود .morph-dropdown-wrapper.   Open Nav About Pricing Contact     اضافی div.bg-layerدر داخل ساخته شده است div.morph-dropdown-wrapperو برای ایجاد پس زمینه morphing dropdown استفاده می شود. افزودن سبک در...

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

دانلود وکتور توسط طراحان ملت که منبع طراح های رایگان گرافیکی می باشد را تقدیم کاربران عزیز خود میکند، همچنین می توانید از خدمات قالب وردپرس ملت وب نیز بهرمند گردید. چگونه میتوانم این طرح را ویرایش کنم ؟ این طرح قابل تبدیل به فایل پی اس دی لایه باز می باشد که میتوانید از طریق آموزش تبدیل eps به psd این کار را به راحتی انجام...

در طراحی تجارت الکترونیک یکی از اهداف اصلی این است که فاصله بین محصول و کاربر را پر کنید. این به ویژه برای کالاهای با قیمت بالا مرتبط است. از این رو، اهمیت ادغام ابزارهای تعاملی، برای دادن کاربر به یک راه برای "تقریبا تجربه" محصول. منابع امروز یک منبع ساده و تعاملی است که می تواند برای نشان دادن یک تور مجازی از محصول استفاده شود. ایده قطعه این است که از یک حرکت تصویر...

ما در مورد فرآیند "اضافه به سبد خرید" به الگوهای مختلفی استفاده می کنیم. ایده اصلی این الگو، اطلاع دادن به کاربر است که یک مورد به سبد اضافه شده است و او را با یک پیوند برای ادامه به پرداخت، ارائه می دهد. ما با این ایده مخفی کردن سبد خرید به طور پیش فرض آزمایش کرده ایم و آن را زمانی که کاربر بر روی دکمه «افزودن به سبد خرید» کلیک می کند نشان می دهد. به این ترتیب کاربر می...

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

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

  زاویه برنامه مواد نسخه ی نمایشی زنده دانلود ToxNgx نسخه ی نمایشی زنده دانلود بازگشت به محتوا | MaterialPro نسخه ی نمایشی زنده دانلود AdminBSB مواد طراحی نسخه ی نمایشی زنده دانلود داشبورد مواد نسخه ی نمایشی زنده دانلود حداقل موضوع محیط مدیریت نسخه ی نمایشی زنده دانلود UI Hubuntu نسخه ی نمایشی زنده دانلود تحقق مدیریت نسخه ی نمایشی...

امروز ما به برخی از بهترین قالب های HTML5 طراحی مواد رایگان نگاه می کنیم . سیستم طراحی مواد توسط گوگل در سال 2014 معرفی شده است از آن زمان تاکنون به این نتیجه رسیده است. در حال حاضر اکثر محصولات Google بر اساس اصل طراحی مواد هستند. بسیاری از طراحان از طراحی مواد به عنوان پایه سیستم طراحی خود استفاده می کنند. سیستم طراحی مواد در حال حاضر نه تنها برای طراحی UI محدود است. در حال حاضر...

Con داشبورد مدیریت بر اساس چارچوب Materialize است. قالب به طور کامل بر اساس HTML5، CSS3 استاندارد است. همچنین نسخه AngularJS را به صورت رایگان دریافت خواهید کرد. کاملا پاسخگو و تمیز در هر دستگاه و هر مرورگر مدرن (IE9 و جدیدتر). پاسخگو داشبورد مدیریت حساب Con به نظر می رسد به همان اندازه خوبی در رایانه ها و دستگاه های تلفن همراه است. قابل تنظیم. اگر می دانید چگونه با Gulp کار کنید، می توانید به راحتی کد منبع...

دانلود وکتور توسط طراحان ملت که منبع طراح های رایگان گرافیکی می باشد را تقدیم کاربران عزیز خود میکند، همچنین می توانید از خدمات قالب وردپرس ملت وب نیز بهرمند گردید. چگونه میتوانم این طرح را ویرایش کنم ؟ این طرح قابل تبدیل به فایل پی اس دی لایه باز می باشد که میتوانید از طریق آموزش تبدیل eps به psd این کار را به راحتی انجام...

ما اخیرا با یک انیمیشن طراحی شده با CSS تجربه  کردیم که جایگزین تازه کردن صفحه وب می شود در حالی که محتوای با استفاده از ajax به روز شده است. انفجار امروز بر اساس یک ایده است، اما با یک اجرای متفاوت: در این زمان یک اثر شناور ساده تبدیل به یک نوار بارگذاری، که در نهایت با محتوای جدید گسترش می یابد! آیکون های کتابخانه هسته ای ما . ایجاد ساختار ساختار HTML از یک...

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

دانلود وکتور توسط طراحان ملت که منبع طراح های رایگان گرافیکی می باشد را تقدیم کاربران عزیز خود میکند، همچنین می توانید از خدمات قالب وردپرس ملت وب نیز بهرمند گردید. چگونه میتوانم این طرح را ویرایش کنم ؟ این طرح قابل تبدیل به فایل پی اس دی لایه باز می باشد که میتوانید از طریق آموزش تبدیل eps به psd این کار را به راحتی انجام...

دانلود وکتور توسط طراحان ملت که منبع طراح های رایگان گرافیکی می باشد را تقدیم کاربران عزیز خود میکند، همچنین می توانید از خدمات قالب وردپرس ملت وب نیز بهرمند گردید. چگونه میتوانم این طرح را ویرایش کنم ؟ این طرح قابل تبدیل به فایل پی اس دی لایه باز می باشد که میتوانید از طریق آموزش تبدیل eps به psd این کار را به راحتی انجام...

دانلود وکتور توسط طراحان ملت که منبع طراح های رایگان گرافیکی می باشد را تقدیم کاربران عزیز خود میکند، همچنین می توانید از خدمات قالب وردپرس ملت وب نیز بهرمند گردید. چگونه میتوانم این طرح را ویرایش کنم ؟ این طرح قابل تبدیل به فایل پی اس دی لایه باز می باشد که میتوانید از طریق آموزش تبدیل eps به psd این کار را به راحتی انجام...

طراحی و طراحی مجدد گوگل در سال 2014، طراحی محتوا یک زبان بصری نوآورانه است که برای متحد کردن تجربه کاربری تمام محصولات خود در همه دستگاه ها ایجاد شده است و بر اساس اصول طراحی عالی همراه با فناوری قدرتمند ساخته شده است. زیبایی Material Design را می توان در تمام برنامه های تلفن همراه گوگل (Gmail، صندوق ورودی، تقویم، یوتیوب ...) و سایت های دسکتاپ مشاهده کرد. و فقط به عنوان iOS اپل و مترو...

دانلود وکتور توسط طراحان ملت که منبع طراح های رایگان گرافیکی می باشد را تقدیم کاربران عزیز خود میکند، همچنین می توانید از خدمات قالب وردپرس ملت وب نیز بهرمند گردید. چگونه میتوانم این طرح را ویرایش کنم ؟ این طرح قابل تبدیل به فایل پی اس دی لایه باز می باشد که میتوانید از طریق آموزش تبدیل eps به psd این کار را به راحتی انجام...

ما همه چیزهایی را که آموختیم، ساخت بهترین الگوهای AngularJS Triangular را به دست آوردیم و آن را با یکدیگر ترکیب کردیم تا الگو جدید Portal Angular 5 را ایجاد کنیم. امکانات ساخته شده با CLI زاویه ای گوگل از مواد زاویه ای Google 2 استفاده می کند داشبورد فوقالعاده شیک 6 پوسته شگفت انگیز از Angluar Flex برای طرح بندی استفاده می کند RTL پشتیبانی شده 7 مثال برنامه صفحات 30+ عنصر صفحات احراز هویت صفحات خطا 9 عکس ساخته...