Le Tung Lam

Trình duyệt Safari mới thử nghiệm (beta) trên Windows đã thu hút sự chú ý rất lớn từ giới thiết kế web, lập trình web. Và ngay sau vài ngày phát hành bản Beta thì Safari bắt đầu có… vấn đề. Ở đây là vấn đề sự khác biệt trong việc hiển thị website trên Windows và Mac. Dưới đây là hình ảnh hiển thị của website với Safari trên Windows và Mac.

Kiếm tra với trang web University of Michigan kết quả Windows (bên trái) và mac (bên phải) như sau:

Sự khác biệt: trên windows trang web có thêm thanh kẻ màu xanh ngay dưới banner của trang web khi hiển thị với Safari. Thanh kẻ này không hiển thị nếu bạn dùng bất kì trình duyệt nào khác thậm chí là Safari trên nền Mac.

Tiếp theo là một trang web khác cũng của University of Michigan kết quả Windows (bên trái) và mac (bên phải) như sau: Đọc tiếp »

Sitemap.xml là file lưu trữ các thông tin về cấu trúc và thông tin khác của website được những nhà phát triển web sử dụng để tạo điều kiện cho các công cụ tìm kiếm (Google, Yahoo, MSN,…) thuận lợi hơn trong việc thu thập dữ liệu của mình. Phương pháp này mới chỉ được áp dụng trong một vài năm gần đây.

Sitemaps are an easy way for webmasters to inform search engines about pages on their sites that are available for crawling. In its simplest form, a Sitemap is an XML file that lists URLs for a site along with additional metadata about each URL (when it was last updated, how often it usually changes, and how important it is, relative to other URLs in the site) so that search engines can more intelligently crawl the site

Các trang tìm kiếm thường thu thập thông tin theo các links (liên kết) được cung cấp trên những trang web đó, nhưng giả sử thông tin đó rất hay nhưng lại không có liên kết thì gần như chúng sẽ không được thu thập. Và sitemap.xml giải quyết vấn đề đó. Chỉ cần cung cấp địa chỉ trang web vào sitemap.xml, sau đó, bạn có thể ăn ngon ngủ yên và chắc chắn rằng các trang tìm kiếm sẽ thu thập thông tin ở trang web đó. Đặc biệt, trang web của bạn sau khi thiết kế xong sitemap.xml sẽ xuất hiện trên các trang tìm kiếm rất nhanh. Và một điều nữa là có thể đôi khi bạn không tin nhưng sitemap.xml có thể giúp trang web của bạn có thứ hạng tốt hơn so với việc không có đấy!

Lợi ích của sitemap.xml là vậy nhưng bắt đầu từ đâu để làm sitemap.xml?

Chắc hẳn, ai cũng sẽ hỏi điều này nếu như đây là lần đầu nghe đến cụm từ “sitemap.xml”. Trước hết, bạn phải tạo cho trang website của mình một file sitemap.xml với cấu trúc như sau:
Đọc tiếp »

Đây là công đoạn khá quan trọng trong toàn bộ quá trình thiết kế web. Có rất nhiều cách để kiểm tra, thử nghiệm website sau khi được thiết xong. Bạn có thể mở chúng trên tất cả những browser mà máy mình có thể cài đặt như Opera, Firefox (FF), Internet Explorer (IE),… Thế nhưng vẫn chưa đủ vì vẫn còn những browser khác hoạt động trên những hệ điều hành khác như Safari, Camino trên Mac OSX hay một số browser hoạt động trên linux.

Bài viết này sẽ cung cấp cho bạn 3 cách để bạn có thể kiểm tra website sau khi thiết kế được tốt nhất.

1. Sử dụng dịch vụ hiển thị website trên nhiều browser và hệ điều hành.

Giải pháp này có lẽ là dễ làm nhất. Rất đơn giản, bạn chỉ việc cung cấp cho các dịch vụ trên địa chỉ website của bạn mà thôi. Sau đó, bạn chỉ việc chờ nhận được những hình ảnh được chụp của website khi hiển thị trên nhiều browser và hệ điều hành khác nhau. Bạn chỉ có thể xem được một số trang của mình mà thôi và thường là trang chủ. Nếu bạn muốn xem những trang tiếp theo bạn sẽ lại phải nhập địa chỉ và chờ… Mặc dù vậy, đây là lựa chọn hoàn hảo cho những trang web chỉ gồm một trang.

