Upload
javid-izadfar
View
95
Download
5
Embed Size (px)
Citation preview
جاوید ایزدفر
متن باز جغدفریم ورک معرفی
قبل از این که همه چیز شروع بشه
ما یه گروه دانشجو هستیم•
ما فریلنسر بودیم•
مثل همه از بوت استرپ استفاده می کردیم•
چرا بوت استرپ رو دوست نداشتیم؟
فارسی رو خوب ساپورت نمی کنه•
•Markupخیلی بهم ریخته ای داره
اضافه بنویسیمCSSمجبوریم کلی •
خودمون باید دست به کار می شدیم
:ماه کارمون شد۱۰نتیجه ی
فریم وورک جغداولین وب فریم وورک ایرانی
Joqd.ikacc.irIKAcc/Joqd
جغد واقعا چیست؟
JSو HTML ،CSSیک فریم وورک •بر گرفته از متریال دیزاین•
•Mobile-firstزبان دوست•
•Markup فوق العاده آسان وsemantic
جغد، یک فریم وورک
ستونه۱۲( grid)یک توری •
جغد، یک فریم وورک
دستگاه از پیش تعریف شده۴با –واکنش گرا •
Desktop Laptop Tablet Mobile
جغد، یک فریم وورک
کامپوننت های مختلف•
دکمه•
کارت•
فُرم•
تصویر•
نوار پیمایش•
کناره پیمایش•
تول تیپ•
تَب•
جداکننده•
تُست•
...و •
جغد، یک فریم وورک
استایل های متفاوت•
تیز•
نرم•
گرد•
دایره ای•
گوشه ها•
پهن•
نازک•
لبه ها•
متریال دیزاین
متریال دیزاین در جغد
رنگ متفاوت۸۸–رنگ ها •
متریال دیزاین در جغد
سطح و سایه ی متفاوت۵–سایه ها•
متریال دیزاین در جغد
در کامپوننت های متفاوت–انیمیشن •
تایپوگرافی در جغد
۳.۰وزیر :تایپ فیس فارسی•
تایپوگرافی در جغد
Roboto: تایپ فیس انگلیسی• 2.2
جغد، ابزاری زبان دوست
«جغد، اولین وب فریم وورک ایرانی» “Joqd, First Iranian web framework” „Joqd, Eerste Iraanse web framework“
جهت نوشته ها•
جهت ستون ها•
قواعد نگارشی•
محتویات کامپوننت ها•
Markupساده
joqdpinkraisedsoft-cornerlargebuttonpink-darken-1-hoverripple-click
Markupساده
joqdflatpurple-textthin-borderpurple-borderround-cornermediumbuttonpurple-hoversink-click
...اما آیکون کم داشتیم
آیکون ست گربهکامل ترین آیکون ست در ایران
Gorbeh.ikacc.irIKAcc/Gorbeh
گربه واقعا چیست؟
CSS Toolkitفونت آیکون به همراه •بر گرفته از متریال دیزاین•
آیکون متفاوت۹۴۶
برنامه برای آینده
افزودن کامپوننت های بیشتر•
ایجاد قابلیت دانلود کاستومایز•
sassو lessایجاد نسخه های ••CDN•npm وbower
حرف آخر
(joqd.ikacc.ir)سایت جغد رو بوک مارک کنید •.قدرت یک پروژه ی اوپن سورس، به کامیونیتی اون پروژه است•.به کارگاه جغد که امروز برگزار می شه برید•.پروژه های خودتون رو با جغد پیاده کنید•.در مورد جغد بنویسید•
:(ممنونم
IKA Computing Club