🌐 ویرایش ۲۰۲۵: قدرت HTML5 و CSS را به‌کار بگیرید تا رابط‌هایی بسازید که بدون نقص در تلفن‌های همراه، تبلت‌ها، دسکتاپ‌ها و هر چیزی در میان آن‌ها کار کنند. پرفروش‌ترین کتاب، اکنون با تصاویر رنگی.

📘 ویژگی‌های کلیدی

✨ درک کنید طراحی وب واکنش‌گرا چیست و بیاموزید چگونه برنامه‌های فرانت‌اند مؤثر، قابل‌دسترسی و آینده‌نگر طراحی کنید.

🎨 جدیدترین قابلیت‌های CSS مانند View Transitions، انیمیشن‌های وابسته به پیمایش (Scroll-driven animations)، رنگ‌های P3 و توابع CSS را بررسی کنید.

⚡ با قابلیت‌های جدید و صرفه‌جویانه در HTML مانند dialogs و modals آشنا شوید.

📖 کتاب Responsive Web Design with HTML5 and CSS (ویرایش پنجم) جدیدترین نسخه‌ی یکی از پرفروش‌ترین منابع HTML5 و CSS است. این کتاب بر کاربرد عملی تمرکز دارد و روش‌هایی را آموزش می‌دهد که برای ساخت وب‌سایت‌ها و اپلیکیشن‌های مدرن ضروری‌اند، همراه با مثال‌های قابل‌دانلود.

🧑‍🏫 این کتاب به سبک دوستانه و روان بن نوشته شده و هم می‌تواند به‌عنوان یک راهنمای کامل مطالعه شود و هم به‌صورت مرجع برای هر موضوع به‌کار رود.

👨‍💻 اگر یک توسعه‌دهنده‌ی بک‌اند هستید و می‌خواهید لایه‌ی فرانت وب و قابلیت‌های آن را درک کنید، یا توسعه‌دهنده‌ی فرانت‌اندی هستید که به دنبال مرجعی جامع برای جدیدترین قابلیت‌های HTML و CSS هستید، این کتاب برای شماست.

🤖 حتی اگر نوشتن کد را به ابزارهای هوش مصنوعی سپرده‌اید، این کتاب دانشی در اختیار شما قرار می‌دهد تا بتوانید اعتبار و کارایی خروجی تولیدشده توسط AI را ارزیابی کنید.

📚 در میان موضوعات گوناگون، به رویکردهایی برای بهبود دسترس‌پذیری، استفاده از فونت‌های متغیر، توضیح تکنیک‌ها و توابع جدید در مدیریت رنگ، و پوشش عمیق ویژگی‌های نوینی مانند scroll-driven animations، view transitions، موقعیت‌دهی لنگری CSS، لایه‌ها، container queries، تو در تویی (nesting) و موارد بسیار دیگر پرداخته می‌شود.

🏁 در پایان، شما درک جامعی از طراحی وب واکنش‌گرا و قابلیت‌های جدید HTML5 و CSS خواهید داشت و خواهید دانست چگونه هر تکنیک را به بهترین شکل پیاده‌سازی کنید.

💡 آنچه خواهید آموخت

🎨 استفاده از توابع رنگ برای ترکیب رنگ‌ها و تبدیل بین فضاهای رنگی مختلف

🖱 استفاده از media queries و container queries برای تشخیص ترجیحات رنگ و نوع ورودی (تاچ یا ماوس)

♿ استفاده از معناشناسی HTML برای نگارش مارک‌آپ‌های قابل‌دسترسی

🖼 استفاده از SVG برای ارائه تصاویر مستقل از وضوح و نمایش بهینه‌ی آن‌ها

🎞 ساخت انیمیشن‌ها در هنگام ورود و خروج عناصر از دید کاربر تنها با CSS

⚙️ کشف ویژگی‌های سفارشی CSS و استفاده از توابع جدید CSS

📋 افزودن اعتبارسنجی و عناصر رابط کاربری به فرم‌های HTML

🤖 ارزیابی میزان کارایی کد فرانت‌اند تولیدشده توسط ابزارهای هوش مصنوعی

👥 این کتاب برای چه کسانی است؟

💻 آیا توسعه‌دهنده‌ی فول‌استک یا بک‌اندی هستید که می‌خواهید مهارت‌های فرانت‌اند خود را تقویت کنید؟

🧩 شاید روی فرانت‌اند کار می‌کنید و به یک نمای کلی جامع از قابلیت‌های مدرن HTML و CSS نیاز دارید؟

🌍 یا کمی طراحی وب انجام داده‌اید، اما به درک عمیق‌تری از طراحی واکنش‌گرا و روش‌های دستیابی به آن نیاز دارید؟

🤔 شاید از ابزارهای AI برای تولید کد استفاده می‌کنید و می‌خواهید خروجی آن‌ها را ارزیابی کنید؟

📘 اگر هر یک از این موارد برای شما آشناست، این کتاب مخصوص شماست!

🧠 تنها چیزی که برای بهره‌بردن از این کتاب نیاز دارید، درک پایه‌ای از HTML و CSS است. آشنایی با JavaScript لازم نیست.

👨‍💻 دربارهٔ نویسنده

بن فِرِین از سال ۱۹۹۶ به‌عنوان طراح و توسعه‌دهندهٔ وب فعالیت می‌کند و در حال حاضر به‌عنوان طراح ارشد محصول در شرکت Bet365 مشغول به کار است.

