[Tips] - Cách kiểm tra giao diện Mobile/Responsive cho website chính xác dễ dàng trên Chrome

<div style="text-align: justify;"><b><span style="color: #666666;">Hôm nay <a href="http://www.terocket.com/" target="_blank">Terocket</a> sẽ hướng dẫn các bạn cách <a href="http://www.terocket.com/2014/12/kiem-tra-giao-dien-mobile-responsive-website-tren-chrome.html" target="_blank">kiểm tra giao diện mobile</a>, hay còn gọi là Responsive trên trình duyệt Chrome. Rất đơn giản, không cần phần mềm, không cần phải có điện thoại, cũng không phải kéo co giản màn hình như nhiều bạn trước nay vẫn làm...cách kiểm tra này hoàn toàn chính xác, và có nhiều lựa chọn các dòng điện thoại nữa. Điều mà chắc chắn từ trước đến nay không một phần mềm hay website nào cung cấp được như vậy cả.</span></b></div><div style="text-align: justify;"><b><span style="color: #666666;"><br></span></b></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8YhtQZXBqlAJA7tw5rdOADTJKAhiNZUJHFNbcMZj7WHLEBoDyqCAEY5kkFymlMnpKtJSnBgdQ4XWI_zLY5yQUqG3QPCtd5owROwOwxCUjKodxbRkMVJg3FYjH4sWB-uNzT20yKdFKKc5U/s1600/mobile+text+8.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="[Tips] - Cách kiểm tra giao diện Mobile/Responsive cho website chính xác dễ dàng trên Chrome" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8YhtQZXBqlAJA7tw5rdOADTJKAhiNZUJHFNbcMZj7WHLEBoDyqCAEY5kkFymlMnpKtJSnBgdQ4XWI_zLY5yQUqG3QPCtd5owROwOwxCUjKodxbRkMVJg3FYjH4sWB-uNzT20yKdFKKc5U/s1600/mobile+text+8.jpg" title="[Tips] - Cách kiểm tra giao diện Mobile/Responsive cho website chính xác dễ dàng trên Chrome"></a></div><div style="text-align: center;"><i>Giao diện mobile responsive dành cho website cực kỳ quan trọng, hãy biết tận dụng lợi thế đó bạn nhé!</i></div><a href="http://www.terocket.com/2014/12/kiem-tra-giao-dien-mobile-responsive-website-tren-chrome.html#more">Đọc thêm»</a>

[Tips] - Cách kiểm tra giao diện Mobile/Responsive cho website chính xác dễ dàng trên Chrome

Hôm nay Terocket sẽ hướng dẫn các bạn cách kiểm tra giao diện mobile , hay còn gọi là Responsive trên trình duyệt Chrome. Rất đơn giản, khô...

Read more »

Khái niệm và ứng dụng của Responsive trong Web design

<div style="text-align: justify;"><b>Sự phát triển nhanh chóng của các tablet pc và mạng 3G đặt ra một yêu cầu chính đáng cho những người thiết kế web: giao diện trang web phải thích nghi được trên từng loại thiết bị dù cho người đó dùng Iphone, iPad, netbook, BlackBerry, Kindle hay những chiếc điện thoại di động có màn hình nhỏ. Và trong 5 năm tới sẽ còn rất nhiều thiết bị được đưa ra thị trường với vô vàng các ràng buộc mới và nhiều kích thước màn hình khác nhau, bài toán này sẽ làm những người thiết kế tiếp tục đau đầu trong thời gian sắp tới.</b></div><div><div><br></div></div><a href="http://www.terocket.com/2014/06/khai-niem-va-ung-dung-cua-responsive.html#more">Đọc thêm»</a>

Khái niệm và ứng dụng của Responsive trong Web design

Sự phát triển nhanh chóng của các tablet pc và mạng 3G đặt ra một yêu cầu chính đáng cho những người thiết kế web: giao diện trang web phải ...

