کتاب Responsive Web Design with HTML5 and CSS

کتاب Responsive Web Design with HTML5 and CSS (طراحی تارنمای واکنش‌گرا با HTML5 و CSS، نسخه 4) از جدیدترین منابع یادگیری HTML 5 و CSS می‌باشد. این کتاب در 3 بخش مختلف به آموزش گام‌به‌گام طراحی صفحات وب با استفاده از HTML 5 و CSS خواهد پرداخت. 

در ادامه مقدمه‌ای از کتاب Responsive Web Design with HTML5 and CSS را از زبان نویسنده شرح خواهیم داد.

مقدمه‌ای بر کتاب Responsive Web Design with HTML5 and CSS:

وقتی اولین ویرایش این کتاب را در سال‌های 2011 و 2012 نوشتم، به هیچ وجه مطمئن نبودم که طراحی وب واکنش‌گرا در آینده قابل پیش‌بینی به رویکرد واقعی برای طراحی وب تبدیل شود. اینجا هستیم، 10 سال و سه نسخه دیگر بعد، و محبوبیت و کاربرد آن نشانی از کاهش ندارد.

ضرب‌المثلی وجود دارد که برای نویسندگان کتاب‌های فنی مناسب است، “وقتی یک نفر تدریس می‌کند، دو نفر یاد می‌گیرند.” مطمئناً هر بار که یک نسخه جدید می‌نویسم اینطور است. من از پوشش دادن این موضوعات بسیار بیشتر از آنچه تصور می‌کردم یاد گرفته‌ام. در کار روزانه‌ام، وقتی سعی می‌کنم حافظه‌ام را در مورد چگونگی انجام یک یا آن کار که متعاقباً فراموش کرده‌ام، تجدید کنم، به فصل‌ها و بخش‌های خاصی برمی‌گردم. امیدوارم این صفحات برای شما پرمحتوا باشند!

با فکر کردن به محتویات نسخه اول، همچنین متوجه شدم که فناوری هایی که در اختیار داریم چقدر توانمند شده اند. اگر در بازی توسعه وب از قدیمی‌ترین افراد هستید، می‌توانید مستقیماً به سراغ برخی از جدیدترین موضوعات مانند رنگ CSS یا لایه‌های آبشاری بروید – اگر کمترین هیجان را از دست ندهید، شوکه می‌شوم. بسیاری از چیزهایی که اکنون بی اهمیت هستند، یک دهه پیش ذهن من را متحیر کرده بودند.

کتاب Responsive Web Design with HTML5 and CSS برای چه کسی است؟

آیا شما یک توسعه‌دهنده فول‌استک یا باطن هستید که باید مهارت های ظاهری خود را بهبود بخشد؟ شاید شما در قسمت جلویی کار می‌کنید و نیاز به یک مرور کلی از تمام HTML و CSS مدرن دارید؟ شاید شما یک وب‌سایت کوچک انجام داده باشید، اما به درک عمیقی از طراحی‌های وب واکنش‌گرا و نحوه دستیابی به آن‌ها نیاز دارید؟ این کتاب برای شماست!

تنها چیزی که برای استفاده از این کتاب نیاز دارید، درک درستی از HTML و CSS است. نیازی به دانش جاوا اسکریپت نیست.

آنچه کتاب Responsive Web Design with HTML5 and CSS پوشش می‌دهد:

بخش اول: اصول طراحی وب سایت واکنش گرا

فصل 1، ملزومات طراحی وب ریسپانسیو، یک تور ساده از اجزای کلیدی در کدنویسی یک طراحی وب ریسپانسیو است.

فصل 2 کتاب Responsive Web Design with HTML5 and CSS، نوشتن نشانه گذاری HTML، تمام عناصر معنایی HTML5، معناشناسی سطح متن و ملاحظات دسترسی را پوشش می‌دهد. همچنین نحوه درج رسانه‌ای مانند ویدئو در صفحات خود و نحوه استفاده از عنصر گفتگوی جدید را توضیح می‌دهیم.

فصل 3، پرسش‌های رسانه‌ای و پرس‌وجوهای کانتینر، همه چیزهایی را که باید درباره پرسش‌های رسانه‌ای CSS بدانید را پوشش می‌دهد: قابلیت‌های آنها، نحو، و روش‌های مختلفی که می‌توانید از آنها استفاده کنید. همچنین یک نمای کلی از پرس و جوهای کانتینر وجود دارد.

فصل 4 کتاب Responsive Web Design with HTML5 and CSS، طرح‌بندی سیال و فلکس‌باکس، نحوه تبدیل طرح‌ها به طرح‌بندی‌های متناسب را پوشش می‌دهد و کاوش کاملی از طرح‌بندی‌های فلکس‌باکس ارائه می‌دهد.

