🔥 روش خلاقانه در استفاده از #clip_path برای پیاده سازی #input های جذاب

Demo:
🌐 https://goo.gl/srLLcY

#frontend #CSS #UI

✅ @coderszone

🔥 تغییرات جدید در ظاهر و عملکرد #توییتر در راه است.

البته این قابلیت ها فعلا برای برخی از کاربران فعال شده است.

قرار است سرعت بهتر شده، نمایش ترندها ارتقا پیدا کرده و یک سری تغییرات در زمان نگارش توییت اعمال گردد.

#twitter #social_media

✅ @coderszone

🔥 مقایسه زبان های برنامه نویسی برتر دنیا با #پایتون

🌐 https://goo.gl/9EFk9V

✅ @coderszone

🔥 روش prettify کردن خروجی #json

پارامتر سوم این متد تعداد space های ابتدای هر خط در خروجی را مشخص می کند.

#frontend #javascript

✅ @coderszone

🔥 قابلیت استفاده از تم #dark در مرورگر #chrome نسخه 73 بر روی سیستم عامل #Mac فعال شده است.

#browser

✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥 ساختارهای #navigation تو در تو که در sidebar ها قرار می گیرند خیلی زود عمیق و پیچیده می شوند.

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

#UI #UX #frontend #CSS

✅ @coderszone

🔥 10 #فیلم سینمایی برتر به انتخاب #هکرها و #برنامه‌نویسان

🌐 https://goo.gl/FRMg32

#movie

✅ @coderszone

🔥 ⁣⁣⁣#طرح خلاقانه subscribe/unsubscribe کاربران

#frontend #UI #UX

✅ @coderszone

🔥 بدون شرح

#UI #frontend #backend

✅ @coderszone

⁠⁣⁣🔥 بسیاری از افراد از مشاهده سایت های موبایلی که بارگذاری آن ها بیش از چند ثانیه طول می کشد منصرف می شوند.

با استفاده از سرویس زیر می توانید سرعت بارگذاری سایت خود را با حداکثر 10 سایت دیگر مقایسه کنید:

⁣🌐⁣https://www.thinkwithgoogle.com/feature/mobile

⁣✅@coderszone

🔥 یکی از اشتباهات رایج و آزار دهنده در بسیاری از #فروشگاه های اینترنتی این است که هیچ نشانه ای از موجود بودن/نبودن در لیست محصولات وجود ندارد. در نتیجه تا زمانی که کاربر وارد صفحه یک #محصول خاص نشده است، از موجودی محصول آگاهی ندارد.

سایت levi.com که در زمینه فروش پوشاک فعالیت می کند این اشتباه را مرتکب شده است.

🌟عدم رعایت این موضوع باعث بی اعتمادی کاربران به فروشگاه شما خواهد شد.

#frontend #UI #UX #backend #ecommerce

✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥 بررسی های نشان میدهند در سال 2019، 87% از افراد محتوای
ویدیویی را به دیگر انواع محتوا ترجیح دهند.

از این رو بهینه سازی ویدیو ها به یکی از مهمترین فاکتور های #seo تبدیل خواهد شد.

#search_engine

✅ @coderszone

🔥 مجموعه ای از انیمیشن های ساخت #همبرگر_منو با #CSS

🌐 https://goo.gl/AXSThW

#frontend #UI

✅ @coderszone

🔥 نمونه ⁣⁣⁣#طرح پیاده سازی #tap_bar

#frontend #UI #android #iOS

✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥 capture-website

نام کتابخانه ای مبتنی بر #node_js است که با استفاده از آن می توانید از وبسایت های گوناگون #screen بگیرید.

🌐 https://goo.gl/3Va12t

#frontend #UI #javascript

✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥 ایجاد افکت امواج بر روی متن ها

با استفاده از کتابخانه Blotter.js می توانید به انواع متن ها انیمیشن های موج (Distortion) اعمال کنید.

دمو ها:
🌐https://goo.gl/G7nR6M

آموزش و #source :
🌐 https://goo.gl/V3V2ut

#frontend #UI #javascript

✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥 نمونه #طرح ثبت task در یک #calendar

#frontend #UI #inspiration #android #iOS

✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥 اسکریپتی مخصوص مشتریانی که پول پروژه را نمی دهند. 😎😎

با استفاده از scriptی به نام not-paid می توان با تعیین یک مبدا زمانی و تعداد روزهای مشخص کاری کرد که هر روز با نزدیک شدن به روز موعود، #opacity کل صفحه کاهش یافته تا در پایان آن تعداد روز ، صفحات سایت به طور کامل محو شوند.

💡 البته پیشنهاد می شود از این #اسکریپت صرفا جهت سرگرمی و در سرویس های رایگانی که ارائه می کنید و نه برای کارهای تجاری جدی استفاده کنید.

🌐 https://goo.gl/WpW2pg

#frontend #UI #javascript

✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥 حضور در #مصاحبه‌_شغلی ممکن است استرس‌زا باشد. بنابراین هرچه تجربه بیشتری به دست آورید، اعتماد به نفس بیشتری خواهید داشت.

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

✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥 تقاوت #developer و #desinger بدون شرح

#frontend #UI

✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥 وقتی که نقاط ابتدا یا انتهای gradient ها را transparent می کنید مرورگر #safari آن ها را به صورت سیاه و سفید نمایش می دهد. دلیل هم این است که این مرورگر کلا گزینه trasparent را نمی شناسد.

با جایگزینی (0, 0, 0, 0)rgba می توان این مشکل را حل نمود.

.section-hero {
  background: linear-gradient(rgba(0, 0, 0,0), #d7e0ef), #527ee0;
  /*Other styles*/
}

#frontend #UI #CSS #browser

✅ @coderszone