پیش از ورود به دنیای وب، او به‌عنوان یک بازیگر تلویزیونی و روزنامه‌نگار فناوری (به‌زعم خودش کمتر از آنچه باید شناخته‌شده) فعالیت داشت. بن فارغ‌التحصیل دانشگاه سالفورد در رشتهٔ رسانه و اجراست.

او تاکنون چهار فیلمنامه نوشته است که از نظر خودش همانند بازیگری‌اش کمتر دیده شده‌اند، اما همچنان — هرچند با امیدی رو به کاهش — باور دارد روزی یکی از آن‌ها به فروش خواهد رفت.

با اینکه تظاهر می‌کند یک نِرد نیست، بخش زیادی از وقت خود را صرف ساخت صفحه‌کلید، بحث دربارهٔ ویرایشگرهای متن و فناوری وب در وبلاگ و کانال یوتیوب خود می‌کند.

در خارج از دنیای فناوری، از مربی‌گری تیم فوتبال پسر کوچک‌ترش لذت می‌برد — البته اگر ایستادن در زمین خیس و یخ‌زده در حالی‌که تیمی از ۱۱ ساله‌ها سر او فریاد می‌زنند «ساکت شو!» را بتوان لذت نامید!

او همچنین امیدوار است که روزی پسر نوجوانش از اتاقش بیرون بیاید تا زمانی را با او و همسرش بگذراند، نه فقط برای پرسیدن اینکه «چیزی برای خوردن هست؟» یا «می‌توانم کمی پول بگیرم؟»

2025 Edition: Harness the power of HTML5 and CSS to create UIs that work flawlessly on mobile phones, tablets, desktops, and everything in-between. The bestseller, now with color images.

Key Features

• Understand what responsive web design is, and learn to design effective, accessible, and future-proof front-end applications
• Explore the newest CSS features like view transitions, scroll-driven animations, P3 colors, and CSS functions
• Learn brand-new time-saving additions to the HTML language, including dialogs and modals

Book Description

Responsive Web Design with HTML5 and CSS, Fifth Edition, is the very latest, up-to-date version of one of the bestselling books on HTML5 and CSS. It emphasizes pragmatic application, teaching the approaches needed to build websites and applications, with downloadable examples.

Written in Ben's friendly and easy-to-follow style, this title can be read as a complete guide, or used as a reference for each topic.

If you're a backend dev looking to understand the front of the web stack and its possibilities, or perhaps a frontend dev looking for a comprehensive resource on everything new in HTML and CSS to build the most efficient UIs, this is the book for you. Even if you are deferring your code writing to AI, this book gives you the requisite knowledge to understand the validity and efficiency of AI's output.

Among the many topics, we cover approaches for better accessibility, utilizing variable fonts, explainers on the latest color manipulation techniques and functions, in-depth coverage of bleeding-edge features such as scroll-driven animations, view transitions, CSS anchor positioning, CSS layers, container queries, nesting, and much more.

By the end, you'll not only have a thorough understanding of responsive web design and what's possible with the latest HTML5 and CSS, but also know how to best implement each technique.

What you will learn

• Leverage color functions to mix colors and convert between color spaces
• Use media and container queries to detect touch/mouse and color preference
• Leverage HTML semantics to author accessible markup
• Use SVGs to provide resolution-independent images and learn to efficiently display them
• Create animations as items enter and leave the viewport using just CSS
• Discover CSS custom properties and make use of new CSS functions
• Add validation and interface elements to HTML forms
• Check whether the frontend code produced by AI tools is effective for your goals

Who this book is for

Are you a full-stack or backend developer who needs to improve their front-end skills?

Perhaps you work on the frontend and need a definitive overview of all that modern HTML and CSS has to offer?

Maybe you have done a little website building, but you need a deep understanding of responsive web designs and how to achieve them?

Perhaps you are using AI tools to produce code and want to check the output?

If any of those scenarios sound familiar, this is the book for you!

All you need to take advantage of this book is a working understanding of HTML and CSS. No JavaScript knowledge is needed.

Table of Contents

1. The Essentials of Responsive Web Design

2. Writing HTML Markup 

3. Media and Container Queries

4. Fluid Layout and Flexbox

5. Layout with CSS Grid

6. CSS Nesting, Layers, Selectors, and More

7. Typography on the Web

8. CSS Color

9. Stunning Aesthetics with CSS

10. Responsive Images

11. SVG

12. Transitions, Transformations, and Animations

13. Custom Properties and CSS Functions

14. Forms

15. Cutting-Edge CSS Features

16. Bonus Techniques and Parting Advice

About the Author

Ben Frain has been a web designer/developer since 1996. He is currently employed as a lead product designer at Bet365. Before the web, he worked as an underrated (and modest) TV actor and technology journalist, having graduated from Salford University with a degree in media and performance. He has written four equally underrated (his opinion) screenplays and still harbors an, admittedly fading, belief he might sell one. He likes to pretend he isn't a nerd but spends an inordinate amount of time building keyboards and talking about them, text editors, and the web on his blog and YouTube channel. Outside of geekery, he enjoys managing his youngest son's football team, if standing in a freezing wet field, while a team of 11-year-olds shout at you to shut up can be called enjoyment. He is also hoping that, one day soon, his eldest teenage son will emerge from his room to spend some time with him and his wife, rather than merely to ask whether there is anything to eat or to ask for money.