Read more »

Twelve million namkna template 3 cột ves 1 for blogspot

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiaVmQOq8PE71gyXzpfUoW93SIawSlESk11_EgXa0tc9_vbi8qxsrX-9VpPjmWYBzsOzYC1L97R2tSJletLivpB8tkc3ahfY_S72ICkTal9ggpymCLDofw0ybAPxt54mCu5jDKk1yXZQKa/s1600/twelve-million-namkna-template-3-cot-ves-1.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="Twelve million namkna template 3 cột ves 1 for blogspot " border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiaVmQOq8PE71gyXzpfUoW93SIawSlESk11_EgXa0tc9_vbi8qxsrX-9VpPjmWYBzsOzYC1L97R2tSJletLivpB8tkc3ahfY_S72ICkTal9ggpymCLDofw0ybAPxt54mCu5jDKk1yXZQKa/s400/twelve-million-namkna-template-3-cot-ves-1.png" title="Twelve million namkna template 3 cột ves 1 for blogspot " width="257"></a></div><div style="text-align: justify;">Twelve million namkna template 3 cột là template được namkna thiết kế  với các tiêu chuẩn gồm 3 cột trong đó có 2 cột sidebar và một cột là bài viết. Về cơ bản phiên bản này có các tính năng và cài đặt tương tự như <a href="http://namkna.blogspot.com/2013/04/twelve-million-namkna-template-ves-1.html" target="_blank"><b>giao diện 1 cột</b></a>. điều khác biệt duy nhất là tùy chỉnh thành 3 cột và thu nhỏ phần main cho cân đối với giao diện mới.</div><a href="http://www.terocket.com/2013/07/twelve-million-namkna-template-2-cot.html#more">Đọc thêm»</a>

Twelve million namkna template 3 cột ves 1 for blogspot

Twelve million namkna template 3 cột là template được namkna thiết kế  với các tiêu chuẩn gồm 3 cột trong đó có 2 cột sidebar và một cột là ...

Read more »

Thiết kế Responsive Blogger Template khi xem bằng mobile và PC

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQet2Gh7qcv6ygK4Es5wxbhSRIdH1O8PbwZXwM1eBBYbseHuQSVjhq9tuPCFCMYb-lrBCI-VawiCXF4FOyNHkStW5cmrDojtw6qtrpK0gJ4nyfr_entt-36n3z3aMYr1BiLQXr8jj9724/s1600/design-responsive-blogger-template-blogspiot.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" height="222" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQet2Gh7qcv6ygK4Es5wxbhSRIdH1O8PbwZXwM1eBBYbseHuQSVjhq9tuPCFCMYb-lrBCI-VawiCXF4FOyNHkStW5cmrDojtw6qtrpK0gJ4nyfr_entt-36n3z3aMYr1BiLQXr8jj9724/s320/design-responsive-blogger-template-blogspiot.png" width="320"></a></div><div style="text-align: justify;">Thiết kế Responsive Template giúp cho blog hoạt động tốt trên điện thoại di động đã trở thành một xu hướng trong phát triển web ngày nay. Công nghệ điện thoại di động hiện nay phát triển vô cùng do vậy lượng người dùng sử dụng điện thoại di động lướt web không ngừng tăng nhanh. hiện nay mọi người thích đọc email, lướt web trên điện thoại so với sử dụng máy tính để bàn của họ. Đơn giản vì tính tiện lợi, dễ dàng kết nối wifi không dây và các mạng GPRS là một lý do khuyến khích sử dụng các thiết bị di động như điện thoại thông minh (Apple và Android), máy tính bảng, netbook và điện thoại di động có độ phân giải thấp như NOKIA.</div><br><a href="http://www.terocket.com/2013/07/thiet-ke-responsive-blogger-template.html#more">Đọc thêm»</a>

Thiết kế Responsive Blogger Template khi xem bằng mobile và PC

