Loại bỏ hiệu ứng nút bấm và xoay màn hình phóng to chữ trên trình duyệt Safari của iPhone
Bạn chỉ cần thêm đoạn mã CSS dưới đây là sẽ giải quyết được vấn đề:
Nguyễn Đức Anh
Độ phân giải màn hình phổ biến, ứng dụng trong việc thiết kế website responsive
Chúng ta biết rằng để thiết kế được website đáp ứng (responsive) đẹp mắt, chúng ta phải biết được điểm breakpoint của màn hình để đưa vào thẻ @media (min-width: Vpx) {// CSS đặt ở đây} Trong đó V là giá trị cụ thể chẳng hạn @media (min-width: 360px) chỉ ra rằng màn hình tối thiểu phải đạt kích cỡ này đoạn CSS mới được thực thi. Đặc biệt trên các thiết bị di động có màn hình nhỏ từ 320px cho đến cỡ 420px việc chênh nhau chỉ 10 – 15px thôi mà không để ý có thể nhẹ …
Thử tìm hiểu về cách tạo website Responsive (bài 1)
Ngày nay, một trang web không chỉ cần đẹp mắt trên màn hình máy tính để bàn, mà còn cần ổn thỏa trên cả máy tính bảng và đặc biệt là thiết bị di động nữa. Một website được gọi là responsive nếu nó có khả năng đáp ứng, thay đổi tùy theo kích cỡ màn hình của người dùng. Ở thời điểm hiện tại, website được thiết kế responsive là điều cực kỳ quan trọng, và trong thực tế là kỹ thuật mà bạn phải thành thạo nếu định đi theo con đường lập trình hoặc thiết kế website. …
Các câu lệnh JavaScript dùng để thao tác với chuỗi (string)
Tôi vẫn luôn hứng khởi với JavaScript, khía cạnh chủ yếu là vì nó có thể viết ra các ứng dụng chạy trên trình duyệt mà không làm bạn tốn kém đáng kể tài nguyên máy chủ như các ngôn ngữ PHP, lý do là vì các đoạn mã được thực thi trên máy khách. Hôm nay tôi sẽ tìm hiểu các hàm liên quan tới string. Trước tiên chúng ta tạo cái form demo để kiểm tra: Sau đó là hàm JS để bắt đầu viết mã vào bên trong: Các hàm đơn giản Đầu tiên để lấy thông …
Tạo biểu đồ tròn cơ bản – học thư viện JS ECharts (phần 3)
Tôi vẫn thường ưu tiên biểu đồ cột nhiều nhất, cơ mà biểu đồ tròn cũng hay khi mà chúng ta chỉ có vài dữ liệu đưa vào hoặc thích sự mềm mại của nó. A. Biểu đồ tròn đơn giản Mã mẫu: Một số câu lệnh mới mà chúng ta thấy: left: ‘center’ dùng để căn giữa; orient: ‘vertical’ bình thường cái legend sẽ xếp từ trái qua phải, để như thế này nó sẽ xếp theo trục đứng; type: ‘pie’: dùng để chỉ biểu đồ tròn; radius: ‘50%’ đùng để chỉ kích cỡ tương đối; phần cuối chỗ …
Tạo bảng biểu cột, đường phức tạp hơn – học thư viện JS ECharts (phần 2)
Trong phần một chúng ta đã làm quen với các cú pháp, câu lệnh cơ bản của ECharts, trong bài 2 này tôi sẽ thử tìm hiểu các bảng biểu dạng cột đã được đề cập trong bài đầu nhưng có nhiều tính năng hơn. A. Biểu đồ cột giúp nổi bật thông tin khi di chuột qua (axis align with tick) Đoạn mã mẫu: Phần đầu tiên: Phần thứ hai: Phần thứ ba: Phần cuối có thông tin đáng lưu ý là barWidth: ‘50%’, giúp xác định độ rộng cột tương đối. Bạn cứ điều chỉnh con số này …
Tạo biểu đồ đường, cột cơ bản – học thư viện JS ECharts (phần 1)
Học qua ví dụ có lẽ là cách học ưa thích của nhiều người. Và hôm nay chúng ta sẽ thử thực hành với các ví dụ đơn giản nhất của ECharts để bước đầu làm quen. Đầu tiên bạn vào thư viện mẫu này của họ: echarts.apache.org/examples/en/index.html Rồi chọn các ví dụ đơn giản để thực hành trước (đừng vội ham vào mấy biểu đồ lung linh, mã nó rắc rối lắm, chưa hiểu ngay được đâu, mới cả biểu đồ hoa lá cành thực tế cũng ít dùng hơn các biểu đồ đơn giản- vì mục đích của …
Làm bảng biểu thống kê đẹp hơn trên web với thư viện JS ECharts
Đây là thư viện JS của Baidu giúp chúng ta tạo các bảng biểu đẹp và rất sinh động trên web. Đỡ phải làm bảng trên Excel rồi chụp ảnh lại. Một điều rất quan trọng khác là các bảng biểu như thế này giúp chúng ta xuất ra được các bảng động tùy vào dữ liệu đầu vào người dùng nhập, điều mà ảnh cố định không thể làm được. Đầu tiên trong thẻ <head> của HTML bạn đưa file JS của ECharts vào: Có 2 lựa chọn. Một là file JS đó lưu trên host của bạn, hai …
Tính năng cuộn chuột vô tận không dành cho mọi website
Tóm tắt: Cuộn chuột vô tận giúp mọi người thoát khỏi cơ chế phân trang trong những nhiệm vụ liên quan đến duyệt web, nhưng nó không phải là lựa chọn tốt cho các trang web hỗ trợ nhiệm vụ tìm kiếm mục-tiêu-được-định-hướng. Nếu bạn định áp dụng cuộn chuột vô tận (infinite scrolling) cho trang web của mình, hãy dừng lại và suy nghĩ xem liệu tính năng này có hại nhiều hơn lợi không trong tình huống của bạn. Cuộn chuột vô tận là một kỹ thuật thiết kế web tải nội dung liên tục khi người dùng …
Thử tìm hiểu mấy hàm có tiền tố mb (multibyte string) trong PHP giúp xử lý chuỗi tiếng Việt tốt hơn [phần 1]
Chế lại bánh xe là dở hơi, mất công, và kém hiệu quả. Ý tôi là việc viết các hàm mà PHP có thể có sẵn. Để dự phòng trường hợp đó, hôm nay tôi sẽ thử tìm hiểu mấy hàm xử lý chuỗi của PHP có hỗ trợ tiếng Việt cũng như hầu hết các ngôn ngữ không phải phương Tây khác. Hàm mb_substr Hàm này dùng để cắt chuỗi. Cấu trúc của nó như sau: $string là chuỗi đầu vào; int $start chỉ vị trí bắt đầu mà bạn muốn cắt. Nó cần là số nguyên, và là …