Thursday, January 28, 2010
pxWeather - PHP XML Weather Utility
More http://pxweather.abbett.org
Friday, January 15, 2010
50 Thủ thuật tăng thứ hạng website
1. Sử dụng .htaccess để chuyển tên miền từ non-www thành dạng www (sử dụng redirect 301)
2. Gia hạn tên miền của bạn thêm vài năm (khuyến khích trên 5 năm)
3. Đảm bảo răng khi khách click vào logo của site bạn thì họ dc đưa trở lại trang chủ
4. Nếu font chữ của website bạn quá nhỏ, hãy cho nó về mức tiêu chuẩn (như thế này nè ), SE có thể bỏ qua site bạn nếu font chữ quá nhỏ
5. Loại bỏ các plugin ko cần thiết
6. Luôn chèn thông tin liên hệ, hoặc trang liên lạc của bạn ở cuối trang web
7. Nên cố gắng sắp xếp site của mình theo một mẫu CSS stylesheet
8. Sửa hoặc loại bỏ các link sai, hoặc “chết” thường xuyên nếu bạn không sử dụng “nofollow”
9. Sử dụng alt tag cho tất cả bức ảnh, đặc biệt là ở trang chủ
10. Loại bỏ các iframe trong site bạn, phần lớn các SE ko index các iframe, nó có thể làm cho cả page chứa iframe bị ảnh hưởng
11. Nên tạo một file robots.txt cho website của bạn
12. Nên sử dụng một navigation cơ bản cho site bạn
13. Sử dụng cùng một mầu cho các link
14. Kiểm tra lỗi chính tả trong nội dung website
15. Định dạng website của bạn theo một khuôn mẫu xác định
16. Nên sử dụng ít nhất 1 bức ảnh cho mỗi trang có kèm alt tag, đừng nghĩ là loại bỏ hết tranh ảnh có thể cải thiện rank cho site bạn
17. Tạo một about page cho site bạn
18. Cung cấp các thông tin cá nhân của bạn rõ ràng trong about page đó
19. Nên chèn 1 số bức ảnh vào about page (như logo, map…)
20. Nên loại bỏ các popup trong site bạn
21. Chèn link đến các bookmark, các mạng xã hội sau mỗi bài viết và about page
22. Nên chèn một công cụ tìm kiếm cho site bạn
23. Tạo một trang điều khoản cá nhân cho site bạn
24. Đặt link tới điều khoản cá nhân ở dưới mỗi trang
25. Khi rewrite url nên sử dụng dấu “-” thay cho dấu “_”
26. Nên chèn google maps vào trang liên lạc (about page)
27. Nên chèn link từ trang này đến trang khác cho site
28. Sử dụng thẻ META description riêng biệt cho mỗi trang
29. Kiểm tra mã nguồn và sửa các lỗi
30. Không nên có 1 trang trao đổi link
31. Chèn một hộp tìm kiếm của site ở 404 error page
32. Nên tạo một sitemap cho site
33. Chèn link đến site map ở cuối mỗi trang
34. Nên chèn dòng copyright abc… ở cuối mỗi trang
35. Gạch chân các link ở website, cái này thì tớ thấy để lại hơi làm xấu mĩ quan nên thường xóa đi
36. Tắt tất cả các file nhạc, phim tự động chạy (automatically plays)
37. Nên thay thế các Flash animated = gif animated
38. Đặt logo của site bạn ở đầu mỗi trang
39. Bạn nên sử mua thêm các domain .net .org .biz… và redirect nó về site của bạn
40. Nên tạo một trang support, help hoặc FAQ
41. Khi bạn trả lời một yêu cầu, trợ giúp gì đó nên trả lời ở trang support hoặc help đó, không nên sử dụng email, đưa họ đến trang FAQ nếu câu hỏi đó đã được trả lời, nên cập nhập FAQ của bạn thường xuyên
42. Nên cung cấp đầy đủ thông tin liên lạc của bạn ở trang liên lạc
43. Nên chèn mã để thống kê (analytics code) cho website của bạn ở tất cả các trang, bạn có thể sử dụng histat.com, statcounter.com, hay google analytics tùy theo định hướng phát triển của bạn
44. Xóa bỏ tất cả các mã tự động điều chỉnh kích thước trình duyệt của khách
45. Nên tạo một favicon riêng cho site bạn
46. Chỉ nên sử dụng email dạng @tenmiencuaban.com
47. Đặt thuộc tính label=”” cho tất cả các form của site bạn
48. Đặt một thông báo xác nhận khi đăng nhập hoặc khi post bài, comment
49. Cập nhập website bạn thường xuyên
50. Sử dụng W3C Compliant để kiểm tra và sửa chữa các lỗi có thể gây ảnh hưởng đến quá trình hoạt động của SE bots
Nguồn: Sưu tầm
Tuesday, January 12, 2010
A Simple 2-Click in Place Editing Time Picker | Web Resources | WebAppers
jQuery.timepickr was created in a attempt to make the process of inputing time in a form as easy and natural as possible. It is a simple 2-click in place editing time picker and regular time picker.
It is unobtrusive and degrade gracefully. It has intuitive keyboard navigation support as well. jQuery.timepickr has just released Version 0.7 with the support of jQuery UI theme switcher. You can play around it with different themes offered.
Requirements: jQuery Framework
Demo: http://haineault.com/media/jquery/ui-timepickr/page/
License: MIT License
Create a Simple Navigation with a Horizontal Subnav | Web Resources | WebAppers
Would you like to create a Simple Navigation with a Horizontal Subnav? It looks very similar to the Menu of Behance Network, which looks nice and professional.
We can achieve this effect purely with CSS, but since we have to attend to our red headed step child aka IE6, we will use a few lines of jQuery to cover all grounds. Nice and simple! I am sure this will come in handy in your future projects.
Requirements: jQuery Framework
Demo: http://www.sohtanaka.com/web-design/examples/horizontal-subnav/
License: License Free
Open Source Pageflip Engine Written in AS3 | Web Resources | WebAppers
MegaZine 3 is an open source pageflip/flashbook engine, written completely in AS3. It generates an interactive book, which can then be flipped through by the user. MegaZine 3 uses a completely dynamic approach, allowing full configuration through an external XML file. This makes it easy to set up books even if you do not even own the Flash IDE.
MegaZine 3 automatically generates a control bar that allows jumping to every individual page. It also generates thumbnails for the pages, to make it easier for the user to find a page again, or getting a first impression.
Requirements: Flash Required
Demo: http://megazine.mightypirates.de/demo/index.html
License: LGPL License
Boost Website Load Time with Javascript CSS Compressor | Web Resources | WebAppers
One of the keys to getting your pages to load quicker is to make fewer HTTP requests. So, for example, if you have 6 javascript files it would be much quicker for you to join all the JavaScript together into one file and serve that instead. You can decrease the loading time further by minify your JavaScript, CSS and HTML. And also, by gzipping your page’s components and adding a far-future expires header can make your pages load faster as well.
However, doing all these manually is a pain. Aciddrop has set up a PHP script to automatically do them for you. On the test page the load time with the compressor turned on was generally below second, and without the compressorbetween 3-5 seconds. The Yahoo Yslow rating went from F(45) to A(97) as well.
Requirements: PHP 4+
Demo: http://aciddrop.com/2008/01/21/boost-your-website-load-time…
License: LGPL License
jQuery Twitter Ticker using Twitter’s Search API | Web Resources | WebAppers
Tutorialzine is going to create a pure jQuery & CSS Twitter Ticker which utilizes Twitter’s Search API. It will show your or your friends’ latest tweets, and will not require any server side code or databases. As a result, the ticker will be easily included into any web page and easily modified to your likings.
To change the twitter accounts that are shown in the ticker, you’ll need to modify the tweetUsers array. If you provide two or more twitter names, their tweets will be shown together. Only the 50 most recent tweets from the past 7 days will be returned.
Requirements: jQuery Framework
Demo: http://demo.tutorialzine.com/2009/10/jquery-twitter-ticker/demo.html
License: License Free
CU3ER – 3D Transitions Image Slider in Flash | Web Resources | WebAppers
CU3ER is an image slider initially conceived to create 3D transitions between slides, turned out to be a convenient and multifunction solution that can be applied in a range of website building areas, from content slider to feature slider and image & banner rotator.
If you’d like to experience more creativity in web development, are striving to more visually appealing content, and prefer to have even more unique image transitions on your websites, try the CU3ER. You can use CU3ER free of charge for your personal and/or commercial projects.
Requirements: Flash Player 9+
Demo: http://www.progressivered.com/cu3er/
License: License Free
Accessible Very Tall Menus with jQuery and CSS | Web Resources | WebAppers
The problem with long dropdowns is that the dropdown itself can go below the fold of the website. That is, below the visible area of the browser window. So in order to access those menu items down below, you need to scroll your browser window.
For those of us with scroll wheels of some kind on our mouses, it’s not a big deal. For those without, those lower menu items are totally inaccessible, because to use the browser scrollbar means mousing off the menu and probably having it close.
CSS Tricks has come up with a Solution For Very Long Dropdown Menus, and tell us how to implement a technique where as you scroll down, the menu actually moved in an accelerated fashion. Therefore the menu can be accessible even the user has no scroll wheels on his mouse.
Requirements: jQuery Framework
Demo: http://css-tricks.com/examples/LongDropdowns/
License: License Free
How to Create Mega Drop Down Menus with jQuery | Web Resources | WebAppers
Do you remeber we have published a post of Accessible Very Tall Menus with jQuery and CSS? Some people found it not a good way to present information, because we cannot see everything on the menu in one go.
Now SohTanaka has come up with another solution – Mega Drop Down Menus. According to usability expert Jakob Nielson, mega drop down menus tested to be more efficient for large scale websites.
Requirements: jQuery Framework
Demo: http://www.sohtanaka.com/web-design/examples/mega-dropdowns/
License: License Free
How to Turn Long Web Form into a Wizard with jQuery | Web Resources | WebAppers
If you would, for whatever reason, have a large webform all fields should be semantically divided into fieldsets. Each fieldset would clearly describe each group of fields.
So, we can say that each group of fields represent a sub task of a larger task – filling the entire web form. Thus, each sub task can become a step with a description, input fields and navigation that is common for wizard forms – back and next. The entire process can be done in several simple steps.
This detailed tutorial will show you how to turn long webform into a wizard with jQuery. A plugin is also available for download.
Requirements: jQuery Framework
Demo: http://www.jankoatwarpspeed.com/examples/webform_to_wizard/
License: License Free
How to Create Digg Spy Effect with jQuery | Web Resources | WebAppers
I would like to share two Digg Spy jQuery scripts that you can use on your site. A few years ago Digg released a very cool little visualisation tool called Digg Spy (it’s since been upgraded to the Big Spy). Recently Realmac Software released the site QuickSnapper which makes use of the similar spy technique.
if JavaScript is turned off, the list of snaps is visible by default. It only keep pulling in new items until it hits the end. jQueryforDesigners shows us how we can keep the list looping in “Simple jQuery Spy Effect Tutorial“, and in a follow up tutorial he’ll show us how to hook this in to an Ajax hit that doesn’t hammer your server and keeps the effect nice and smooth too.
You can also get the “jQuery Spy Plugin” from LeftLogic. It gives you the Digg Spy effect immediately as well. You can have your very own spy, for anything, with only a few lines of JavaScript.
Requirements: -
Demo: http://jqueryfordesigners.com/demo/simple-spy.html
Demo: http://leftlogic.com/jquery_spy/spy.html
License: License Free
How to Build a Dynamic Flash Gallery with Slider Control | Web Resources | WebAppers
Flashtuts has published: Build a Dynamic Flash Gallery with Slider Control. In the tutorial, you will learn how to create a flash gallery which displays all image files in a given directory, with a slider that is used to browse easily through the images.
The flash gallery is still low on functionality. The loaded images all need to be the same size and do not have a larger preview. You could add a resizing function and an option to view a larger preview of the image when clicked. Furthermore, an option to browse left or right with buttons or with a keyboard event could be added.
Requirements: Flash Required
Demo: http://besofresh.com/flashtuts/full.html
License: License Free
Sleek Event Timeline with PHP, MySQL, CSS & jQuery | Web Resources | WebAppers
Tutorialzine has just showed us how to make an Advanced Event Timelinewith the help of PHP, MySQL, CSS & jQuery, that will display a pretty time line with clickable events. Adding new events is as easy as inserting a row in the database.
The main idea is that we have two divs – timelineLimiter and timelineScroll positioned inside it. The former takes the width of the screen, and the latter is expanded to fit all the event sections that are inserted inside it. This way only a part of the larger inner div is visible and the rest can be scrolled to the left and right by a jQuery slider.
Now you can create a sleek event timeline that you can modify to showcase the important events that mark your days. It is easily modifiable and you are free to use it in your or your clients’ projects.
Requirements: PHP, CSS and jQuery Framework
Demo: http://demo.tutorialzine.com/2010/01/advanced-event-timeline…
License: License Free
Sunday, January 10, 2010
5 Websites To Cut And Re-size Your Images In 3 Easy Steps
Saturday, January 9, 2010
SQL Buddy, A Web Based MySQL Administration With An Ajaxed Interface
SQL Buddy uses the MySQL user table for authentication. Therefore, you can get started right away by using users that already exist. Most people will want to login as root because this level of permissions is necessary for certain tasks (like adding users, for example). However, you can login with any user that you wish.
Hướng dẫn đổi DNS để vào Facebook
Thông thường, khi truy cập Internet, bạn sử dụng DNS đã được thiết lập mặc định từ ISP (Nhà cung cấp dịch vụ Internet), và bạn không cần phải bận tâm đến nó. Tuy nhiên, bạn vẫn có thể sử dụng một DNS bất kỳ, và OpenDNS là một DNS mà bạn nên thử! OpenDNS là một dịch vụ cung cấp cho bạn một DNS với nhiều tính năng hơn so với những DNS của những ISP, từ đó giúp bạn có thể lướt Web nhanh hơn, an tòan hơn và hiệu quả hơn. |
Các bước thanh toán của Onepay
Chủ thẻ Vietcombank Connect 24 có thể thực hiện thanh toán trực tuyến tại các website thương mại điện tử đã kết nối với cổng thanh toán OnePAY.Đến cuối năm 2008, đã có hơn 60 website đã kết nối với cổng thanh toán OnePAY, cho phép khách hàng giao dịch tại các website này thực hiện thanh toán trực tuyến bằng các loại thẻ tín dụng hoặc ghi nợ mang thương hiệu quốc tế Visa, Master, American Express, JCB. Từ năm 2009, cổng thanh toán chấp nhận thêm thẻ nội địa ghi nợ Vietcombank Connect 24. |
Dịch Vụ Thiết kế Website
Tối ưu nội dung để tăng thứ hạng website
Tối ưu nội dung trên site, hay còn gọi là On-Page SEO, là tổng hợp các phương pháp giúp cho website được tối ưu hơn, thân thiện hơn với người dùng và search-engine. Có những vấn đề chính cần chú ý khi thực hiện On-page SEO như sau: |
Thanh toán trực tuyến thông qua dịch vụ Ngân lượng
NgânLượng.vn là một trong những công cụ thanh toán trực tuyến đầu tiên tại Việt Nam, được xây dựng theo mô hình của mạng thanh toán PayPal. Đây là cách nhanh chóng & dễ dàng nhất để người Mua thanh toán mua hàng trực tuyến, là công cụ tiện lợi và an toàn để người Bán nhận tiền bán hàng trên mạng, tất cả đều TỨC THỜI! |
Quảng bá website top 10 google seo - thiết kế website Bàn Tay Số.flv
Quảng bá website top 10 google seo