Web Nameh: a handbook for Persian web designers & developers.
این نسخه یک پیش نویس در حال توسعه است
سلام، به وب نامه خوش آمدید. وب نامه راهنمای همراه طراحان و توسعه دهندگان وب به زبان پارسی است. تلاش این پروژه این است که بتواند راهکارهایی سریع و عملی برای مشکلات و چالش های کار در وب ارائه کند. برای مثال اگر می خواهید آنگیولار یاد بگیرید باید چه کنید و کجا مراجعه کنید؟ برای معماری اپلیکیشن های خود چه راهکارهایی وجود دارد. چه جریان کاری باید در طراحی و توسعه یک وب سایت دنبال شود. کجا باید به دنبال کد مورد نظر بود و ... در این راهنما تلاش می شود تمامی منابع و راهنمایی لازم به زبانی ساده و گویا در عین حال تا حد ممکن دقیق و صحیح ارائه شود.
این نسخه به عنوان پیش نویس کتاب و وب سایت وب نامه است و تمامی مشارکت ها در پروژه اینجا انجام می شود.
- شروع
- راهکارها
- فرآیندها
- منابع
- یادگیری
- کتابخانه ها و ابزارها
- یادداشت های یک طراح و توسعه دهنده آماتور
با چند سئوال و جواب شروع کنیم. توسعه دهنده سمت کاربر کیست؟
یک طراح وب باید به چه چیزهایی آگاهی داشته باشد؟
- اسکچ و طراحی با دست (Sketch)
- تئوری رنگ ها (Color Theory)
یک توسعه دهنده سمت کاربر باید به چه چیزهایی آگاهی داشته باشد؟
- کارایی و عملکرد (Performance)
- طراحی وب واکنش گرا (Responsive Web Design)
- طراحی سازگار با موبایل (Mobile-Friendly)
- ویرایش تصویر (Image Editing)
هر طراح و توسعه دهنده ای باید به چه چیزهایی آگاهی داشته باشد.
- تفکر طراحی (Design Thinking)
- نظریه سیستم (System Theory)
** CSS (Centering)
- How do I vertically center text with CSS? | StackOverflow Discussion
- Vertical align anything with just 3 lines of CSS | Z63
- Can you vertically center in CSS? | Usama Tahir via Medium
- Centering in the Unknown | CSS-Tricks
- CSS Vertical Centering – Everything You Need To Know | Web Designer Wall
** Media Obejct (Flag Object)
- THE MEDIA OBJECT SAVES HUNDREDS OF LINES OF CODE | Stubbornella
- The Media Object, A Bunch of Ways | CSS-Tricks
- The flag object | CSS Wizardry
- Media Object | Solved by Flexbox
** Responsive Images
- Responsive images | MDN
- Responsive Images in CSS | CSS-Tricks
- Responsive Images Done Right: A Guide To picture tag And srcset | Smashing Magazine
** DOM
*Presentation
برای پیدا کردن نمونه کد آماده و یا پیاده سازی المان های UI مورد نیاز
منبعی بی نظیری از کد با کیفیت بالا، امکانات عالی و ...
یک منبع کامل از المان های UI ساخته شده با فریمورک بوت استرپ
اخطار: کدها ممکن است بی کیفیت باشد برای استفاده حتما دقیق بررسی شود.
منابع دستچین شده برای یادگیری حوزه های مختلف با تاکید بر کیفیت و صحیح بودن
برخی منابع ممکن است با هم همپوشانی داشته باشند.
JavaScript
AngularJS (1.x)
MEAN Stack
Laravel
CSS
- CSS Positioning
Performance
- Succinct پلاگین کم حجم جی کوئری برای حذف متن های بلند