CSS-Tricks.ir
یه وقتهایی هست میخوایم یک پروتوتایپ ساده بسازیم. Html رو بنویسید بعدم این فریمورک رو برای استایل استفاده کنید oxal.org/projects/sakura دمو رو تست کنید جالبه
توی سایت پرسیدن این پستی ک گذاشتی چیه قصش٬ منم اینطوری جواب دادم امیدوارم واضح باشه:
این پروژه یک فایل CSS ساده هستش. که می تونید به پروژتون اضافه کنید مثل همه فایل های CSS.
کارش چیه؟
فرض کنید می خواید یک کار ساده رو با HTML بنویسید. مثلا یه دفعه می خواید یک لیست ساده از یک سری تسک رو بنویسید. یا اصلا می خواین یک مطلب یا سندی رو با HTML بنویسید. نه توی ورد و نرم افزارهای مشابه. (واسه من خیلی پیش میاد)
خب توی حالت عادی اون مطلب عنوان داره، عنوان های سطح دو و سه شاید داشته باشد، تصویر داره، لیست داره و … و شما بعد از نوشتنش میاید شروع می کنید به خوشگل کردن اون صفحه. یعنی هی میرین توی HTML کلاس می دید و توی CSS هم استایل می نویسید.
این مینی فریمورک می یاد کار رو راحت می کنه میگه شما بدون کلاس و هیچی فقط تگ های HTML و محتوات رو بنویس بعد هم من رو به عنوان CSS اضافه کن. من خودم خوشگلش می کنم برات.
چون این مثال ما خیلی کوچیکه و ساده و هیچ وابستگی نداره و یک پروژه بزرگ نیست که نیازی به نگهداری و توسعه در آینده داشته باشه می شه اینطوری انجامش داد.
تمام.
یا فرض کنید یک ایده ساده میاد توی ذهنتون میخواین یک نمونه اولیه (Prototype) خیلی سریع درست کنید. باز نیازی نیست وقتتون رو بزارید روی CSS “شاید” این فایل CSS بتونه بهتون کمک کنه.
تم های مختلف هم داره که میتونید ازشون استفاده کنید.
این پروژه یک فایل CSS ساده هستش. که می تونید به پروژتون اضافه کنید مثل همه فایل های CSS.
کارش چیه؟
فرض کنید می خواید یک کار ساده رو با HTML بنویسید. مثلا یه دفعه می خواید یک لیست ساده از یک سری تسک رو بنویسید. یا اصلا می خواین یک مطلب یا سندی رو با HTML بنویسید. نه توی ورد و نرم افزارهای مشابه. (واسه من خیلی پیش میاد)
خب توی حالت عادی اون مطلب عنوان داره، عنوان های سطح دو و سه شاید داشته باشد، تصویر داره، لیست داره و … و شما بعد از نوشتنش میاید شروع می کنید به خوشگل کردن اون صفحه. یعنی هی میرین توی HTML کلاس می دید و توی CSS هم استایل می نویسید.
این مینی فریمورک می یاد کار رو راحت می کنه میگه شما بدون کلاس و هیچی فقط تگ های HTML و محتوات رو بنویس بعد هم من رو به عنوان CSS اضافه کن. من خودم خوشگلش می کنم برات.
چون این مثال ما خیلی کوچیکه و ساده و هیچ وابستگی نداره و یک پروژه بزرگ نیست که نیازی به نگهداری و توسعه در آینده داشته باشه می شه اینطوری انجامش داد.
تمام.
یا فرض کنید یک ایده ساده میاد توی ذهنتون میخواین یک نمونه اولیه (Prototype) خیلی سریع درست کنید. باز نیازی نیست وقتتون رو بزارید روی CSS “شاید” این فایل CSS بتونه بهتون کمک کنه.
تم های مختلف هم داره که میتونید ازشون استفاده کنید.
در ضمن گاها به من گفته شده که در مورد پست های کانال بیشتر توضیح بده. قبول کنید که منطقی نیست این کار. اولا من وقتشو ندارم دوما توی کار ما باید یاد بگیریم که کنجکاو باشیم و خودمون بتونیم گلیممون رو از آب بکشیم بیرون و الا به مشکل می خوریم و این مهارت با تمرین بوجود میاد.
یک نکته دیگه اینکه اگر سوالی غیر از مطالب سایت هستش توی کامنت های سایت ننویسید بهتره که از ایمیل سایت استفاده کنید:
hi@css-tricks.ir
یا اینم ایمیل خودمه:
seyedmojtabaseyedi@gmail.com
من ایمیلم رو چک میکنم و معمولا در اولین فرصتی که گیرم بیاد جواب میدم.
آخ الان که دارم مینویسم یادم اومد یکی یه سوال پرسیده که من هنوز جواب ندادم. خب من برم جواب بدم خوب شد یادم اومد 😅
یک نکته دیگه اینکه اگر سوالی غیر از مطالب سایت هستش توی کامنت های سایت ننویسید بهتره که از ایمیل سایت استفاده کنید:
hi@css-tricks.ir
یا اینم ایمیل خودمه:
seyedmojtabaseyedi@gmail.com
من ایمیلم رو چک میکنم و معمولا در اولین فرصتی که گیرم بیاد جواب میدم.
آخ الان که دارم مینویسم یادم اومد یکی یه سوال پرسیده که من هنوز جواب ندادم. خب من برم جواب بدم خوب شد یادم اومد 😅
اگه بخوایم از توی یک لیست سه تا آیتم آخر رو انتخاب کنیم اینطوری میتونیم
📒 css-tricks.ir/reference/nth-last-child
📒 css-tricks.ir/reference/nth-last-child
CSS-Tricks.ir
اگه بخوایم از توی یک لیست سه تا آیتم آخر رو انتخاب کنیم اینطوری میتونیم 📒 css-tricks.ir/reference/nth-last-child
اینطوری هم میشه همیشه سه تا آیتم اول رو انتخاب کرد:
:nth-child(-n + 3)
:nth-child(-n + 3)
منم همیشه میگم وقتی میخوای ی چیزی ب یکی یاد بدی ی جوری یادش بده ک تا آخر عمرش یادش نره... 👍
حالا ب هر ترفندی ک هست 😄
#tip #fun
@CSSTricks
حالا ب هر ترفندی ک هست 😄
#tip #fun
@CSSTricks
برای اونایی ک اتم رو نمیشناسن
https://atom.io
اتم ی چیزی مث سابلایم هستش با این تفاوت ک با تکنولوژی های وب ساخته شده و البته فارسی رو هم پشتیبانی میکنه
#editor #tool
https://atom.io
اتم ی چیزی مث سابلایم هستش با این تفاوت ک با تکنولوژی های وب ساخته شده و البته فارسی رو هم پشتیبانی میکنه
#editor #tool