10 قطعه کد متریال رایگان به صورت اپن سورس
- همه دسته ها
-
- قالب html
- طرح لایه باز
- قالب وردپرس
- پلاگین وردپرس
- قالب و افزونه
- سیستم مدیریت محتوا
- سئو و بهینه سازی
- گرافیک
- آموزش طراحی سایت
فروشی و حرفه ای
رایگان
10 قطعه کد متریال رایگان به صورت اپن سورس
آموزش cssکد جدول رسپانسیو
در اینجا قطعه طراحی مواد با پیچ و تاب منحصر به فرد است. این جدول پاسخگو ایجاد شده توسط سرگئی کوپلاتکی در واقع میزبان لینک های دیگر به قطعه طراحی مواد است. خیلی باحال!
این به طور طبیعی با استفاده از تکنیک های طراحی مواد ایجاد می شود، بنابراین جدول باید کاملا به طرح شما متوسل شود. اما سخت ترین بخشی از طراحی موبایل، ساخت جداول است که روی صفحه نمایش...
رایگان
دانلود سورس js , css نمایش گالری تصاویر به صورت سه بعدی
آموزش cssایده این منبع این است: اگر من یک گالری محصولات داشته باشم، من بهترین تصویر را برای هر یک از آنها انتخاب می کنم. اما اگر یک تصویر کافی نیست چه؟ مشتری بر روی محصول کلیک می کند، او به صفحه محصول تکیه می کند، و در بیشتر موارد، یک نمایش اسلاید در آنجا پیدا می کند. با این حال، اگر آنها قبل از رفتن به صفحه محصول، تصاویر بیشتری از یک محصول مشابه را ببینند، احتمال بیشتری وجود دارد که آنها...
رایگان
۱۴ قطعه کد مفید برای ایجاد تغییرات در وردپرس
آموزش wordpressگاهی اوقات به این فکر میکنیم که چگونه میتوان کمی متفاوت تر عمل کرد و وردپرس سایت خود را شخصی سازی کرد؟ راه های زیادی برای متفاوت بودن وجود دارد که با کمک افزونه ها یا قطعه کد در وردپرس میتوان به آن رسید. در حال حاضر یافتن افزونه ها بسیار راحت تر از قطعه کد ها میباشد زیرا بر تعداد آنها روز به روز افزوده میشود و مورد دیگر اینکه استفاده از قطعه کدها نیازمند دقت بیشتری...
رایگان
سورس مودال باکس modal box
آموزش cssسلام خدمت دوستان امروز با آموزش ساخت مودال باکس خدمت شما هستیم که بسیار مناسب برای ایده گیری و تسریع در طراحی وب سایت خواهد بود modal box فوق از 7 دموی متفاوت می باشد که میتوان به ساید بار کردن منو ها با مودال و دگمه های اشتراک گذاری متون با کاراکتر بیشتر با استفاده فول اسکرین و کلی امکانات دیگر...
در زیر نمایی از تصاویر دمو رو خدمتتون ارسال میکنیم :
مودال ورود و عضویت:
مودال...
رایگان
سورس jquery افزودن به سبد خرید سریع
آموزش cssاستفاده از صفحه نمایش بزرگتر نباید محدود به استفاده از تصاویر / عناصر بزرگتر باشد. ما می توانیم این پیکسل های اضافی را با افزایش تجربه کاربر با ویژگی های اضافی کار کنیم.
UX استاندارد برای یک گالری محصول: کلیک کاربر بر روی یک محصول که او دوست دارد، و سپس به صفحه محصول تک حرکت می کند. از این جا، او قصد دارد برخی از گزینه ها را انتخاب کند و در نهایت محصول را به سبد خرید اضافه کند. هیچ...
رایگان
دانلود سورس استایل CSS برای منو کشویی با انیمیشن
آموزش cssساختار
از دو عنصر اصلی تشکیل شده است 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 استفاده می شود.
افزودن سبک
در...
رایگان
دانلود سورس js , css جستجو پیشرفته با انیمیشن زیبا
آموزش cssبدست آوردن تجربه جستجو به راستی کار ساده ای نیست. نقطه شروع همیشه فرم جستجو است که در اکثر موارد تنها شامل یک فیلد ورودی و یک دکمه ارسال است. صفحه نتایج جستجو برای طراحی بسیار مشکل است، مخصوصا اگر شما دارای دسته های مختلف محتوا باشید.
برای وب سایت های بزرگ و فروشگاه های آنلاین، چه مهم است، اما سعی کنید پیش بینی حرکت کاربر. ما باید توجه داشته باشیم که اغلب کاربران ما در مورد کجا...
رایگان
دانلود طرح بنر زیبا متریال رایگان
وکتوردانلود وکتور توسط طراحان ملت که منبع طراح های رایگان گرافیکی می باشد را تقدیم کاربران عزیز خود میکند، همچنین می توانید از خدمات قالب وردپرس ملت وب نیز بهرمند گردید.
چگونه میتوانم این طرح را ویرایش کنم ؟
این طرح قابل تبدیل به فایل پی اس دی لایه باز می باشد که میتوانید از طریق آموزش تبدیل eps به psd این کار را به راحتی انجام...
رایگان
سورس js نمایش 360 درجه و سه بعدی تصاویر محصولات فروشگاهتان
آموزش cssدر طراحی تجارت الکترونیک یکی از اهداف اصلی این است که فاصله بین محصول و کاربر را پر کنید. این به ویژه برای کالاهای با قیمت بالا مرتبط است. از این رو، اهمیت ادغام ابزارهای تعاملی، برای دادن کاربر به یک راه برای "تقریبا تجربه" محصول.
منابع امروز یک منبع ساده و تعاملی است که می تواند برای نشان دادن یک تور مجازی از محصول استفاده شود. ایده قطعه این است که از یک حرکت تصویر...
رایگان
آموزش کامل و سورس سبد خرید css , jquery با پیشنمایش و دانلود
آموزش cssما در مورد فرآیند "اضافه به سبد خرید" به الگوهای مختلفی استفاده می کنیم. ایده اصلی این الگو، اطلاع دادن به کاربر است که یک مورد به سبد اضافه شده است و او را با یک پیوند برای ادامه به پرداخت، ارائه می دهد.
ما با این ایده مخفی کردن سبد خرید به طور پیش فرض آزمایش کرده ایم و آن را زمانی که کاربر بر روی دکمه «افزودن به سبد خرید» کلیک می کند نشان می دهد. به این ترتیب کاربر می...
رایگان
سورس کامل به همراه پیشنمایش تایم لاین jqruey , css
آموزش cssخط زمانی عمودی ما تا کنون یکی از محبوب ترین منابع در ملت وب است. بسیاری از شما از ما خواسته اید تا یک جدول زمانی افقی را نیز اضافه کنید. که تقدیم شما میگردد.
ساخت یک جدول زمانی افقی کمی دشوار بود، زیرا شما نمی توانید به عمودی (بصری) رفتار پیمایش تکیه کنید. ما تصمیم گرفتیم جداول زمانی و حوادث را جدا کنیم، اولین کسی که مانند یک نوار لغزنده کار می کند، در حالی که دومین اشغال...
رایگان
سورس پنهان سازی منو در هنگام حرکت اسکرول با جی کوئری
آموزش cssدر حال حاضر، به طور خاص در دستگاه های تلفن همراه، جهش های خودکار پنهان شده اند. پشت همین ایده این الگوی UX ساده و در عین حال کارآمد است: ما می خواهیم ناوبری آسان برای رسیدن به تمام زمان، بنابراین ما آن را در بالا قرار می گیرند. با این حال، هنگامی که کاربر به سمت پایین حرکت می کند، ما آن را به طور خودکار پنهان می کنیم تا مکان بیشتری برای محتوا ایجاد شود. اگر کاربر حرکت کند، رفتار خود...
رایگان
دانلود رایگان قالب مدیریت متریال
قالب سایت
زاویه برنامه مواد
نسخه ی نمایشی زنده دانلود
ToxNgx
نسخه ی نمایشی زنده دانلود
بازگشت به محتوا | MaterialPro
نسخه ی نمایشی زنده دانلود
AdminBSB مواد طراحی
نسخه ی نمایشی زنده دانلود
داشبورد مواد
نسخه ی نمایشی زنده دانلود
حداقل موضوع محیط مدیریت
نسخه ی نمایشی زنده دانلود
UI Hubuntu
نسخه ی نمایشی زنده دانلود
تحقق مدیریت
نسخه ی نمایشی...
رایگان
دانلود رایگان 50 قالب HTML متریال
قالب رایگان htmlامروز ما به برخی از بهترین قالب های HTML5 طراحی مواد رایگان نگاه می کنیم . سیستم طراحی مواد توسط گوگل در سال 2014 معرفی شده است از آن زمان تاکنون به این نتیجه رسیده است. در حال حاضر اکثر محصولات Google بر اساس اصل طراحی مواد هستند. بسیاری از طراحان از طراحی مواد به عنوان پایه سیستم طراحی خود استفاده می کنند.
سیستم طراحی مواد در حال حاضر نه تنها برای طراحی UI محدود است. در حال حاضر...
رایگان
دانلود قالب مدیریت ادمین متریال Con
قالب رایگان htmlCon داشبورد مدیریت بر اساس چارچوب Materialize است. قالب به طور کامل بر اساس HTML5، CSS3 استاندارد است. همچنین نسخه AngularJS را به صورت رایگان دریافت خواهید کرد. کاملا پاسخگو و تمیز در هر دستگاه و هر مرورگر مدرن (IE9 و جدیدتر). پاسخگو داشبورد مدیریت حساب Con به نظر می رسد به همان اندازه خوبی در رایانه ها و دستگاه های تلفن همراه است. قابل تنظیم. اگر می دانید چگونه با Gulp کار کنید، می توانید به راحتی کد منبع...
رایگان
دانلود بنر بیلبورد رایگان متریال گرافیکی
وکتوردانلود وکتور توسط طراحان ملت که منبع طراح های رایگان گرافیکی می باشد را تقدیم کاربران عزیز خود میکند، همچنین می توانید از خدمات قالب وردپرس ملت وب نیز بهرمند گردید.
چگونه میتوانم این طرح را ویرایش کنم ؟
این طرح قابل تبدیل به فایل پی اس دی لایه باز می باشد که میتوانید از طریق آموزش تبدیل eps به psd این کار را به راحتی انجام...
رایگان
دانلود سورس انیمیشن js , css جهت صفحه بندی خدمات شما بدون رفرش
آموزش cssما اخیرا با یک انیمیشن طراحی شده با CSS تجربه کردیم که جایگزین تازه کردن صفحه وب می شود در حالی که محتوای با استفاده از ajax به روز شده است. انفجار امروز بر اساس یک ایده است، اما با یک اجرای متفاوت: در این زمان یک اثر شناور ساده تبدیل به یک نوار بارگذاری، که در نهایت با محتوای جدید گسترش می یابد!
آیکون های کتابخانه هسته ای ما .
ایجاد ساختار
ساختار HTML از یک...
رایگان
دانلود 20 قالب رایگان وردپرس با طراحی متریال
قالب سایتطراحی مواد تکامل به عنوان یک زبان جهانی طراحی برای رابط. گوگل زبان طراحی محصولات خود را به طراحی مواد متحد کرده است. طراحی مواد یک زبان بصری بسیار قوی برای رابط است. تعامل معنی دار، رنگ های جسورانه، سایه های طبیعی تمام این جنبه اصول اولیه طراحی مواد هستند.
ما می توانیم بسیاری از وب سایت با استفاده از اصل را ببینید طراحی مواد برای رابط های خود را. همانطور که...
رایگان
دانلود وکتور کاراکتر کارتونی زیبا متریال
وکتوردانلود وکتور توسط طراحان ملت که منبع طراح های رایگان گرافیکی می باشد را تقدیم کاربران عزیز خود میکند، همچنین می توانید از خدمات قالب وردپرس ملت وب نیز بهرمند گردید.
چگونه میتوانم این طرح را ویرایش کنم ؟
این طرح قابل تبدیل به فایل پی اس دی لایه باز می باشد که میتوانید از طریق آموزش تبدیل eps به psd این کار را به راحتی انجام...
رایگان
دانلود طرح وکتور اهدا گواهینامه متریال زیبا
وکتوردانلود وکتور توسط طراحان ملت که منبع طراح های رایگان گرافیکی می باشد را تقدیم کاربران عزیز خود میکند، همچنین می توانید از خدمات قالب وردپرس ملت وب نیز بهرمند گردید.
چگونه میتوانم این طرح را ویرایش کنم ؟
این طرح قابل تبدیل به فایل پی اس دی لایه باز می باشد که میتوانید از طریق آموزش تبدیل eps به psd این کار را به راحتی انجام...
رایگان
دانلود مجموعه آیکون های کارواش و شست شوی ماشین متریال
وکتوردانلود وکتور توسط طراحان ملت که منبع طراح های رایگان گرافیکی می باشد را تقدیم کاربران عزیز خود میکند، همچنین می توانید از خدمات قالب وردپرس ملت وب نیز بهرمند گردید.
چگونه میتوانم این طرح را ویرایش کنم ؟
این طرح قابل تبدیل به فایل پی اس دی لایه باز می باشد که میتوانید از طریق آموزش تبدیل eps به psd این کار را به راحتی انجام...
رایگان
معرفی +30 قالب متریال و آیکون ها برای طراحان خوش سلیقه
آیکن هاطراحی و طراحی مجدد گوگل در سال 2014، طراحی محتوا یک زبان بصری نوآورانه است که برای متحد کردن تجربه کاربری تمام محصولات خود در همه دستگاه ها ایجاد شده است و بر اساس اصول طراحی عالی همراه با فناوری قدرتمند ساخته شده است.
زیبایی Material Design را می توان در تمام برنامه های تلفن همراه گوگل (Gmail، صندوق ورودی، تقویم، یوتیوب ...) و سایت های دسکتاپ مشاهده کرد. و فقط به عنوان iOS اپل و مترو...
رایگان
دانلود وکتور مجموع آیکن دانشگاه متریال زیبا
وکتوردانلود وکتور توسط طراحان ملت که منبع طراح های رایگان گرافیکی می باشد را تقدیم کاربران عزیز خود میکند، همچنین می توانید از خدمات قالب وردپرس ملت وب نیز بهرمند گردید.
چگونه میتوانم این طرح را ویرایش کنم ؟
این طرح قابل تبدیل به فایل پی اس دی لایه باز می باشد که میتوانید از طریق آموزش تبدیل eps به psd این کار را به راحتی انجام...
رایگان
دانلود رایگان قالب مدیریت Angular, React & HTML متریال Portal
قالب رایگان htmlما همه چیزهایی را که آموختیم، ساخت بهترین الگوهای AngularJS Triangular را به دست آوردیم و آن را با یکدیگر ترکیب کردیم تا الگو جدید Portal Angular 5 را ایجاد کنیم.
امکانات
ساخته شده با CLI زاویه ای گوگل
از مواد زاویه ای Google 2 استفاده می کند
داشبورد فوقالعاده شیک
6 پوسته شگفت انگیز
از Angluar Flex برای طرح بندی استفاده می کند
RTL پشتیبانی شده
7 مثال برنامه
صفحات 30+ عنصر
صفحات احراز هویت
صفحات خطا
9 عکس ساخته...
رایگان