Dịch vụ trên được cung cấp tại Browsershot, BrowserCam. Tuy nhiên, đây vẫn chưa phải là cách duy nhất… Đọc tiếp »

Như chúng ta đã biết ở bài viết trước mình đã có lần để cập đến vấn đề “làm việc tốt với các trình duyệt (browser)” bằng cách sử dụng CSS để xóa đi những định dạng mặc định của từng browser. Lần này, các bạn sẽ được biết đến những điều cần tránh trong khi viết mã HTML và CSS nếu bạn muốn website của mình hiển thị tốt ở hầu hết các browser.

1. Không bao giờ sử dụng padding cho các đối tượng có độ rộng cố định (fixed width)

Đây là nguyên tắc cơ bản vì cách căn lề của Internet Explorer khác với các trình duyệt khác và cũng là 1 lỗi của trình duyệt này. Lỗi này được gọi là “Box Model Bug” hình dưới là một hình ảnh minh họa cho lỗi này.

Bạn có thể thấy rằng độ rộng của đối tượng “được” cộng thêm khi hiển thị ở IE nếu như có padding. Vậy đơn giản là không dùng padding cho các đối tượng có độ rộng cố định (fixed width). Đọc tiếp »

Grou.PS ngày hôm qua đã đưa ra một mẩu tin tuyển dụng lập trình viên PHP và mình cho rằng đây là lời tuyển dụng cho công việc PHP độc đáo nhất. Hãy xem qua mẩu tuyển dụng của Group.PS

1. $q1 = Are you a master PHP Ninja?
2. $q2 = Excel at object oriented PHP, MVC pattern, Smarty template engine, caching practices and PEAR?
3. $q3 = Familiar with CSS, Javascript, XHTML, MySQL?
4. $q4 = Experienced with Zend Studio, Subversion, wikis?
5. $q5 = Love open source? Aware of RSS, XML-RPC, web services, memcached and all other geeky stuff?
6. $q6 = Keen to learn much more?
7. $q7 = Ready to move to Silicon Valley?
8.  
9. if ( $q1 && $q2 && $q3 && $q4 && $q5 && $q6 ) {
10. echo "YOU SHOULD <strong>JOIN</strong> US! drop your resume to contact@grou.ps <br />";
11. echo "please include some php and javascript code snippets or refer us to an open source project you've";
12. echo "already made. tell us our coding mistakes in this call and let us know what you know about";
13. echo "the new javascript 1.7, mysql 5.2 and php 6. thanx,";
14. exit;
15. }
16. else {
17. die("maybe next time...");
18. }

Bạn có thể xem bản đầy đủ tại đây. Và hy vọng một ai đó sẽ tìm được công việc mới cho mình.

Ngày hôm nay là Google Developer Day và chúng ta có một thông tin thú vị từ Google đó là phiên bản mới của Google Web Toolkit (GWT) được phát hành. Đây là phiên bản có sự nâng cấp đáng kể so với phiên bản trước cho việc lập trình các ứng dụng Ajax với ngôn ngữ Java.

Lần nâng cấp này có rất nhiều thay đổi, ở đây mình chỉ nói đến những thay đổi mang tính nổi bật của GWT

• Giảm kích thước các đoạn mã Javascript xuống khoảng 15% - 20% từ đó tăng tốc độ hoạt động của các ứng dụng trên nền GTW.
• Hệ thống Widgets mới bao gồm RichText widget, SuggestBox, PushButton, ToggleButton, DisclosurePanel, HorizontalSplitPanel và VerticalSplitPanel.
• Hệ thống Benchmarking được tích hợp sẵn với JUnit giúp cho người lập trình có thể đo đạc và so sánh tốc độ chạy của đoạn mã do mình làm.
• Tăng tính toàn cầu hóa bằng việc thêm vào đó những định dạng ngày tháng và giờ giấc tùy theo từng đất nước.
• ImageBundle: “the single biggest have-to-see-it-to-believe-it feature of GWT 1.4 RC. Image bundles make it trivially easy to combine dozens of images into a single “image strip”, collapsing what would have been dozens of HTTP requests into one: a single, permanently-cacheable image file.”

Và còn rất nhiều tính năng khác trong lần nâng cấp này. Hãy xem và trải nghiệm với GWT.