The ingredientsSo what does it take

The ingredients
So what does it take to create a responsive design? Speaking purely in terms of front-end layout, it takes three core ingredients:
1. A flexible, grid-based layout,
2. Flexible images and media, and
3. Media queries, a module from the CSS3 specification.
In the next three chapters, we’ll look at each in turn—the flexible grid, fluid images and media, and CSS3 media queries—
creating a more flexible, more responsive approach to designing for the web. As we do so, we’ll have created a design that can adapt to the constraints of the browser window or device that renders it, creating a design that almost responds to the user’s needs.
fig 1.6: It doesn’t just make for an attractive art installation. This wall can actually detect your presence, and reshape itself to respond to your proximity

Kết quả (Việt) 1:

Các thành phầnVì vậy những gì hiện nó đi để tạo ra một thiết kế đáp ứng? Nói hoàn toàn trong điều khoản của bố trí phía trước-End, phải mất ba thành phần cốt lõi:1. một bố trí linh hoạt, dựa trên lưới điện,2. linh hoạt hình ảnh và phương tiện truyền thông, và3. phương tiện truyền thông truy vấn, một mô-đun từ đặc điểm kỹ thuật CSS3.Trong các chương tiếp theo ba, chúng tôi sẽ xem xét mỗi lần lượt-lưới điện linh hoạt, chất lỏng các hình ảnh và phương tiện truyền thông và CSS3 phương tiện truyền thông truy vấn —tạo một linh hoạt hơn, phản ứng nhanh hơn cách tiếp cận để thiết kế cho các trang web. Như chúng tôi làm như vậy, chúng tôi sẽ tạo ra một thiết kế có thể thích ứng với những hạn chế của cửa sổ trình duyệt hoặc thiết bị mà làm cho nó, tạo ra một thiết kế mà hầu như đáp ứng nhu cầu của người dùng.hình 1,6: nó không chỉ làm cho tiến trình cài đặt nghệ thuật hấp dẫn. Bức tường này thực sự có thể phát hiện sự hiện diện của bạn, và thay đổi hình dáng riêng của mình để đáp ứng với sự gần gũi của bạn

Kết quả (Việt) 2:

Các thành phần
Vì vậy, những gì hiện nó đi để tạo ra một thiết kế đáp ứng? Phát biểu hoàn toàn về bố trí front-end, phải mất ba thành phần chính:
1. A, bố trí dựa trên lưới điện linh hoạt,
2. Hình ảnh linh hoạt và phương tiện truyền thông, và
3. Truy vấn phương tiện truyền thông, một mô-đun từ các đặc điểm kỹ thuật CSS3.
Trong ba chương tiếp theo, chúng tôi sẽ xem xét lần lượt từng-lưới điện linh hoạt, hình ảnh chất lỏng và phương tiện truyền thông, phương tiện truyền thông và CSS3 queries-
tạo ra một cách tiếp cận đáp ứng tốt hơn linh hoạt hơn để thiết kế cho web. Như chúng ta đã làm như vậy, chúng tôi sẽ đã tạo ra một thiết kế có thể thích ứng với những hạn chế của cửa sổ trình duyệt hoặc thiết bị ám nó, tạo ra một thiết kế gần như đáp ứng nhu cầu của người dùng.
Hình 1.6: Nó không chỉ làm cho một nghệ thuật sắp đặt hấp dẫn. Bức tường này thực sự có thể phát hiện sự hiện diện của bạn, và định hình lại bản thân để đối phó với sự gần gũi của bạn