
04144235034
انتخابگر رنگ در بسیاری از موارد در کاربردهای وب مورد استفاده قرار می گیرد که کاربر باید رنگ عنصر را تغییر دهد یا یک رنگ را انتخاب کند. ایجاد یک مجموعه رنگ از ابتدا یک کار دشوار برای یک توسعه دهنده است.بنابراین ما مجبور بودیم از کتابخانه های انتخاب رنگ Javascript استفاده کنیم که می توانید به آسانی در وب سایت های خود استفاده کنید. این کتابخانه ها آسان برای استفاده هس...
جاوااسکریپت,کتابخانه جاوا اسکریپت,جاوا,رنگ,اسکریپتکد جدول رسپانسیو در اینجا قطعه طراحی مواد با پیچ و تاب منحصر به فرد است. این جدول پاسخگو ایجاد شده توسط سرگئی کوپلاتکی در واقع میزبان لینک های دیگر به قطعه طراحی مواد است. خیلی باحال! ...
کد متریال,10 کد متریال,مجموعه متریالWebAssembly (ism) متفاوت با سایر API های وب است که شما ممکن است با آن بازی کرده باشید. این یک استاندارد است که فرمت اجرایی باینری را برای برنامه های سمت سرویس گیرنده در وب تعریف می کند، که می تواند در مرورگر اجرا شود، در عین حال با استفاده از قابلیت های سخت افزاری سرعت و سطح پایین دستگاه ماشین. در حالیکه این یک استاندارد نسبتا جدید است که در حال حاضر توجه بیشتری را به خود جلب کرده است، در حال...
وب اسمبلی,WebAssembly,WebAssembly چیست,کاربرد WebAssemblyایده این منبع این است: اگر من یک گالری محصولات داشته باشم، من بهترین تصویر را برای هر یک از آنها انتخاب می کنم. اما اگر یک تصویر کافی نیست چه؟ مشتری بر روی محصول کلیک می کند، او به صفحه محصول تکیه می کند، و در بیشتر موارد، یک نمایش اسلاید در آنجا پیدا می کند. با این حال، اگر آنها قبل از رفتن به صفحه محصول، تصاویر بیشتری از یک محصول مشابه را ببینند، احتمال بیشتری وجود دارد که آنها ...
گالری عکس,نمایش محصول,سورس فروشگاه,سورس نمایش محصول,نمونه کاراستفاده از صفحه نمایش بزرگتر نباید محدود به استفاده از تصاویر / عناصر بزرگتر باشد. ما می توانیم این پیکسل های اضافی را با افزایش تجربه کاربر با ویژگی های اضافی کار کنیم. UX استاندارد برای یک گالری محصول: کلیک کاربر بر روی یک محصول که او دوست دارد، و سپس به صفحه محصول تک حرکت می کند. از این جا، او قصد دارد برخی از گزینه ها را انتخاب کند و در نهایت محصول را به سبد خرید اضافه کند. ...
سبد خرید,فروشگاه,سورس افزودن به سبد خرید,سبد,خریدما با ایده حرکت بلوک های محتوا به عنوان راهی برای انتقال از صفحه اصلی / گالری به صفحه پروژه، بازی کرده ایم. تمام پانل ها در امتداد محور Y حرکت می کنند (محور x در دستگاه های کوچکتر)، و حرکت به وسیله ی این که کاربر میخواهد بیشتر درباره یک پروژه یاد بگیرد یا میخواهد به ناوبری دسترسی پیدا کند، حرکت می کند. تصاویر: unsplash.com ایجاد ساختار ساختار HTML...
نمونه کار,اسلایدر,پروژه نمونه کار,سورس css,سورس js,سورس نمونه کار,سورس سی اس اسبدست آوردن تجربه جستجو به راستی کار ساده ای نیست. نقطه شروع همیشه فرم جستجو است که در اکثر موارد تنها شامل یک فیلد ورودی و یک دکمه ارسال است. صفحه نتایج جستجو برای طراحی بسیار مشکل است، مخصوصا اگر شما دارای دسته های مختلف محتوا باشید. برای وب سایت های بزرگ و فروشگاه های آنلاین، چه مهم است، اما سعی کنید پیش بینی حرکت کاربر. ما باید توجه داشته باشیم که اغلب کاربران ما در مورد...
جستجو,فیلد,فیلد سفارشی,سورس css,سورس js,سورس منو,سورس منو عمودیما اخیرا با یک انیمیشن طراحی شده با CSS تجربه کردیم که جایگزین تازه کردن صفحه وب می شود در حالی که محتوای با استفاده از ajax به روز شده است. انفجار امروز بر اساس یک ایده است، اما با یک اجرای متفاوت: در این زمان یک اثر شناور ساده تبدیل به یک نوار بارگذاری، که در نهایت با محتوای جدید گسترش می یابد! آیکون های کتابخانه هسته ای ما . ایجاد سا...
صفحه,صفحه بندی,منو,منو css,منو رسپانسیو,منو html,منو جیکوئریدر بیشتر موارد، کاربران خود را به یک صفحه ثبت نام هدایت می کنید. با این حال، اگر فرآیند پرداخت شما کاملا ساده باشد، یک روش جایگزین برای جابجایی جدول قیمت گذاری است، و در همان صفحه، فرم پرداخت را نشان می دهد. این همان چیزی است که ما با قطعه امروز تلاش کردیم. صحبت کردن به اندازه کافی، بیایید به کد بچرخانیم؛) منابع: Velocity.js توسط جولیا...
سورس css,ثبت نام,سورس js,مدال,مودال باکس,modal boxنوشتن رسپانسیو منو برای سایت های مگا، کار ساده ای نیست. اگر شما در حال کار بر روی یک پنل مدیریت هستید، احتمالا شما باید یک منوی عمودی را طراحی و توسعه دهید، با مقدار زیادی زیر مجموعه ها. به همین دلیل تصمیم گرفتیم قطعه امروز را به اشتراک بگذاریم! ناوبری نوار ابزار ما می تواند زندگی شما را ساده تر با ارائه یک قالب شروع ساده برای پروژه بعدی خود؛) آیکون: کت...
منو,سایدبار,منو css,منو html,منو رسپانسیوخط زمانی عمودی ما تا کنون یکی از محبوب ترین منابع در ملت وب است. بسیاری از شما از ما خواسته اید تا یک جدول زمانی افقی را نیز اضافه کنید. که تقدیم شما میگردد. ساخت یک جدول زمانی افقی کمی دشوار بود، زیرا شما نمی توانید به عمودی (بصری) رفتار پیمایش تکیه کنید. ما تصمیم گرفتیم جداول زمانی و حوادث را جدا کنیم، اولین کسی که مانند یک نوار لغزنده کار می...
تایم لاین,تب بندی,زبانه,سورس css,سورس js,سورس تایم لاین jquery,سورس تایم لاین jsما در مورد فرآیند "اضافه به سبد خرید" به الگوهای مختلفی استفاده می کنیم. ایده اصلی این الگو، اطلاع دادن به کاربر است که یک مورد به سبد اضافه شده است و او را با یک پیوند برای ادامه به پرداخت، ارائه می دهد. ما با این ایده مخفی کردن سبد خرید به طور پیش فرض آزمایش کرده ایم و آن را زمانی که کاربر بر روی دکمه «افزودن به سبد خرید» کلیک می کند نشان می دهد. به این ترتیب کاربر می...
سبد خرید,تسویه حساب,کد افزودن به سبد خرید,add to cart,پلاگین جی کوئری سبد خرید,سی اس اس سبد خریددر حال حاضر، به طور خاص در دستگاه های تلفن همراه، جهش های خودکار پنهان شده اند. پشت همین ایده این الگوی UX ساده و در عین حال کارآمد است: ما می خواهیم ناوبری آسان برای رسیدن به تمام زمان، بنابراین ما آن را در بالا قرار می گیرند. با این حال، هنگامی که کاربر به سمت پایین حرکت می کند، ما آن را به طور خودکار پنهان می کنیم تا مکان بیشتری برای محتوا ایجاد شود. اگر کاربر حرکت کند، رفتار خود...
منو,پنهان سازی منو,پنهان سازی منو در ارتفاع مورد نظر,پنهان سازی منو با جاوا اسکریپتدر طراحی تجارت الکترونیک یکی از اهداف اصلی این است که فاصله بین محصول و کاربر را پر کنید. این به ویژه برای کالاهای با قیمت بالا مرتبط است. از این رو، اهمیت ادغام ابزارهای تعاملی، برای دادن کاربر به یک راه برای "تقریبا تجربه" محصول. منابع امروز یک منبع ساده و تعاملی است که می تواند برای نشان دادن یک تور مجازی از محصول استفاده شود. ایده قطعه این است که از یک حرکت تصویر اس...
تصویر 360,تصویر 3 بعدی با css,ساخت سه بعدی با جی کوئری,ساخت سه بعدی با cssهنگامی که به توسعه وب و برنامه های تلفن همراه می آید، React انتخاب نهایی برای بسیاری از توسعه دهندگان و کسب و کار است. در Cubet، اولویت ما همواره کتابخانه جاوا اسکریپت است و برای ایجاد شگفتی با رابط کاربر React می باشد. که محبوب و کارآمد به نظر می رسد، React رتبه ستاره 88،588 با 1،167 همکاران از سال انتشار خود را 2013 تا کنون است. چرا در میان تکنسین ها در عرصه توسعه نرم افزار ...
React,جاوااسکریپت,دلایل استفاده از ReactVidere یک پلاگین جی کوئری است که به شما اجازه می دهد یک پخش کننده ویدئویی HTML5، رسپانسیو، همراه با پشتیبانی از دکمه های پخش و قطع و .. با کیفیت می باشد. چگونه از آن استفاده کنید: 1. استایل ضروری و مورد نیاز videre.css را برای پخش کننده ویدیوی HTML5 در داخل تگ هد سایتتان جایگزاری فرمایید. <link rel="stylesheet" href="videre.css&quo...
پخش ویدیو,پلاگین پخش ویدیو,پخش کننده ویدیو,پخش کنندهReact، از محبوبترین کتابخانههای جاوااسکریپت میباشد که شرکتهای بزرگ و کوچک مانند اینستاگرام، نتفلیکس، Airbnb و بسیاری دیگر، از کتابخانه استفاده میکنند. چرا React.js؟ React به قول فیسبوک، برای حل یک مشکل ساخته شده بود: «ساختن برنامههای کاربردی بزرگ، با دادههایی که در طول زمان متغیر هستند.» (که دقیقا بههمین علت، اینستاگرام و فیسبوک با استفاده از ...
معرفی React.js , React.jsسلام خدمت دوستان امروز با آموزش ساخت مودال باکس خدمت شما هستیم که بسیار مناسب برای ایده گیری و تسریع در طراحی وب سایت خواهد بود modal box فوق از 7 دموی متفاوت می باشد که میتوان به ساید بار کردن منو ها با مودال و دگمه های اشتراک گذاری متون با کاراکتر بیشتر با استفاده فول اسکرین و کلی امکانات دیگر... در زیر نمایی از تصاویر دمو رو خدمتتون ارسال میکنیم : مودال ورود و عضویت:...
منو مودال , مودال باکس , مودال سایدبار , modalbox , مودال اشتراک گذاری , modal sidebar , مودال ورود و عضویتایجاد متغیرها در جاوا اسکریپت: 1) اعلان: متغیر یک نام منحصر بفرد گرفته و در محدودهی اجرایی خودش ثبت میشود. 2)مقداردهی اولیه: بعد از تعریف متغیر یک مقدار اولیه پیش فرض به آن داده میشود. در واقع متغیر ها مکانهایی از حافظه هستند که دادهها را در خود ذخیره میکند. 3)انتصاب زمانی اتفاق میافتد که مقدار خاصی به متغیر اختصاص داده شود. &q...
ES6 ، جاوااسکریپت ، برنامه نویسی ، js ، متغیر ، ecmascriptتوسط امین صفرپور
دانلود قالب EvnTalk قالب وردپرس کنفرانس ، همایش و رویداد قالب فارسی ئ راستچین برگذاری همایش...
توسط امین صفرپور
دانلود قالب Ashade قالب وردپرس عکاسی و نمونه کار قالب حرفه ای نمونه کار عکس و عکاسی...