آموزش CSS: بهینه سازی بصری

سرفصل ها و درس ها

مقدمه Introduction

• خوش آمدی Welcome

• با استفاده از پرونده های تمرینی Using the exercise files

1. شروع کار 1. Getting Started

• اهمیت کد تمیز The importance of clean code

• کاوش در مورد ورق های سبک و تمیز Exploring clean vs. messy style sheets

• اهمیت تنظیم مجدد The importance of the reset

2. سازماندهی کد شما 2. Organizing Your Code

• تهیه فهرست محتویات CSS Developing a CSS table of contents

• ایجاد عناوین بخش Creating section headings

• قرار دادن کد خود برای خوانایی Indenting your code for readability

• بهترین روشها برای نام کلاس Best practices for class names

3. اظهار نظر در مورد کد شما 3. Commenting Your Code

• نظر چیست؟ What is a comment?

• نوشتن نظرات تک خط Writing single-line comments

• ایجاد نظرات چند خطی Creating multiline comments

4- نوشتن کد تمیز 4. Writing Clean Code

• با استفاده از خانواده های قلم Using font families

• جلوگیری از برچسب ها و کلاس های غیر ضروری Avoiding unnecessary tags and classes

• با استفاده از بسته بندی CSS Using CSS shorthand

• جلوگیری از افزونگی در گروه های انتخاب کننده Avoiding redundancy with selector groups

5- تکنیک های مفید 5. Useful Techniques

• ایجاد راهنمای رنگ اصلی Creating a master color guide

• ایجاد یک راهنمای استاد تایپوگرافی Creating a master typography guide

• ایجاد یک الگوی ساختار Creating a structure template

• با استفاده از یک فایل اصلی CSS Using a master CSS file

6. سرعت بخشیدن به کد شما 6. Speeding Up Your Code

• حذف خطوط غیر ضروری Removing unnecessary line breaks

• ساده کردن نظرات Simplifying comments

• حذف کننده های انتخاب نشده استفاده نشده است Removing unused selectors

• با استفاده از ابزارهایی برای کم کردن CSS Using tools to minify your CSS

نتیجه Conclusion

• خداحافظ Goodbye