فصل 5، Layout with CSS Grid، یک فرو رفتن عمیق در سیستم چیدمان دوبعدی شبکه CSS با توضیح نحوه استفاده از ویژگی زیرشبکه جدید است.

بخش دوم: مهارت‌های اصلی برای توسعه وب سمت کاربر مؤثر

فصل 6، انتخاب‌کننده‌های CSS، تایپوگرافی و موارد دیگر، ما را با امکانات بی‌پایان انتخاب‌کننده‌های CSS، پرس‌وجوهای ویژگی‌ها و تایپوگرافی وب، از جمله فونت‌های متغیر، واحدهای نسبی viewport و بسیاری موارد دیگر آشنا می‌کند.

فصل 7، CSS Color، آخرین پیشرفت‌ها در بیان رنگ‌ها و دستکاری رنگ، از جمله رنگ‌های Lab/LCH، P3 و توابع رنگ جدید مانند تضاد رنگ و ترکیب رنگ را پوشش می‌دهد.

فصل 8 کتاب Responsive Web Design with HTML5 and CSS، زیبایی‌شناسی خیره‌کننده با CSS، فیلترهای CSS، سایه‌های جعبه، گرادیان‌های خطی و شعاعی، پس‌زمینه‌های متعدد و نحوه هدف‌گیری تصاویر پس‌زمینه برای دستگاه‌های با وضوح بالا را پوشش می‌دهد.

فصل 9، تصاویر پاسخگو، نحوه استفاده از فرمت‌های تصویر جدید مانند AVIF و WebP و نحوه در دسترس قرار دادن مرتبط ترین نسخه یک تصویر در مرورگر را پوشش می‌دهد.

فصل 10، SVG، همه چیزهایی را که برای استفاده از گرافیک های SVG در داخل اسناد و به عنوان تصاویر پس زمینه نیاز داریم، و همچنین نحوه تعامل با آنها با استفاده از جاوا اسکریپت را به ما می‌آموزد.

فصل 11، Transitions, Transformations, and Animations، CSS ما را به حرکت در می‌آورد زیرا در حال بررسی نحوه ایجاد تعاملات و انیمیشن‌ها با استفاده از CSS هستیم.

فصل 12 کتاب Responsive Web Design with HTML5 and CSS، ویژگی‌های سفارشی و توابع CSS، مزایای بسیاری از ویژگی‌های سفارشی را پوشش می‌دهد، سپس به سمت کاربرد توابع جدید CSS مانند min()، max() و clamp() می‌رود.

فصل 13، فرم‌ها، به ما نشان می‌دهد که چگونه آخرین ویژگی‌های HTML5 و CSS تعامل با فرم‌ها را آسان‌تر از همیشه می‌کنند. بسیاری از انواع ورودی HTML به شما امکان دسترسی آسان به صفحه کلید نرم‌افزار مربوطه در دستگاه‌های تلفن همراه را می‌دهند.

بخش 3: آخرین ویژگی‌های پلت فرم و مشاوره جدایی

فصل 14 کتاب Responsive Web Design with HTML5 and CSS، ویژگی‌های پیشرفته CSS، نحوه استفاده از لایه‌های CSS برای سازماندهی بهتر کد و نحوه نوشتن CSS تودرتو را پوشش می‌دهد که امیدواریم در آینده نزدیک به مرورگر شما بیاید.

فصل 15، تکنیک‌های پاداش و مشاوره جدایی، ملاحظات ضروری را قبل از شروع یک طراحی وب واکنش‌گرا بررسی می‌کند و همچنین چند خرده خرد در لحظه آخر را برای کمک به شما در تلاش پاسخگو ارائه می‌کند.

سرفصل‌های کتاب Responsive Web Design with HTML5 and CSS:

• Preface
• Section I: The Fundamentals of Responsive Web Design
  • Chapter 1: The Essentials of Responsive Web Design
  • Chapter 2: Writing HTML Markup
  • Chapter 3: Media Queries and Container Queries
  • Chapter 4: Fluid Layout and Flexbox
  • Chapter 5: Layout with CSS Grid
• Section II: Core Skills for Effective Front-End Web Development
  • Chapter 6: CSS Selectors, Typography, and More
  • Chapter 7: CSS Color
  • Chapter 8: Stunning Aesthetics with CSS
  • Chapter 9: Responsive Images
  • Chapter 10: SVG
  • Chapter 11: Transitions, Transformations, and Animations
  • Chapter 12: Custom Properties and CSS Functions
  • Chapter 13: Forms
• Section III: Latest Platform Features and Parting Advice
  • Chapter 14: Cutting-Edge CSS Features
  • Chapter 15: Bonus Techniques and Parting Advice
• Other Books You May Enjoy
• Index

جهت دانلود کتاب Responsive Web Design with HTML5 and CSS می‌توانید پس از پرداخت، دریافت کنید.