⁣⁣⁣⁣⁣🔥 پیشنهاد می شود مدت زمان اجرای انیمیشن ها در موبایل را در محدوده 200-300 میلی ثانیه قرار دهید. در #تبلت نیز باید سرعت 30% بیشتر یعنی 400-450 میلی ثانیه در نظر گرفته شود. دلیل نیز ساده است : سایز صفحه نمایش بزرگتر است و المان ها باید مسیر طولانی تری را طی کنند.

در عوض برای ابزار پوشیدنی-همچون ساعت های هوشمند- زمان اجرای انیمشین ها 30% کمتر و حدود 150-200 میلی ثانیه باشد چرا که در این گونه ابزار به دلیل سایز کوچک، مسیر جابجایی عناصر کوتاه تر است.

#UI #UX #frontend

✅@coderszone

⁣⁣🔥نسخه 2018.3 EAP build #8 نرم افزار #PHPStorm منتشر شد.

🌐⁣⁣⁣⁣https://goo.gl/Gija5Q

#backEnd

⁣✅@coderszone

⁣⁣⁣⁣⁣⁣🔥⁣⁣⁣#گوگل چگونه استعدادهای کارمندانش را شکوفا می‌سازد؟

🌐⁣⁣https://goo.gl/uvBzLm

✅@coderszone

⁣⁣⁣🔥 اخیرا #google روش رنگکینگ خود را به ⁣mobile-first indexing تغییر داده است. به این معنی که از این پس "گوگل قبل از هر چیز، از محتوای نسخه موبایل وبسایت ها برای index صفحات و رتبه بندی سایت ها استفاده خواهد کرد."

با این شرایط، باید حواستان باشد که محتوای نسخه موبایل و دسکتاپ شما مانند هم باشد. بعلاوه باید #Metadata ها نیز مانند title و meta description ها در هر دو نسخه با هم برابر باشند.

#frontend #SEO

⁣✅@coderszone

⁣⁣⁣⁣⁣🔥نمونه #طرح الهام بخش دکمه #share در اپ #اندروید

#inspiration #UI #frontend #android

✅@coderszone

⁣⁣⁣⁣⁣🔥 برای اینکه باکس ها در صفحه جلب توجه کنند به جای استفاده از سایه های با محوشدگی(blur) زیاد و اندازه (spread) های بزرگ، offset عمودی آن را زیاد کنید.

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

#frontend #UI #UX #tips

✅@coderszone

🔥اپلیکیشن #Hawkeye_Access ، به شما امکان کنترل دستگاه #iOS تان با استفاده از چشم ها را می دهد. با این ابزار میتوانید بدون دخالت دست و تنها با حرکت چشم ها،سایت ها را باز کرده و مرور کنید.

🌐https://goo.gl/JjdFAP

#app #iphone

✅@coderszone

⁣⁣⁣🔥#طرح خلاقانه دکمه افزودن به علاقمندی

#UI #frontend

⁣✅@coderszone

🔥 به محتوای ویدیویی #فروشگاه خود تا سال 2019 بیشتر بها بدهید.

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

#ecommerce #digital_marketing

✅@coderszone

⁣⁣🔥۷ اصل بسیار مهم در صنعت #وب که کمتر کسی به شما می‌گوید

🌐https://goo.gl/QL7j2x

#programming

⁣✅@coderszone

⁣⁣🔥 گزینشگرهای صفت در #CSS را میتوان به حروف حساس کرد. در صورتی که بعد از گزیشنگر مورد نظر از حرف "i" استفاده کنید، تمامی مقادیر صرف نظر ار بزرگ یا کوچک بودن حروفشان، با آن #selector مطابقت خواهند کرد.

💡گزینشگر های صفت در CSS به صورت پیش فرض نسبت به حروف حساس اند.

💡این قابلیت در مرورگر #Edeg پشتیبانی نمی شود.

#css #frontend #UI

⁣✅@coderszone

⁣⁣⁣🔥⁣علائمی که نشان می‌دهند برنامه‌نویسی شغل مناسبِ شما نیست!

🌐⁣https://goo.gl/YsQRBD

#programming

⁣✅@coderszone

⁣⁣🔥 از درج خطوط و متن های طولانی اجتناب کنید.

معمولا به دو دلیل طراحان این کار را انجام می دهند:

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

اما قانونی در #تایپوگرافی #وب وجود دارد که می گوید: 💥تعداد کلمات موجود در هر خط نباید از 9 کلمه فراتر رود. ⁣💥

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

#frontend #UI

⁣✅@coderszone

⁣⁣⁣⁣🔥#طرح خلاقانه منوی دایره ای برای #اپلیکیشن های بازی موبایل

#UI #frontend #android

⁣✅@coderszone

⁠⁣⁣⁣🔥 یکی از #video_player های قدرتمند ارائه شده برای وب، ⁣video.js می باشد. این کتابخانه #open_source و رایگان، از #HTML5 ، فلش پلیرها و همچنین ویدیوهای #⁣YouTube و #Vimeo پیشتیبانی می کند و قابلیت نمایش ویدیوها در دسکتاپ و موبایل را داراست.

هم اکنون حدود 400 هزار وبسایت از این پلاگین استفاده می کنند. #اینستاگرام ، #twitter ، #دراپ_باکس از جمله سایت هایی هستند که ادعا می شود از این کتابخانه بهره می برند.

🌐⁣⁣https://videojs.com

#frontend #javascript

⁣✅@coderszone

⁣⁣⁣⁣🔥⁣⁣کسب درآمد از راه #برنامه_نویسی برای تازه کاران

🌐⁣⁣https://goo.gl/bZnDzH

#programming

⁣✅ @coderszone

⁣⁣⁣⁣⁣🔥 مرجعی عالی برای کلاس های اختصاصی #Bootstrap4.1.3 به همراه نمونه کدها و پیش نمایش خروجی

⁣🌐⁣⁣https://hackerthemes.com/bootstrap-cheatsheet

#UI #frontend

⁣✅ @coderszone

⁣⁣⁣⁣⁣🔥نمونه #طرح #قالب سایت مناسب برای #portfolio

#UI #frontend

⁣✅ @coderszone

⁠⁣⁣⁣🔥 به آن بخشی از صفحه وب که کاربر در اولین مشاهده و بدون اسکرول قادر به مشاهده آن است #above_the_fold گفته می شود.

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

از جمله راهکارهای کاهش حجم می توان به موارد زیر اشاره کرد:
⁣💡فشرده سازی فایل های HTML، #CSS و #javascript
⁣💡بهینه سازی تصاویر برای وب
⁣💡استفاده از راهکارهای compression صفحات همچون gzip

#frontend #UI #SEO

⁣✅ @coderszone

⁣⁣⁣⁣🔥⁣⁣راهنمای انتخاب یک زبان برنامه‌نویسی برای مبتدی‌ها

🌐⁣⁣https://goo.gl/pqfx3H

#programming

⁣✅ @coderszone

⁣⁣⁣🔥با استفاده از مشخصه "c%" می توانید دستورات فرمت بندی شده در #console مرورگر #chrome بسازید و به آن ها استایل های CSS را اعمال کنید!

#frontend #tips

⁣✅ @coderszone