Lazy loading images (Tải lười biếng) là một mẫu thiết kế thường được sử dụng trong lập trình máy tính để trì hoãn việc khởi tạo một đối tượng cho đến thời điểm cần thiết. Lazy loading không những giúp tăng hiệu xuất và thời gian tải web hiệu quả mà còn góp phần giúp bạn giảm đi một phần chi phí vận hành bởi người dùng chỉ nhận được những gì họ cần thay vì tải lên tất cả. [Read more…]
Sử dụng Javascript Loader để tăng tốc độ tải web
Mấy năm gần đây chuyện cạnh tranh tăng tốc độ tải web trở nên khốc liệt hơn. Ngoài việc tăng trải nghiệm cho người dùng, nó còn là cuộc chiến liên quan đến SEO. Điều này thể hiện rõ qua những thang điểm Google đưa ra trong PageSpeed Insight. Có nhiều bài viết liên quan đến việc tăng tốc độ tải trang tôi đã viết. Hôm nay sẽ là một trải nghiệm mới với Javascript Loader. [Read more…]
Lấy vị trí người dùng sử dụng HTML5 Geolocation API và PHP
HTML5 giúp ích rất nhiều cho người làm web bởi nó hỗ trợ rất nhiều API cho phép bạn thao tác với người dùng nhiều hơn. Trong bài viết này tôi sẽ hướng dẫn bạn lấy thông tin vị trí người dùng như quốc gia, thành phố, vị trí, zipcode… Từ những thông tin này bạn có thể biết được người dùng của mình đến từ đâu. Thông tin này có vẻ rất phù hợp với các bạn làm Thương mại điện tử. [Read more…]
Viết HOA ký tự đầu của chuỗi bằng Javascript
Tại sao cần một hàm để viết HOA ký tự đầu tiên ? Có nhiều nguyên nhân khiến cho bạn muốn làm việc này như trích xuất dữ liệu ra và chuyển nó thành phần mở đầu của câu hay chỉ đơn giản là bạn muốn sử dụng một chuỗi nào đó làm tiêu đề và dĩ nhiên – viết hoa ký tự đầu tiên. Bài viết này sẽ chia sẻ với bạn một kinh nghiệm nhỏ để làm việc đó bằng Javascript. [Read more…]
Remove render-blocking JavaScript
“Remove render-blocking JavaScript” là một trong những thông báo hay gặp và thường khó khắc phục của nhiều người khi tối ưu hóa tốc độ tải trang bằng Google Page Speed Insight. Bài viết này sẽ phân tích cho bạn nguyên nhân và cách khắc phục chúng như thế nào. [Read more…]
Xây dựng Hashtag sử dụng PHP, MySQL & jQuery
Hashtag giờ là một phần quan trọng trên các trang web mạng xã hội như FaceBook và các mạng xã hội hàng đầu khác.Tôi còn nhớ, hashtag lần đầu tiên được sử dụng bởi Twitter đã tạo ra một làn sóng ủng hộ mạnh mẽ rồi lan sang các mạng xã hội khác như một trào lưu mới. Lần lượt các mạng xã hội khác như tumblr, facebook, instagram… cũng bắt đầu đưa hashtag vào sử dụng trong hệ mạng của mình. Nó giúp cho người dùng tìm kiếm một chủ đề theo một từ khóa một cách dễ dàng và sử dụng nó khá đơn giản: chỉ cần #hashtag là xong. [Read more…]
Theo dõi sự kiện Responsive trên site với Google Analytics mới
Còn nhớ năm ngoái, khi điện thoại thông minh phát triển một cách rầm rộ và kéo theo sự ra đời của cái gọi là responsive web design (thiết kế tùy biến giao diện website). Bắt đầu từ thời điểm đó, webmaster nào có website cũng muốn sở hữu một giao diện tùy biến trên điện thoại để đáp ứng tốt hơn cho người truy cập từ di động. Hơn 500 ngày đã trôi qua và giờ đây chúng ta đang đứng giữa cuộc cách mạng Responsive. Với một vài đoạn mã được xây dựng dựa trên nền tảng Google Analytics, bạn có thể cai quản và tìm hiểu tất cả các sự kiện của người dùng di động. [Read more…]
9 jQuery plugin giúp cải thiện thanh menu trên website
Thanh điều hướng (navigaton hay ở Việt Nam quen gọi là menu chính) là một phần quan trọng của website, giúp người dùng di chuyển qua các nội dung trên website dễ dàng. Suy nghĩ và tối ưu hóa nó sao cho người dùng của bạn di chuyển trên site dễ dàng là điều cần thiết để website của bạn thân thiện hơn với người dùng. Trong bài viết này, NhanWeb sẽ giới thiệu với bạn một vài plugin của jQuery giúp bạn cải thiện thanh điều hướng của mình nhằm cung cấp trải nghiệm thú vị với người dùng hơn. [Read more…]
Tính khoảng cách giữa 2 địa điểm bằng Google Maps API
- Khoảng cách từ một địa điểm A đến một địa điểm B là bao nhiêu km ?
- Đi từ đây đến vị trí đó bao xa ?
- Những nhà hàng/khách sạn/quán cafe nào gần một địa điểm tôi sắp đến ?
Rất nhiều câu hỏi mang tính thực tế cao nhưng đại đa số lập trình viên khó có thể trả lời bởi bạn không có đủ lượng data cần thiết cho các phép tính phức tạp.Những gì chúng ta sắp làm sẽ thực hiện dựa vào ứng dụng mở rộng của Google Map(Google Map API). Nói một cách khác, tut này sẽ hướng dẫn bạn chuyển đổi từ một địa chỉ cụ thể thành dữ liệu số của Google Map để xác định cụ thể vị trí, sau đó tính toán khoảng cách giữa 2 vị trí trên Google Map và trả kết quả lại cho người dùng. [Read more…]