آموزش طراحی وب Responsive همراه اول
Mobile First Responsive Web Design
مقدمه Introduction
-
مقدمه Introduction
-
چرا زحمت Why Bother
-
گزینه ها Options
-
آنچه شما می خواهید What You Want
-
این فقط در مورد تلفن همراه نیست It isn't Just About Mobile
-
همراه اول Mobile First
-
مزایای همراه اول Benefits of Mobile First
-
پیشرفت مترقی Progressive Enhancement
-
تطبیقی در مقابل پاسخگو Adaptive vs. Responsive
-
حتی اگر شما یک برنامه داشته باشید Even if You Have an App
-
خلاصه Summary
طراحی وب پاسخگو همراه اول - طرح بندی در یک جهان پاسخگو Mobile First Responsive Web Design - Layout in a Responsive World
-
مقدمه Introduction
-
بدانید چه چیزی می سازید Know What You are Building
-
ایده پردازی Brainstorm
-
آنچه می سازم What I'm Building
-
طراحی چیدمان موبایل Mobile Layout Design
-
طراحی موبایل من My Mobile Design
-
طراحی دسک تاپ همزمان Design Desktop Concurrently
-
درگاه مشاهده Viewport
-
نمونه اولیه ، تکرار Prototype, Iterate
-
از درصد و نه پیکسل استفاده کنید Use Percentages Not Pixels
-
نسخه ی نمایشی: نمونه اولیه Demo: Prototype
-
Ems یا Rems Ems or Rems
-
فلکس باکس Flexbox
-
همیشه آبشار را به یاد داشته باشید Always Remember the Cascade
-
خلاصه Summary
استفاده از ویژگی های طراحی وب پاسخگو همراه اول Applying mobile-first responsive web design features
-
مقدمه Introduction
-
جستجوی رسانه Media Query
-
از کجا استفاده کنید Where to Use
-
نسخه ی نمایشی: نمایش داده شد Demo: Media Queries
-
طراحی تطبیقی Adaptive Design
-
محتوا Content
-
جهت یابی Navigation
-
الگوهای محتوا Content Patterns
-
نسخه ی نمایشی: محتوا و پیمایش Demo: Content and Navigation
-
سر و کار داشتن با متن و تصاویر Dealing with Text and Images
-
نسخه ی نمایشی: SVG Demo: SVG
-
خلاصه Summary
فرم های همراه اول Mobile first forms
-
مقدمه Introduction
-
تقطیر کردن Distill Down
-
برچسب ها و متغیرهایی Labels and Placeholders
-
انواع ورودی HTML5 HTML5 Input Types
-
نسخه ی نمایشی: انواع فرم HTML5 Demo: HTML5 Form Types
-
موارد دیگر فرم Other Form Stuff
-
خلاصه Summary
کارایی Performance
-
مقدمه Introduction
-
عملکرد عمومی وب General Web Performance
-
داده های URI Data-URIs
-
نسخه ی نمایشی: Data-URI ها Demo: Data-URIs
-
سایر نکات مربوط به عملکرد Other Performance Tips
-
نسخه ی نمایشی: سبک های درون خطی Demo: Inline Styles
-
بسته بندی و کوچک سازی Bundling and Minification
-
جاوا اسکریپت JavaScript
-
خلاصه Summary
ابزار طراحی پاسخگو Responsive design tools
-
مقدمه Introduction
-
لیستی از ابزارهای پاسخگو A List of Responsive Tools
https://donyad.com/d/6dc7
Jon Flanders
گرچه جون چند سال اول زندگی حرفه ای خود را به عنوان وكالت سپری كرد ، اما به سرعت متوجه شد كه تعقیب و گریزها جالب تر از تعقیب آمبولانس است. او ابتدا در دانشگاه مینه سوتا کار کرد و یک وب سایت گزارشگری مالی با استفاده از ASP و SQL Server ساخت و متخصص در ادغام خودکار بین چندین فروشگاه داده است. از زمان پیوستن به صنعت آموزش در سال 1999 ، جون وقت خود را به کار در پروژه های مختلف اختصاص داده است در حالی که از دنیای ASP و COM به دنیای .NET ، ASP.NET و خدمات وب و اکنون به دنیای دستگاه های تلفن همراه مهاجرت کرده است. . در طول این بخش از زندگی جون ، او RESTFul.NET را برای O'Reilly ، Essential ASPfor Addison-Wesley و مسترینگ Mastering Visual Studio نوشت. NETfor O'Reilly. از سال 2011 ، جون تمرکز خود را بر روی دنیای موبایل گذاشته است. Jon که عمدتا در iOS کار می کند ، به شرکت های زیادی کمک کرده است تا تیم های موبایل را به تیم هایی تبدیل کنند که بتوانند با سهولت برنامه های تلفن همراه را ایجاد ، ساخت ، آزمایش و استقرار دهند. واقعیت افزوده یکی دیگر از علاقه های فعلی جون به همراه Beacons و IoT است. Jon برای مرحله بعدی توسعه تلفن همراه و کشف اینکه چگونه فناوری نه تنها می تواند ما را سرگرم کند ، بلکه به ایجاد جهانی متصل در جایی که دستگاه های هوشمند شروع به انجام کارهایی دشوار و وقت گیر می کنند ، هیجان زده است.
نمایش نظرات