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

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

ساختار از دو عنصر اصلی تشکیل شده است 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 استفاده می شود. افزودن سبک در...

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

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

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

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

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

امروز ما در حال رفتن به در بالای نگاه CSS انیمیشن کتابخانه برای کمک به شما انیمیشن های بسیار زیبا ایجاد کنید. انیمیشن ها زندگی را به وب، جنبش معنی دار شدت مطمئن UX را به سطح بعدی. شما احتمالا شنیده اصطلاح "انتقال" قبل، درست است؟ انتقال CSS چیزی را به محل در تغییر وضعیت هنگامی که شما معلق در هوا و یا چیزی است. در حال حاضر ما می توانید انیمیشن های CSS به تحریک و تشجیع هر...

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

Aahar - خدمات تحویل غذا Bootstrap4 Template برای هر کسی در کسب و کار خدمات تحویل مواد غذایی طراحی شده است. Aahar برای ارائه مواد غذایی و صاحبان خدمات، سالن های ضیافت، شرکت های پذیرایی که به طعم غذا غذا می دهند، طراحی شده است. ویژگی های قالب: معتبر HTML5 و CSS3 طراحی بی نظیر، تمیز و ساده طراحی لوکس خلاق و مدرن چیدمان گسترده و جعبه کوتاه آماده مجموع صفحات HTML + 19+ 6+ صفحات وبلاگ شگفت انگیز...

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

قالب Flio html قالبی بسیار مناسب برای آژانس های مسافربری مخصوصا آژانس هایی هواپیمایی که  دارای 24 صفحه می باشد برای کاربران ملت وب پیشنهاد می شود فایلهای HTML به ترتیب طراحی و نامگذاری شده اند بنابراین ویرایش هر یک از طرح ها بسیار آسان است. فایلهای قالب html ما با Bootstrap ساخته شده اند. 4. طرح بندی کامل با نیازهای شما مطابقت دارد و به نمایش مطالب شما به قانع کننده ترین راه کمک می کند. شما...

پیش بارگیرها اغلب برای بارگیری وب سایت ها / برنامه های کاربردی آهسته استفاده می شوند تا کاربر را مطلع کنند که وب سایت هنوز بارگذاری شده یا سقوط نکرده است. پیش بارگیرها برای وب سایت ها و برنامه های کاربردی با منابع بسیار مفید هستند. در بسیاری از موارد، بارگذاری انیمیشن ها به عنوان اولین عنصرUX استفاده می شود. آن را به کاربر تایید می کند که برنامه یا وب سایت سقوط نمی...

در این نوشته قصد داریم در مورد فایل هایی با پسوند GIF صحبت کنیم . فرمت GIF  فرمتیست که هم بافت های گرافیکی ثابت رو پشتیبانی میکنه هم بافت های گرافیکی متحرک که در حقیقت کوتاه شده اسم Graphics Interchange Format هست . بر خلاف اون چیزی که بین متخصصان کامپیوتری و طراحان رواج پیدا کرده تلفظ صحیح این فرمت جیف هست . دیکشنری آکسفورد هر دو تلفظ گیف و جیف رو برای این فرمت صحیح میدونه در حالی که...

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

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

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

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

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

قالب Sofiland یک قالب html صفحه فرود کاملاً پاسخگو در همه دستگاه ها برای انتخاب عالی برای راه اندازی جدید یا کسب و کار در حال انجام شما است. این با آخرین بوت استرپ v5-beta1 ساخته شده است. شما به سادگی می توانید محتویات، تصاویر و scss آن را با توجه به اطلاعات شرکت خود به روز کنید. Sofiland دارای 6 نوع طرح بندی مختلف است که برای کسب و کار شما کافی است. امکانات قالب html سافی لند بر اساس Bootstrap v5.1.2 طراحی...

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

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

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

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