Thiết kế Responsive Template giúp cho blog hoạt động tốt trên điện thoại di động đã trở thành một xu hướng trong phát triển web ngày nay. Cô...

Read more »

Responsive dropmenu đơn giản từ CSS3 cho blogger

<div style="text-align: justify;">Đây là menu xổ dọc đơn giản từ CSS 3 được thiết kế bởi duy phạm được tích hợp thêm chức năng responsive tức là thay đổi giao diện cho phù hợp với thiết bị ngoại vi khi chiều rộng của blog thay đổi theo kích thước màn hình của thiết bị đó. Để làm được nó bạn chỉ cần làm theo hướng dẫn của mình ở dưới đây nha:</div><div style="text-align: justify;"><br></div><div style="text-align: justify;">Trước tiên các bạn có thể xem hình ảnh minh họa bên dưới để thấy rõ hơn nguyên tắc hoạt động và chức năng responsive được tích hợp vào menu này nha (Nếu  không xem được hãy bấm <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhseySWoZliqB30c8cBUGbYD4Ckt3Pa8XxehccFrDPcj1ao-RnQTGKchOJ8iO3JNoHzbtcnWuflWIhYV3L4evW0r1Nz1mr9rdzS1_SpzFqklH3dr8D6xVStcd_qUKS8eY-a-4dWw3VGl6s/s1600/responsive-drank-dropmenu-to-css3-cho.png" target="_blank"><b>Vào đây</b></a> nha):</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq-3CbykbQU9PNIgGQ_BDG7OpWvHR7KP-Spt0d31CVcb7NXvQyXZAwRVShrEy3ZeUq-OdXkvYp7dMLm8Obx_vvHqPco-FZF90eC7Bzl6alpY1xzsgpDRRRNMsXO4p5bP5QjyOAXUtnr90y/s1600/Responsive+dropmenu-nhieu-cap-tu-css-3-don-gian-cho-blogger-web.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Responsive dropmenu đơn giản từ CSS3 cho blogger" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq-3CbykbQU9PNIgGQ_BDG7OpWvHR7KP-Spt0d31CVcb7NXvQyXZAwRVShrEy3ZeUq-OdXkvYp7dMLm8Obx_vvHqPco-FZF90eC7Bzl6alpY1xzsgpDRRRNMsXO4p5bP5QjyOAXUtnr90y/s1600/Responsive+dropmenu-nhieu-cap-tu-css-3-don-gian-cho-blogger-web.gif" title="Responsive dropmenu đơn giản từ CSS3 cho blogger"></a></div><br><a href="http://www.terocket.com/2013/07/responsive-drank-dropmenu-to-css3-cho.html#more">Đọc thêm»</a>

Responsive dropmenu đơn giản từ CSS3 cho blogger

Đây là menu xổ dọc đơn giản từ CSS 3 được thiết kế bởi duy phạm được tích hợp thêm chức năng responsive tức là thay đổi giao diện cho phù hợ...

Read more »

Tạo Responsive Dropdown Menu trong Blogger

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic5ZPvgNlmTf7JakWHUFdJI-Wfkca7zbnUtQXLjOJRJuhZ9eReqj-6qn-hQzKFFP1IROk3n5-lNJxosGaat_BeI2Aq7Wv_rpiBz3EgBhxFRbxYWMbe4YW-94ilyz4plmyOpb06o6Pa94nU/s400/design-responsive-drop-down-menu-in-blogger_namkna.blogspot.com.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="Tạo Responsive Dropdown Menu trong Blogger" border="0" height="249" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic5ZPvgNlmTf7JakWHUFdJI-Wfkca7zbnUtQXLjOJRJuhZ9eReqj-6qn-hQzKFFP1IROk3n5-lNJxosGaat_BeI2Aq7Wv_rpiBz3EgBhxFRbxYWMbe4YW-94ilyz4plmyOpb06o6Pa94nU/s320/design-responsive-drop-down-menu-in-blogger_namkna.blogspot.com.png" title="Tạo Responsive Dropdown Menu trong Blogger" width="320"></a></div><div style="text-align: justify;">Trong thiết kế blogger để phần header thích hợp với các trình duyệt khác nhau rất quan trọng và phần quan trọng nhất của header là menu chính cung cấp liên kết hữu ích bên trong của bạn. Hôm nay mình sẽ hướng dẫn cách thiết kế một menu thả xuống linh hoạt cho Blogspot mà không cần sử dụng một scripts hoặc hình ảnh! Phần đặc biệt là nó không chỉ là một trình đơn ngang mà nó có thể biến thành một danh sách thả xuống. Đơn giản chỉ cần sử dụng mã HTML5, thẻ <b><nav> </b>và CSS3 : bạn có thể <b><a href="http://www.w3schools.com/cssref/css_selectors.asp">kiểm tra tại đây</a></b>, Mình sẽ giới thiệu một menu của <b><a href="http://www.mybloggertricks.com/2013/06/design-responsive-drop-down-menu-in-blogger.html">mybloggertricks</a></b> mà tôi hy vọng sẽ có ích cho cộng đồng blogger vì nó thực sự là một trình đơn hiệu quả đó là tương thích với tất cả các trình duyệt và sử dụng không Jquery!</div><br><div style="text-align: justify;"><br></div><a href="http://www.terocket.com/2013/06/create-responsive-dropdown-menu-blogger.html#more">Đọc thêm»</a>

Tạo Responsive Dropdown Menu trong Blogger

Trong thiết kế blogger để phần header thích hợp với các trình duyệt khác nhau rất quan trọng và phần quan trọng nhất của header là menu chín...

Read more »

Tùy chỉnh Blogger Templates khi xem bằng Mobile

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY9lMojpIBXQXeT_k3bm7d6PTWQZq_ggO8qQBXkG7Rmx8dKF2WknJNF7KyP7CmP1r_xdHVSyxFKGoCWL8LQypFFCoq506AWp6WOg0Zz86boPSt9wel4YhcGhQf80ea-0xd8VmMkxrMAuc/s1600/edit-blogger-template-mobile-for-blogspot.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img alt="Edit Blogger Mobile Templates for blogspot" border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY9lMojpIBXQXeT_k3bm7d6PTWQZq_ggO8qQBXkG7Rmx8dKF2WknJNF7KyP7CmP1r_xdHVSyxFKGoCWL8LQypFFCoq506AWp6WOg0Zz86boPSt9wel4YhcGhQf80ea-0xd8VmMkxrMAuc/s1600/edit-blogger-template-mobile-for-blogspot.png" title="Edit Blogger Mobile Templates for blogspot" width="200"></a></div><div style="text-align: justify;">Nhóm Blogger (<a href="http://code.blogger.com/2011/11/introducing-custom-mobile-templates.html" rel="nofollow" target="_blank">Blog Code Blogger</a>) đã cập nhật một tính năng mới. Nếu bạn đã kích hoạt Templates điện thoại di động, bạn sẽ có thể để tùy chỉnh các mẫu cho Blogger điện thoại di động bằng cách sử dụng CSS định dạng. Bạn cũng có thể kiểm soát những thành phần được hiển thị và không nên hiển thị. Bạn cũng có thể cấu hình các tiện ích để hiển thị một nội dung thay thế trong giao diện điện thoại di động.</div><a href="http://www.terocket.com/2013/01/edit-blogger-mobile-templates-for.html#more">Đọc thêm»</a>

Tùy chỉnh Blogger Templates khi xem bằng Mobile

Nhóm Blogger ( Blog Code Blogger ) đã cập nhật một tính năng mới. Nếu bạn đã kích hoạt Templates điện thoại di động, bạn sẽ có thể để tùy ch...

Read more »