Responsive Image trong website sử dụng bootstrap framework

  • Tuesday, October 8, 2013

Bootstrap là một framework khá hay để phát triển giao diện website, đặc biệt là đối với các website theo xu hướng responsive. Tuy nhiên khi bắt tay vào xây dựng một dự án cụ thể bạn sẽ gặp một số vấn đề, ở bài này tôi muốn nói đến hiện tượng các hình ảnh trong nội dung bài viết không response theo khung mà sẽ bị tràn ra ngoài khi xem trên các thiết bị mobile hay tablet. Vậy làm sao để giải quyết vấn đề này?

Responsive like box facebook

  • Friday, October 4, 2013

Gần đây tôi có làm một website với giao diện responsive và trên trang có nhúng like box facebook, vấn đề ở đây tôi gặp phải là đoạn mã like box mà facebook cung cấp chỉ cho phép chèn chiều rộng (width) và chiều cao (height) là những con số cụ thể, chính vì vậy khi kích thước màn hình co dãn, giao diện responsive theo thì like box đó bị vượt khỏi khung trông rất thiếu thẩm mỹ.

Sử dụng jQuery Picture plugin tối ưu hóa hình ảnh cho web mobile.

  • Sunday, September 22, 2013

Như bài trước tôi có giới thiệu về jQuery Mobile - một bộ mã nguồn mở hỗ trợ xây dựng giao diện cho responsive rất chuyên nghiệp dành cho các thiết bị smartphone và máy tính bảng. Và việc tiếp theo các bạn sẽ phải quan tâm khi xây dựng được một web mobile ưng ý đó là tối ưu nó. Với các thiết bị di động thường hạn chế về tốc độ và dung lượng truy cập internet so với máy tính, vì vậy tối ưu dung lượng web sẽ là việc bạn sẽ cần làm tiếp theo. Ở bài này chúng ta sẽ sử dụng môt plugin rất nhỏ gọn là jQuery Picture, nó hỗ trợ chúng ta trong việc lựa chọn sử dụng hình ảnh theo tỷ lệ màn hình thiết bị một cách hợp lý nhất.

Sử dụng jQueryMobile để phát triển web cho thiết bị di động

  • Tuesday, September 17, 2013

jQuery Mobile là một bộ khung giao diện người dùng cảm ứng thân thiện, được xây dựng dựa trên jQuery Code và làm việc trên hấu hết trên các thiết bị điện thoại phổ biến, máy tính bảng và nền tảng máy tính để bàn.  

Tạo Accordion Menu đơn giản với CSS & jQuery

  • Monday, September 9, 2013

Accordion Menu hiện nay khá phổ biến với thiết kế web hiện tại, vì ngoài việc là một menu, nó có thể tùy biến để hiện thị nôi dung, hình ảnh một cách rất chuyên nghiệp... và rất tiết kiệm không gian khi hiển thị trên web. Hiện tại bạn chỉ cần gõ Accordion Menu là ra rất nhiều plugin, tuy nhiên bạn có thể xây dựng riêng cho mình một Accordion Menu một cách rất đơn giản và gọn nhẹ. Bài viết này sẽ hướng dẫn các bạn làm điều đó.

Tổng hợp các jQuery plugin về thanh cuộn

  • Tuesday, September 3, 2013

Thanh cuộn Scrollbar dùng để cuộn nội dung trang web khi vượt quá chiều cao cho phép, tuy nhiên trong một vài trường hợp style mặc định không phù hợp với mẫu thiết kế chúng ta đang sử dụng, và việc chỉnh sửa style của scrollbar không đơn giản như các phần tử HTML khác. Để giải quyết vấn đề này, các bạn hãy tham khảo một số jQuery plugin về thanh cuộn sau...  

Page 3 of 4
Search

Đăng ký nhận bài mới


Category

Blog Archive