⁣⁣⁣⁣⁣🔥 برای اینکه باکس ها در صفحه جلب توجه کنند به جای استفاده از سایه های با محوشدگی(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

⁣⁣⁣🔥#ایده خلاقانه در اعتبارسنجی #password کاربران

#UI #frontend

⁣✅ @coderszone

⁣⁣🔥عامل 99% خطاهای #syntax 😁😁

#gif #programming

⁣✅ @coderszone

⁣⁣🔥یکی از باور های اشتباه در تیم های نرم افزاری، وقتی #پروژه دچار تاخیر و برای برنامه نویسان فرسایشی می شود، افزودن افراد جدید جهت تسریع در انجام کارهاست.

این کار نه تنها موجب اجرای سریعتر کارها نمی شود بلکه به مثابه یک سرعت گیر خواهد بود.

💡به جای این کار، بر روی تغییر شیوه و اندیشه های افراد درگیر در کار، که به جزئیات و الزامات #پروژه آشنایی دارند تمرکز کنید.

#developing #team_work

⁣✅ @coderszone

⁣#گوگل ادعا می کند تا سال 2020، 50% از جستجوها به روش #voice_search انجام خواهد شد.

از آنجایی که جستجوهای صوتی معمولا حدود 76.1% طولانی تر از جستجوهای متنی هستند، در نتیجه استفاده از کلمات کلیدی طولانی (#long_tail_keywords) برای وبسایت ها اهمیت دوچندانی خواهند داشت.

#SEO

⁣✅ @coderszone