آموزش طراحی سایت با jQuery

چطوری میتونید وب سایت فروشگاهی بسازید ؟  من قول میدم بهتون این کارو براتون خیلی راحت آموزش بدم اگه باور ندارد چند دقیقه وقتتو بذارید ببینید چه راز هایی بهتون خواهم گفت ؟ این آموزش یک آموزش فول استک و کامل برای ساخت یک وب سایت با html می باشد که مشکل بسیار از برنامه نویسان می باشد چرا که یک برنامه نویس باید ساختار وب سایت را درک کند و بتواند در زمان مناسب ریکشن نشان دهد موافقین ؟ اگه...

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

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

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

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

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

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

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

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

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

ایجاد ساختار HTML در 2 اصلی ساختار <div> با کلاس ( .cd-slider-wrapperو .cd-item-info) - اولی مربوط به گالری عکس و دوم اطلاعات محصول (عنوان، دکمه عمل ..) - پیچیده در داخل یک section.cd-single-item. محتوای باقی مانده در یک .cd-contentبخش جداگانه وارد شده است . <section class="cd-single-item"> <div class="cd-slider-wrapper"> <ul class="cd-slider"> <li class="selected"><img src="img/img-1.jpg"...

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

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

100+ بهترین پلاگین جی کوئری اسلایدر رایگان   جمع آوری 100+ بهترین پلاگین های اسلایدر جی کوئری، تمام پلاگین ها برای استفاده در پروژه های خود کاملا رایگان هستند. jQuery سبک سبک و قدرتمند کتابخانه جاوا اسکریپت برای ایجاد وب سایت تعاملی از بسیاری جهات است. jQuery کمک می کند تا استفاده از جاوا اسکریپت در وب سایت های شما آسان تر باشد. jQuery دارای یک قدرتمند قدرتمند است که توسعه شما بسیار...

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

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

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

با 15 نمونه سورس تب بندی شده در خدمت دوستان هستیم که امیدواریم خوشتان آمده باشد فایل های این مجموعه کاملا کم حجم بوده و از انیمشن های جالب و زیبا جهت باز کردن تب بندی ها استفاده گردیده که طرح را بسیار زیبا کرده است جهت نمایش آیکون ها از svg استفاده گردیده که سرعت کار را بالا ببرد  از تگ های سکشن جهت باز شروع و اتمام تب ها استفاده شده است   آموزش تنظیمات تب بندی ها : ما از آیکون...