<?xml version="1.0" encoding="UTF-8" ?>
<rss
    version="2.0"
    xmlns:atom="http://www.w3.org/2005/Atom"
    xmlns:content="http://purl.org/rss/1.0/modules/content/"
    xmlns:webfeeds="http://webfeeds.org/rss/1.0"
    xmlns:media="http://search.yahoo.com/mrss/"
    >
    <channel>
        <title>Responsive Tag - Viblo</title>
        <link>https://viblo.asia/rss</link>
        <description><![CDATA[Free service for technical knowledge sharing]]></description>
        <atom:link href="https://viblo.asia/rss/tags/responsive.rss" rel="self"></atom:link>
                <copyright>Sun* Inc.</copyright>
                                                <webfeeds:logo>https://viblo.asia/logo_full.svg</webfeeds:logo>
        <image>
            <url>https://viblo.asia/logo_full.svg</url>
            <title>Responsive Tag - Viblo</title>
            <link>https://viblo.asia/rss</link>
        </image>
                                <language>vi-vn</language>
        <lastBuildDate>2026-06-18T20:04:23+07:00</lastBuildDate>
                <item>
            <title><![CDATA[[Series Responsive Web Design] Phần 1: Responsive là gì mà đi đâu cũng nghe?]]></title>
                        <link>https://viblo.asia/p/series-responsive-web-design-phan-1-responsive-la-gi-ma-di-dau-cung-nghe-13VM9qGmVY7</link>
            <guid isPermaLink="true">https://viblo.asia/p/series-responsive-web-design-phan-1-responsive-la-gi-ma-di-dau-cung-nghe-13VM9qGmVY7</guid>
            <description><![CDATA[Chào anh em! Chắc hẳn ai làm web cũng từng nghe sếp hoặc khách hàng giục: "Em ơi, web này có responsive không? Sao mở trên điện thoại chữ bé tí thế nà...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Nguyễn Huy Hoàng</dc:creator>
            <pubDate>2026-03-27 22:40:03</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Responsive web design tutorial]]></title>
                        <link>https://viblo.asia/p/responsive-web-design-tutorial-WAyK86polxX</link>
            <guid isPermaLink="true">https://viblo.asia/p/responsive-web-design-tutorial-WAyK86polxX</guid>
            <description><![CDATA[Trong thực tế hiện nay, hầu như bất cứ trang web nào, đều sẽ được làm theo hướng responsive, hiểu đơn giản là có thể hiển thị đẹp trên mọi thiết bị, m...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Nguyen My Huyen</dc:creator>
            <pubDate>2021-08-20 16:55:20</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Responsive là gì? Responsive web design có tầm quan trọng như thế nào?]]></title>
                        <link>https://viblo.asia/p/responsive-la-gi-responsive-web-design-co-tam-quan-trong-nhu-the-nao-m68Z0o4zKkG</link>
            <guid isPermaLink="true">https://viblo.asia/p/responsive-la-gi-responsive-web-design-co-tam-quan-trong-nhu-the-nao-m68Z0o4zKkG</guid>
            <description><![CDATA[![](https://images.viblo.asia/fabe1107-6442-4482-8804-357f454cad21.jpg)



1. Responsive là gì?

Responsive là một thuật ngữ hay tính từ chỉ một websi...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Nguyen Thanh Phong</dc:creator>
            <pubDate>2021-07-16 16:18:44</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Responsive theo tỉ lệ màn hình với Reactjs]]></title>
                        <link>https://viblo.asia/p/responsive-theo-ti-le-man-hinh-voi-reactjs-Az45bymolxY</link>
            <guid isPermaLink="true">https://viblo.asia/p/responsive-theo-ti-le-man-hinh-voi-reactjs-Az45bymolxY</guid>
            <description><![CDATA[Giới thiệu
Chắc chắn là chúng ta không lạ gì thuộc tính vh trong css. Và ai làm responsive rồi sẽ biết trên tablet, mobile thuộc tính này sẽ không chạ...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Nguyen Duc</dc:creator>
            <pubDate>2021-06-21 08:40:44</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Responsive layout với React Hooks]]></title>
                        <link>https://viblo.asia/p/responsive-layout-voi-react-hooks-maGK7vjD5j2</link>
            <guid isPermaLink="true">https://viblo.asia/p/responsive-layout-voi-react-hooks-maGK7vjD5j2</guid>
            <description><![CDATA[Giới thiệu
Responsive là một yêu cầu gần như là bắt buộc với các website ở thời điểm hiện tại khi lượng truy cập bằng điện thoại chiếm tới khoảng 55%,...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Quang Minh</dc:creator>
            <pubDate>2021-06-20 06:19:02</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Tìm hiểu về CSS Grid Layout ( Phần 1)]]></title>
                        <link>https://viblo.asia/p/tim-hieu-ve-css-grid-layout-phan-1-oOVlYnJv58W</link>
            <guid isPermaLink="true">https://viblo.asia/p/tim-hieu-ve-css-grid-layout-phan-1-oOVlYnJv58W</guid>
            <description><![CDATA[1. Giới thiệu

CSS Grid là một cách mới để tạo bố cục hai chiều trên web. Chỉ với một vài dòng CSS, bạn có thể tạo một lưới mà trước đây khó có thể th...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">No Name</dc:creator>
            <pubDate>2021-03-22 05:17:05</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[min(), max() và clamp(): Bộ ba hàm logic CSS đáng được sử dụng ngay hôm nay!]]></title>
                        <link>https://viblo.asia/p/min-max-va-clamp-bo-ba-ham-logic-css-dang-duoc-su-dung-ngay-hom-nay-Eb85oL7BK2G</link>
            <guid isPermaLink="true">https://viblo.asia/p/min-max-va-clamp-bo-ba-ham-logic-css-dang-duoc-su-dung-ngay-hom-nay-Eb85oL7BK2G</guid>
            <description><![CDATA[Hôm nay, chúng ta sẽ cùng nhau tìm hiểu cách kiểm soát kích thước các phần tử, duy trì khoảng cách thích hợp giữa chúng và triển khai định dạng phông ...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Trần Bá Hoà</dc:creator>
            <pubDate>2020-10-23 16:55:41</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[10 sites/apps/extensions giúp bạn code frontend pro hơn]]></title>
                        <link>https://viblo.asia/p/10-sitesappsextensions-giup-ban-code-frontend-pro-hon-YWOZraXEKQ0</link>
            <guid isPermaLink="true">https://viblo.asia/p/10-sitesappsextensions-giup-ban-code-frontend-pro-hon-YWOZraXEKQ0</guid>
            <description><![CDATA[Có rất nhiều site / apps/ extenstion rất hữu ích khi code frontend. Chúng giúp bạn code giao diện nhanh hơn, thân thiện với người dùng và tương thích ...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Nguyễn Tâm</dc:creator>
            <pubDate>2020-08-23 23:17:10</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Các kỹ thuật cần biết để xây dựng layout cho một website]]></title>
                        <link>https://viblo.asia/p/cac-ky-thuat-can-biet-de-xay-dung-layout-cho-mot-website-jvElaAN6lkw</link>
            <guid isPermaLink="true">https://viblo.asia/p/cac-ky-thuat-can-biet-de-xay-dung-layout-cho-mot-website-jvElaAN6lkw</guid>
            <description><![CDATA[Layout là gì ? Tại sao chúng ta cần phải xây dựng layout trong lập trình web ?

Từ layout được sử dụng trong nhiều lĩnh vực như thiết kế sách, báo, tạ...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">trimn</dc:creator>
            <pubDate>2020-05-28 13:54:13</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Kiểm thử Mobile và Responsive]]></title>
                        <link>https://viblo.asia/p/kiem-thu-mobile-va-responsive-1VgZvPeR5Aw</link>
            <guid isPermaLink="true">https://viblo.asia/p/kiem-thu-mobile-va-responsive-1VgZvPeR5Aw</guid>
            <description><![CDATA[Các loại ứng dụng di động
Ứng dụng gốc (Native app): là ứng dụng được viết riêng cho 1 loại nền tảng như Android, IOS, Window Phone bằng các ngôn ngữ ...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Nguyen Thi Kim Anh</dc:creator>
            <pubDate>2020-05-20 22:21:56</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Vài điều cần biết về Responsive trên iPhone thế hệ mới]]></title>
                        <link>https://viblo.asia/p/vai-dieu-can-biet-ve-responsive-tren-iphone-the-he-moi-3P0lPny4Kox</link>
            <guid isPermaLink="true">https://viblo.asia/p/vai-dieu-can-biet-ve-responsive-tren-iphone-the-he-moi-3P0lPny4Kox</guid>
            <description><![CDATA[Giới thiệu
Chào toàn thể cộng đồng Viblo, hôm nay mình sẽ chia sẻ một chút về Responsive trên các thế hệ mới của iPhone tính từ iPhone X không có phím...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Tran Cong Hanh</dc:creator>
            <pubDate>2019-12-23 07:44:06</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Responsive sizes màn hình trong Angular]]></title>
                        <link>https://viblo.asia/p/responsive-sizes-man-hinh-trong-angular-aWj536Gel6m</link>
            <guid isPermaLink="true">https://viblo.asia/p/responsive-sizes-man-hinh-trong-angular-aWj536Gel6m</guid>
            <description><![CDATA[![](https://images.viblo.asia/4682dd71-604f-4f19-8b40-3fb5832ccfaf.png)


Hầu hết thời gian chúng ta sử dụng các queries media CSS để xử lý các thay đ...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Bui Thi Huyen</dc:creator>
            <pubDate>2019-11-12 15:35:45</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Responsive table with Flexbox]]></title>
                        <link>https://viblo.asia/p/responsive-table-with-flexbox-ORNZq4brK0n</link>
            <guid isPermaLink="true">https://viblo.asia/p/responsive-table-with-flexbox-ORNZq4brK0n</guid>
            <description><![CDATA[Mở đầu
Các bạn thường responsive table như thế nào?

Chỉ scroll ngang table
Một cách phổ biến đấy là tạo thanh cuộn cho table và nó thật đơn giản phải...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Pham Thi Nhung</dc:creator>
            <pubDate>2019-10-22 22:42:15</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Tại sao Facebook không sử dụng responsive?]]></title>
                        <link>https://viblo.asia/p/tai-sao-facebook-khong-su-dung-responsive-yMnKMdJz57P</link>
            <guid isPermaLink="true">https://viblo.asia/p/tai-sao-facebook-khong-su-dung-responsive-yMnKMdJz57P</guid>
            <description><![CDATA[Responsive ngày này gần như là yêu cầu bắt buộc phải có khi thiết kế Website. Tuy nhiên, mỗi khi truy cập vào https://facebook.com thì giao diện y như...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Nguyên Hoàng</dc:creator>
            <pubDate>2019-10-21 19:26:57</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Một vài kỹ thuật tạo ra responsive images]]></title>
                        <link>https://viblo.asia/p/mot-vai-ky-thuat-tao-ra-responsive-images-ByEZkGn2ZQ0</link>
            <guid isPermaLink="true">https://viblo.asia/p/mot-vai-ky-thuat-tao-ra-responsive-images-ByEZkGn2ZQ0</guid>
            <description><![CDATA[Đã bao giờ bạn gặp phải trường hợp ảnh không fit vừa layout hoặc width, height không như ý muốn? Dưới đây mình sẽ đưa ra một số tips để responsive ima...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Le Thi Thanh Nhan</dc:creator>
            <pubDate>2019-09-21 20:59:02</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[8 Big Responsive Website Design Mistakes &amp; Solutions]]></title>
                        <link>https://viblo.asia/p/8-big-responsive-website-design-mistakes-solutions-gAm5ya7k5db</link>
            <guid isPermaLink="true">https://viblo.asia/p/8-big-responsive-website-design-mistakes-solutions-gAm5ya7k5db</guid>
            <description><![CDATA[Responsive Web Design (RWD) là xu hướng thiết kế website tương thích với mọi kích thước và màn hình thiết bị hiển thị. Điều này rất quan trọng đối với...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Truong Thi Nhi</dc:creator>
            <pubDate>2019-03-22 14:15:01</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Cách làm responsive component trong VueJS với ResizeObserver]]></title>
                        <link>https://viblo.asia/p/cach-lam-responsive-component-trong-vuejs-voi-resizeobserver-Qpmle7boKrd</link>
            <guid isPermaLink="true">https://viblo.asia/p/cach-lam-responsive-component-trong-vuejs-voi-resizeobserver-Qpmle7boKrd</guid>
            <description><![CDATA[Giới thiệu
Hôm nay mình muốn chia sẻ một thứ có lẽ sẽ giúp ích được bạn trong vấn đề responsive.
Mình đã từng gặp rất nhiều component có thể tái sử dụ...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Lê Cao Đạt</dc:creator>
            <pubDate>2019-03-20 07:42:51</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Cách xây dựng Responsive Type Scale với Bootstrap]]></title>
                        <link>https://viblo.asia/p/cach-xay-dung-responsive-type-scale-voi-bootstrap-Az45bQnglxY</link>
            <guid isPermaLink="true">https://viblo.asia/p/cach-xay-dung-responsive-type-scale-voi-bootstrap-Az45bQnglxY</guid>
            <description><![CDATA[Giới thiệu
Trong bài hướng dẫn này, mình sẽ đi sâu tìm hiểu về cách Bootstrap xử lí kiểu chữ, và làm thế nào để mình có thể sửa đổi code theo vài cách...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Uet Boo</dc:creator>
            <pubDate>2019-03-20 09:34:57</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Thẻ  và ứng dụng]]></title>
                        <category>Development</category>
                        <link>https://viblo.asia/p/the-picture-va-ung-dung-bWrZn1RYKxw</link>
            <guid isPermaLink="true">https://viblo.asia/p/the-picture-va-ung-dung-bWrZn1RYKxw</guid>
            <description><![CDATA[1. Giới thiệu thẻ cture>

Thẻ cture> cung cấp phương thức để khai báo nguồn ảnh giúp tối ưu việc load ảnh cho các kích thước màn hình khác nhau. Các w...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Nguyen Nhat Anh</dc:creator>
            <pubDate>2018-05-03 08:08:36</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Từ căn bản đến nâng cao về Responsive Web Design (RWD) - Phần 3]]></title>
                        <category>Development</category>
                        <link>https://viblo.asia/p/tu-can-ban-den-nang-cao-ve-responsive-web-design-rwd-phan-3-924lJYJ0ZPM</link>
            <guid isPermaLink="true">https://viblo.asia/p/tu-can-ban-den-nang-cao-ve-responsive-web-design-rwd-phan-3-924lJYJ0ZPM</guid>
            <description><![CDATA[Xin chào các bạn, như đã nói hôm nay mình xin giới thiệu phần 3 của series bài viết từ căn bản đến nâng cao về Responsive Web Design (RWD). Trong seri...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Ý Trần</dc:creator>
            <pubDate>2018-03-20 21:28:22</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Tạo Responsive Menu với CSS và jQuery]]></title>
                        <category>Development</category>
                        <link>https://viblo.asia/p/tao-responsive-menu-voi-css-va-jquery-gDVK2ajj5Lj</link>
            <guid isPermaLink="true">https://viblo.asia/p/tao-responsive-menu-voi-css-va-jquery-gDVK2ajj5Lj</guid>
            <description><![CDATA[Ngày nay, người dùng sử dụng rất nhiều thiết bị khác nhau để truy cập một website như máy tính để bàn, laptop, smartphone hay tablet, mỗi loại thiết b...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Tran Hai Phong</dc:creator>
            <pubDate>2017-06-22 15:18:46</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Tìm hiểu về kiểm thử Responsive cho Website - Responsive Web Design Testing (Phần 2)]]></title>
                        <category>Qa</category>
                        <link>https://viblo.asia/p/tim-hieu-ve-kiem-thu-responsive-cho-website-responsive-web-design-testing-phan-2-AoDKYNPEzvg</link>
            <guid isPermaLink="true">https://viblo.asia/p/tim-hieu-ve-kiem-thu-responsive-cho-website-responsive-web-design-testing-phan-2-AoDKYNPEzvg</guid>
            <description><![CDATA[(Link phần 1: https://viblo.asia/nguyen.thu.phuong/posts/DbmemoKJvAg)
V. Hướng dẫn cách kiểm thử responsive trên website:
*  Kiểm thử responsive trên ...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Nguyen Thu Phuong</dc:creator>
            <pubDate>2017-01-24 15:07:38</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Các kĩ thuật Responsive web design]]></title>
                        <link>https://viblo.asia/p/cac-ki-thuat-responsive-web-design-roavrnWjvRM</link>
            <guid isPermaLink="true">https://viblo.asia/p/cac-ki-thuat-responsive-web-design-roavrnWjvRM</guid>
            <description><![CDATA[Giới thiệu:

Responsive web design cho phép trang web của bạn hiển thị trên mọi thiết bị. Việc này tối ưu cho người dùng sử dụng nhiều thiết bị khác n...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Phạm Minh Hướng</dc:creator>
            <pubDate>2016-12-24 15:23:24</pubDate>
                                                                                                        </item>
                <item>
            <title><![CDATA[Introduction to Foundation 5 - Responsive front-end framework]]></title>
                        <link>https://viblo.asia/p/introduction-to-foundation-5-responsive-front-end-framework-n157G50OMAje</link>
            <guid isPermaLink="true">https://viblo.asia/p/introduction-to-foundation-5-responsive-front-end-framework-n157G50OMAje</guid>
            <description><![CDATA[Foundation 5

The most advanced front-end framework lets you build across devices.

Trong các dự án, với những yêu cầu làm Prototype cho khách hàng, h...]]></description>
                        <dc:creator xmlns:dc="http://purl.org/dc/elements/1.1/">Tung Nguyen</dc:creator>
            <pubDate>2015-06-26 04:47:05</pubDate>
                                                                                                        </item>
            </channel>
</rss>
