آموزش کاربردی طراحی سایت با javascript

مجموعه 30 انیمیشن css و svg کاربردی و جذاب

تمامی انیمیشن های معرفی شده با css و svg و در برخی موارد همراه javascript نیز معرفی شده اند انیمیشن ها قابل دانلود هستند برای دانلود میتوانید از روی کد های آنلاین codepen دانلود را انجام بدید Border توسط شان مک کافری هنگامی که روی دستورالعمل "HOVER" می روید ، فقط با CSS ساخته می شود و یک حاشیه به راحتی متن ای�...

انیمیشن css,سی اس اس انیمیشن

مشاهده جزئیات

۱۷فروردین

دانلود 10 بهترین کتابخانه انتخاب کننده رنگ جاوا اسکریپت

انتخابگر رنگ در بسیاری از موارد در کاربردهای وب مورد استفاده قرار می گیرد که کاربر باید رنگ عنصر را تغییر دهد یا یک رنگ را انتخاب کند. ایجاد یک مجموعه رنگ از ابتدا یک کار دشوار برای یک توسعه دهنده است.بنابراین ما مجبور بودیم از کتابخانه های انتخاب رنگ Javascript استفاده کنیم که می توانید به آسانی در وب سایت های خود استفاده کنید. این کتابخانه ها آسان برای استفاده هس...

جاوااسکریپت,کتابخانه جاوا اسکریپت,جاوا,رنگ,اسکریپت

مشاهده جزئیات

۲۶اسفند

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

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

کد متریال,10 کد متریال,مجموعه متریال

مشاهده جزئیات

۲۴تیر

همه چیز درباره WebAssembly و کاربرد آن

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

وب اسمبلی,WebAssembly,WebAssembly چیست,کاربرد WebAssembly

مشاهده جزئیات

۷تیر

دانلود سورس js , css نمایش گالری تصاویر به صورت سه بعدی

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

گالری عکس,نمایش محصول,سورس فروشگاه,سورس نمایش محصول,نمونه کار

پیشنمایش زنده مشاهده جزئیات

۲۹خرداد

سورس jquery افزودن به سبد خرید سریع

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

سبد خرید,فروشگاه,سورس افزودن به سبد خرید,سبد,خرید

پیشنمایش زنده مشاهده جزئیات

۲۸خرداد

دانلود پروژه css , java جهت نمایش نمونه کار ها با انیمیشن بسیار جذاب

ما با ایده حرکت بلوک های محتوا به عنوان راهی برای انتقال از صفحه اصلی / گالری به صفحه پروژه، بازی کرده ایم. تمام پانل ها در امتداد محور Y حرکت می کنند (محور x در دستگاه های کوچکتر)، و حرکت به وسیله ی این که کاربر میخواهد بیشتر درباره یک پروژه یاد بگیرد یا میخواهد به ناوبری دسترسی پیدا کند، حرکت می کند. تصاویر: unsplash.com ایجاد ساختار ساختار HTML...

نمونه کار,اسلایدر,پروژه نمونه کار,سورس css,سورس js,سورس نمونه کار,سورس سی اس اس

پیشنمایش زنده مشاهده جزئیات

۲۶خرداد

دانلود سورس js , css جستجو پیشرفته با انیمیشن زیبا

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

جستجو,فیلد,فیلد سفارشی,سورس css,سورس js,سورس منو,سورس منو عمودی

پیشنمایش زنده مشاهده جزئیات

۲۶خرداد

دانلود سورس انیمیشن js , css جهت صفحه بندی خدمات شما بدون رفرش

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

صفحه,صفحه بندی,منو,منو css,منو رسپانسیو,منو html,منو جیکوئری

پیشنمایش زنده مشاهده جزئیات

۱۹خرداد

باکس ثبت نام حرفه ای با انیمیشن زیبا css,jquery

در بیشتر موارد، کاربران خود را به یک صفحه ثبت نام هدایت می کنید. با این حال، اگر فرآیند پرداخت شما کاملا ساده باشد، یک روش جایگزین برای جابجایی جدول قیمت گذاری است، و در همان صفحه، فرم پرداخت را نشان می دهد. این همان چیزی است که ما با قطعه امروز تلاش کردیم. صحبت کردن به اندازه کافی، بیایید به کد بچرخانیم؛) منابع: Velocity.js توسط جولیا�...

سورس css,ثبت نام,سورس js,مدال,مودال باکس,modal box

پیشنمایش زنده مشاهده جزئیات

۱۷خرداد

دانلود منو ساید بار زیبا با css , jquery همراه با دمو

نوشتن رسپانسیو منو برای سایت های مگا، کار ساده ای نیست. اگر شما در حال کار بر روی یک پنل مدیریت هستید، احتمالا شما باید یک منوی عمودی را طراحی و توسعه دهید، با مقدار زیادی زیر مجموعه ها. به همین دلیل تصمیم گرفتیم قطعه امروز را به اشتراک بگذاریم! ناوبری نوار ابزار ما می تواند زندگی شما را ساده تر با ارائه یک قالب شروع ساده برای پروژه بعدی خود؛) آیکون: کت�...

منو,سایدبار,منو css,منو html,منو رسپانسیو

پیشنمایش زنده مشاهده جزئیات

۱۶خرداد

سورس کامل به همراه پیشنمایش تایم لاین jqruey , css

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

تایم لاین,تب بندی,زبانه,سورس css,سورس js,سورس تایم لاین jquery,سورس تایم لاین js

پیشنمایش زنده مشاهده جزئیات

۱۵خرداد

آموزش کامل و سورس سبد خرید css , jquery با پیشنمایش و دانلود

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

سبد خرید,تسویه حساب,کد افزودن به سبد خرید,add to cart,پلاگین جی کوئری سبد خرید,سی اس اس سبد خرید

پیشنمایش زنده مشاهده جزئیات

۱۳خرداد

سورس پنهان سازی منو در هنگام حرکت اسکرول با جی کوئری

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

منو,پنهان سازی منو,پنهان سازی منو در ارتفاع مورد نظر,پنهان سازی منو با جاوا اسکریپت

پیشنمایش زنده مشاهده جزئیات

۱۲خرداد

سورس js نمایش 360 درجه و سه بعدی تصاویر محصولات فروشگاهتان

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

تصویر 360,تصویر 3 بعدی با css,ساخت سه بعدی با جی کوئری,ساخت سه بعدی با css

پیشنمایش زنده مشاهده جزئیات

۱۲خرداد

دلیل استفاده از کتابخانه جاوا اسکریپت React

هنگامی که به توسعه وب و برنامه های تلفن همراه می آید، React انتخاب نهایی برای بسیاری از توسعه دهندگان و کسب و کار است. در Cubet، اولویت ما همواره کتابخانه جاوا اسکریپت است و برای ایجاد شگفتی با رابط کاربر React می باشد. که محبوب و کارآمد به نظر می رسد، React رتبه ستاره 88،588 با 1،167 همکاران از سال انتشار خود را 2013 تا کنون است. چرا در میان تکنسین ها در عرصه توسعه نرم افزار �...

React,جاوااسکریپت,دلایل استفاده از React

مشاهده جزئیات

۲۹اردیبهشت

دانلود پخش ویدیو رایگان جی کوئری و اچ تی ام ال jQuery Videre رسپانسیو

Videre یک پلاگین جی کوئری است که به شما اجازه می دهد یک پخش کننده ویدئویی HTML5، رسپانسیو، همراه با پشتیبانی از دکمه های پخش و قطع و .. با کیفیت می باشد. چگونه از آن استفاده کنید: 1. استایل ضروری و مورد نیاز videre.css را برای پخش کننده ویدیوی HTML5 در داخل تگ هد سایتتان جایگزاری فرمایید. <link rel="stylesheet" href="videre.css&quo...

پخش ویدیو,پلاگین پخش ویدیو,پخش کننده ویدیو,پخش کننده

پیشنمایش زنده مشاهده جزئیات

۲۴اسفند

معرفی React.js

React، از محبوب‌ترین کتابخانه‌های جاوااسکریپت می‌باشد که شرکت‌های بزرگ و کوچک مانند اینستاگرام، نتفلیکس، Airbnb و بسیاری دیگر، از کتابخانه استفاده می‌کنند. چرا React.js؟ React به قول فیس‌بوک، برای حل یک مشکل ساخته شده بود: «ساختن برنامه‌های کاربردی بزرگ، با داده‌هایی که در طول زمان متغیر هستند.» (که دقیقا به‌همین علت، اینستاگرام و فیس‌بوک با استفاده از ...

معرفی React.js , React.js

مشاهده جزئیات

۱۱دی

سورس مودال باکس modal box

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

منو مودال , مودال باکس , مودال سایدبار , modalbox , مودال اشتراک گذاری , modal sidebar , مودال ورود و عضویت

پیشنمایش زنده مشاهده جزئیات

۱۱دی