Upload
web-standards-school
View
359
Download
0
Embed Size (px)
Citation preview
محمد حسین مجتهدیجعبه ابزار قلم
چند کلمه درباره تاریخ وب
خودت را تکرار نکن!
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سایت: