⁠⁣⁣⁣🔥 به آن بخشی از صفحه وب که کاربر در اولین مشاهده و بدون اسکرول قادر به مشاهده آن است #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

⁣⁣⁣🔥یکی از ویژگی های جدیدی که در #CSS4 ارائه شده است، کلاس کاذب #matches است. از این گزینشگر برای گروه بندی عناصر جهت ⁣اعمال قواعد استفاده می شود.

این گزینشگر ⁣با نام any در مرورگرهای مبتنی بر #webkit (همچون #chrome) به صورت ⁣webkit-any- و در مرورگر #firefox به صورت moz-any- پشتیبانی می شود.

نمونه کاربرد آن را در لینک زیر میتوانید مشاهده کنید:

⁣🌐https://goo.gl/zdo3e6

#frontend #UI

⁣✅ @coderszone

سلام و احوال پرسی با نرم افزارهات😀ویدیو جالبی که حال و هوای طراحان با نرم افزارهایی که کارمیکنن با سلام و احوال پرسی نشون میده،خوش و ِبش با خانواده ادوبی خلاقانه ست و خنده دار😅
کرل عالیه😄😄
@doproIR

⁣⁣⁣⁣⁣🔥⁣مزایای فریلنسری چیست؟

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

#programming

⁣✅ @coderszone

⁣⁣⁣⁣🔥 نمونه #طرح #اپ فروشگاه ساعت

#UI #frontend #android

⁣✅ @coderszone

⁣⁣⁣🔥 وقتی یه #feature جدید رو بدون #test روی #نرم_افزار اجرا می کنم. 😁😁

#gif #programming

⁣✅ @coderszone

🔥 چرا باید منوها در #اپ های موبایل را در پایین صفحه نمایش گذاشت؟

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

⁣💥مطالعات نشان می دهد بهترین ناحیه برای قراردادن منوی اصلی در #اپ های موبایل، پایین و وسط صفحه است. در عوض قرار دادن منوها در نواحی بالا، کاربر را مجبور به جابجایی گوشی یا استفاده از دست دیگر می کند.

#frontend #UI #UX

✅ @coderszone

⁣⁣🔥اگر می خواهید در مرورگر #chrome از یک عنصر خاص، #screenshot بگیرید،کافی است پس از باز کردن #DevTools به تب Elements رفته و سپس بر روی عنصر مورد نظر کلیک کنید. آنگاه با فشردن دکمه های ctrl-shift-p در #ویندوز (یا cmd-shift-p در #مک) منوی Command را باز کرده و گزینه Capture node screenshot را انتخاب کنید.

#tips

⁣✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥⁣⁣#هوش_مصنوعی برای طراحان #وب تهدید است یا فرصت؟

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

#programming #artificial_intelligence

⁣✅ @coderszone

⁣⁣⁣⁣🔥 آمار استفاده برنامه نویسان #javascript از #IDE های موجود بر اساس نظرسنجی #jetBrains

#programming #frontend #UI

⁣✅ @coderszone

⁣⁣⁣⁣🔥وقتی یه #برنامه_نویس، #bug بوجود اومده رو می پذیره 😁😁

#gif #programming

⁣✅ @coderszone

⁣🔥 حتما از #breadcrumbs در وبسایت خود استفاده کنید.

آن ها به عنوان مکانیزم پیمایش ثانویه (بعد از منوی اصلی وبسایت)، نه تنها به کاربر کمک می کنند که بداند الان در کجا قرار دارد و چگونه میتواند به جایی که بوده اند برگردد، جزء پارامترهایی هستند که به #SEO سایت نیز کمک می کنند.

در واقع breadcrumbها به #گوگل نشان می دهند که ساختار سایت شما به چه صورت است و بدین شکل به فرآیند #index شدن صفحات کمک می کنند.

#tips #frontend #backend

✅ @coderszone

⁣⁣🔥VisBug
یک #افزونه برای مرورگرهای #chrome و #firefox است که صفحه را به یک #board طراحی تبدیل می کند تا تغییرات مورد نظر خود را به صورت #visual اعمال کنید.

این افزونه در واقع یک #inspector بصری است تا بتوانید عناصر موجود در صفحه را به صورت دیداری(و فارغ از هر گونه #کد نویسی) ویرایش کنید.

🌐 https://goo.gl/VqdvAv

#browsers

⁣✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥⁣⁣۷ ابزار رابط کاربری برای #react_native در ۲۰۱۸

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

#frontend #UI #framework

⁣✅ @coderszone