css-custom-property
طراحی - CSS

تعریف و استفاده از متغیرها در CSS

مانند سایر زبان های برنامه نویسی که از متغیر ها برای نگهداری مقداری استفاده می شود که بتوان بعدا در هر زمان به آن مراجعه کرد، در سی اس اس هم برای نگهداری و یا ذخیره سازی مواردی مانند رنگ ها، نام فونت، اندازه فونت و … استفاده می شود و می توان در جاهای مختلف فایل سی اس اس آن را صدا کرد و از مقدار آن استفاده کرد. اسم رسمی و صحیح این متغیرها custom properties می باشد که معمولا در بین توسعه دهندگان و برنامه نویسان به نام متغیر جا افتاده است.

جاوا اسکریپت

لزوم استفاده از Lazy Loading برای تصاویر

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

strict-mode
جاوا اسکریپت

Strict Mode در جاوا اسکریپت

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

arrow-functions
جاوا اسکریپت

Arrow Function ها در جاوا اسکریپت

جاوااسکریپت ۶ (ES6) روش جدیدی را برای تعریف توابع معرفی کرده است که با استفاده از آن می توان به صورت کوتاه و خلاصه تر یک تابع را تعریف کرد. البته همچنان به روش قدیمی هم می توان یک تابع تعریف کنیم اما با استفاده از مدل جدید کدهای کمتری می نویسیم. با این روش دیگر نیازی به استفاده از کلمه ی کلیدی function برای تعریف تابع نیست. همچنین اگر قرار باشد تابع مقداری را برگرداند نیازی به استفاده از کلمه ی کلیدی return نیست. نظر سنجی ها نشان می دهد که Arrow Function ها جزء معروف ترین تغییرات در ES6 هستند.

نصب و استفاده از npm
طراحی - CSS

نصب و استفاده از NPM

NPM مخفف Node Package Manager است. یک پکیج منیجر یا مدیریت پکیجی است که برای NodeJs نوشته شده است. (npm قسمتی از پلتفرم NodeJs است) البته این به معنای آن نیست که حتما باید در پروژه هایی که با NodeJs نوشته می شوند از NPM استفاده کرد بلکه در خیلی از موارد دیگر هم می شود از آن استفاده کرد. اجرای دستورات NPM از طریق خط فرمان (Command line) صورت می گیرد. دانستن ان پی ام به تنهایی کاربردی ندارد اما پیش نیاز خیلی از تکنولوژی های دیگر وب است.

طراحی - CSS

چرا و چگونه باید از Microdata در HTML5 استفاده کنیم

توسط microdata دقیقا مشخص می کنیم که محتوای سایتمان چی هست. موتورهای جستجو دقیقا متوجه می شوند که سایت ما چه اطلاعاتی دارد. آیا کتاب معرفی کرده یا فیلم یا هر چیزی دیگری که باشد برای ماشین ها و موتورهای جستجو کاملا قابل فهم می شود. توسط مایکرودیتا (microdata) دقیقا نوع محتوا را مشخص می کنیم نه فقط شکل و شمایل نمایش آن را.

عمومی

نسخه بندی معنادار

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