سی اس اس - CSS

Sass دو سینتکس scss و sass دارد. هرکدام میتوانند دیگری را لود کنند، بنابراین به شما بستگی دارد که کدام سینتکس را انتخاب کنید.

حتما شما متوجه شده اید که برای font-size واحدهای مختلفی استفاده میشود. ممکن است با خودتان فکر کنید برای پروژه های خود از کدام واحد استفاده کنید؟ در این مقاله من سه واحد px، em، و rem را بررسی میکنم.

در پروژه های بزرگ، نیاز به ماژولار کردن ساختار فایل ها و پوشه ها بیشتر میشود. بنابراین سازماندهی فایل ها و پوشه ها امری حیاتی محصوب میشود. البته ایجاد کامپوننت این مزیت را دارد که شما میتوانید از این کامپوننت ها در پروژه های دیگر نیز استفاده کنید.

در مورد CSS اصطلاحی وجود دارد که میگوید به راحتی میتوان CSS نوشت، اما توسعه و پشتیبانی آن سخت است. ولی آیا راهی وجود دارد که بتوان CSS ها را سازماندهی کرد؟ در این مقاله سه شیوه OOCSS، SMACSS، و BEM را توضیح میدهم که میتواند راه حلی برای این مشکل باشد.

موسیقی بخش بسیار مهمی از فرهنگ بشر محسوب میشود. افراد سراسر دنیا بصورت یکسان به موسیقی واکنش نشان میدهند.¹ پیشرفت در علوم اعصاب ثابت کرده است که موسیقی تاثیر شگرفی بر روی مغز دارد.² تحقیقات اخیر نشان داده است که موسیقی بر روی خیلی از جنبه های مغز مانند کاهش درد، درمان استرس، افزایش حافظه، و حتی جراحات مغز تاثیر دارد³.

شانزده رنگ از پیش تعریف شده در HTML به حروف بزرگ و کوچک حساس نیستند.

انتخاب و استفاده از کدگذاری نویسه

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

در این مقاله قوانین فورمت و استایل HTML و CSS را مورد بررسی قرار میدهیم. این قوانین کمک به بالا رفتن کفیت کد نویسی میکند.

تجربه کاربری وب سایت در طول سال ها و گذراندن فراز و نشیب هایی بهبود پیدا کرده است، اما هنوز وب سایت هایی وجود دارند که با دیدن آنها از خودمان می پرسیم "طراح آن با خودش چه فکری میکرده؟!"

هر المان HTML - با توجه به نوع المانی که هست- مقدار نمایش پیش فرض دارد. مقدار نمایش پیش فرض برای اکثر المان ها یا بلاک هست یا اینلاین.

آیا تا بحال برای شما اتفاق افتاده است که به یک کلاس استایل داده باشید ولی آن المان استایل شما را نگرفته باشد و وقتی علت آنرا بررسی میکنید متوجه میشود که استایل شما توسط استایل هایid آن المان override شده است؟ علت این موضوع بخاطر این است که id نسبت به کلاس از اولویت بیشتری برخوردار است و یا به عبارت دیگر "وزن" بیشتری دارد. اما وزن یک المان چجوری محاسبه میشود؟

شاید برای شما این سوال پیش آمده که آیا باید محدودیتی برای حجم فایل سی اس اس وجود دارد؟ یا اینکه باید دقت کنیم تعداد خط های فایل سی اس اس از یک عدد خاصی بیشتر نشود؟

در چهارمین سالگرد بوت استرپ، طراحان آن تصمیم به انتشار نسخه چهارم بوت استرپ را گرفته اند.

از سال 2000 تا به امروز کار طراحی وب به شکل کاملا چشمگیری تغییر پیدا کرده است. در این دوران بود که پهنای باند افزایش پیدا کرد و تقاضا برای مولتی مدیا و اپلیکیشن و استفاده از تکنولوژی های تازه نظیر و فلش و ajaxافزایش یافت. به عبارت دیگر نگاه کاربران نسبت به وب تغییر کرد.

با دنبال کردن قوانین زیر میتوانید یک وب سایت فوق العاده خلق کنید.

هنگامی که بوت استرپ را از سایت دانلود میکنید دو فایل با فرمت .map در پوشه سی اس اس وجود دارد:

bootstrap-theme.css.map

bootstrap.css.map

در طراحی واکنش گرا تغییر دادن تصاویر امری طبیعی است و تصاویر میتوانند براساس فیچرهای صفحه نمایش لود شوند. بعضی وقتها این به معنای crop کردن تصویر نیز میباشد. حتی میتواند به معنای لود کردن تصویری دیگر با مقیاسی متفاوت باشد. تصویر میتواند براساس صفحه نمایش و لی اوتی که کاربر میبیند عوض شود. برای مثال:

بخاطر اتکا طراحان وب سایت بر روی مقدار پیکسل، فکر میکنم برخی از ما درک کاملی از مقدار em و اینکه چطور با این مقدار کار کنیم نداریم.

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

معرفی

هدف این آموزش ساخت یک تمپلیت جوملا است. این آموزش شامل تمامی فایلها و کدهایی که برای ایجاد یک تمپلیت پایه جوملا به آنها نیاز داریم میباشد . کدها نشان داده شده اند بنابراین میتوانید آنها را با تغییرات خیلی کم استفاده کنید.

خواندن این مقاله برای کسانی که با ساختار CMS جوملا آشنا نیستند توصیه نمیشود.