جعبهابزار قلم

محمد حسین مجتهدیجعبه ابزار قلم

چند کلمه درباره تاریخ وب

خودت را تکرار نکن!

Don’t Repeat Yourself!

چارچوب شیوه نامه های آبشاری

CSS Framework

!!!!!

جعبه ابزار قلم

جعبه ابزار قلم(CSS Reset یکسان کننده نقطه شروع طراحی در مرورگرها )فراتر از کاغذ:•

مجموعه ای کامل و واکنش گرا از آیکن ها در تمامی فرمت هانقش:•

خروجی گیرنده فونت )فارسی، آیکن(نگار:•

فریم ورکCSS قلم:•

لیست ابزار ها

قلم1.0اهداف نسخه

اول فارسی

1هدف

اول فارسی

مستندات فارسی بدون دشمنی با زبان های بیگانه – همراه با مستندات انگلیسی•

، و...(email field، pre tagانتخاب فونت صحیح انگلیسی برای مکان های خاص )•

فونت معروف و چندین فونت جدید39 فونت متن باز جدید و 15وجود تنظیمات اختصاصی برای بیش از •

راست به چپ بودن از قدم اول•

فارسیOrdered Listاعداد •

و ...•

1هدف

متن باز

2هدف

و فکر باز ...

شانه های بزرگان

3هدف

تایپوگرافی

4هدف

تایپوگرافی

نیکا•

گندم•

جمهوریا•

امیری•

وزیر•

بهداد•

صمیم•

فربد•

ایران سنس•

پی فونت•

گنجنامه•

تاهوما•

تیتر•

شبنم•

پرستو•

زر•

لوتوس•

و...•

4هدف لیست فونت ها

قالب پذیری

5هدف

تبدیل سایت آتش نشانی به فروش آب معدنیدر چند دقیقه

کالس های معنادار

6هدف

Semantic Class Naming

6هدف کالس های معنادارSemantic Class Naming

<div class=“btn btn--lrg btn__green“></div>

<div class=“button large primary“></div>

واکنش گرایی

7هدف

واکنش گرایی

سیستم عامل•

نسخه سیستم عامل•

مرورگر•

نسخه مرورگر•

ابعاد صفحه•

تراکم پیکسل•

اینترنت اکسپلورر...•

7هدف

پشتیبانی از پرکاربرد ترین ها•

حذف کردن پشتیبانی از نسخه های قدیمی•

تمرکز فراوان بر واکنش گرایی مخصوصا در موبایل•

چند میلیون حالت

چیدمان عناصر

8هدف

اعتبار سنج ها

9هدف

اعتبار سنج ها

برخی ارائه دهندگان ایمیل، کارکتر های مخصوصی را پشتیبانی نمی کنند.•

بررسی ایمیل های موقت•

تمایز ایمیل های رایگان یا شرکتی•

ارائه پیشنهاد برای ایمیل های اشتباه تایپ شده•

(TLDبررسی پسوند دامنه )•

9هدف ایمیل

فرم ها

هدف 10

فرم ها

، تلفن و دیگر موارد مشابهURLورودی های ایمیل، چپ به راست بودن •

در دکمه ها و...نقشاستفاده از آیکن های •

استفاده راحت از رنگ ها در طراحی فرم•

pocketتغییر ندادن تنظیمات افزونه های مرورگر مانند •

هدف 10

اه گنر

هدف 11

انیمیشن

هدف 12

مخلفات

هدف 13

مخلفات

منو آبشاری•

منو خارج از صفحه•

منوی باالی صفحه•

دکمه ها•

حباب ها•

جداول•

عکس ها•

فیلم ها•

فایل های صوتی•

لیست ها•

اسالید شو•

پیغام ها•

امتیازدهی•

پاپ آپ درون صفحه•

و...•

هدف 13

جاوااسکریپت بهارنارنجی

هدف 14

نزدیک به وانیلی!

تداخل نداشتن با دیگر کتابخانه ها و ابزار ها

هدف 15

سخن پایانی

https://github.com/webhistory/qalam#mojtahedi #qalam

با احترام

و با صلواتی بر محمد و آل محمد )ص(

محمد حسین مجتهدی

mhmojtahediاینستاگرام:

mhm5000 گیت هاب و بقیه جاها:

mojtahedi.infoسایت: