10 các plugin lịch được viết trên nền Jquery & Mootool

Có rất nhiều plugin về lịch trên mạng, trong bài viết này, chúng tôi sẽ giới thiệu cho các lập trình web Top 10 plugin rất hữu ích cho các bạn trong việc thiết kế website.
Lịch là một trong những phần rất phổ biến trong thiet ke web chuyen nghiep . Nó giúp các quản trị website giảm bớt những lỗi cơ bản khi nhập bằng tay. Thay vì cho phép người dùng nhập ngày theo định dạng gõ các con số theo định dạng bắt buộc nào đó, bạn hãy để họ chọn nó từ lịch. Vậy là ta đã giải quyết vấn đề đầu tiên là về định dạng, và thứ 2 nữa là nó cực kì thân thiện với người sử dụng.

Vì vậy, chúng tôi xin giới thiệu đến các lập trình viên top 10 các plugin lịch được viết trên nền Jquery & Mootool với giao diện được đầu tư rất kỹ càng...

JQUERY PLUGINS
Full Calendar | Demo

jCalendar | Demo

jQuery UI Datepicker | Demo

jQuery Week Calendar | Demo

jMonthCalendar | Demo

Date Picker | Demo

Simple jQuery Date Picker | Demo

 MOOTOOL PLUGINS

Event Calendar | Demo


Calendar | Demo


Vista-like Ajax Calendar | Demo


Tham khảo các dịch vụ tại inet
 Ban ten mien - Dao tao seo - thiet ke web gia re
Chúc các bạn thành công !

Read more »

Không cần PS vẫn bo tròn ảnh trong thiết kế website

Một vấn đề với thuộc tính border-radius là Firefox không hiển thị đúng khung tròn ở trên ảnh.

• Sử dụng font chữ đặc biệt bằng Cufón trong thiết kế website 
• Đánh giá bài viết với JRating

 Có một cách là sử dụng thẻ span bao quanh thẻ img và sử dụng thuộc tính background-image.

Mục tiêu

Mục tiêu là có thể tạo được ảnh như hình bên dưới

Vấn đề

Các trình duyệt đều không hỗ trợ việc hiển thị mềm và mượt như mục tiêu đưa ra. Webkit hiển thị khung tròn nhưng không hỗ trợ khối đổ bóng, còn firefox thì khung bo tròn không hiển thị.

Thủ thuật CSS

Bạn có thể xử lý vấn đề trên rất đơn giản: bo tròn 1 thẻ span bên ngoài thẻ image. Đặt ảnh là hình nền của span, sau đó ẩn ảnh đi (có thể dùng opacity : 0 hoặc display : none). Tác giả dùng

Sử dụng jQuery

Chúng ta sẽ sử dụng jQuery để tự động thêm thẻ span. Đoạn mã dưới sẽ tự động tìm tất cả các phần tử có class .rounded và thêm thẻ span ra bên ngoài. Sau đó sẽ thêm thuộc tính background, width, height và đặt opacity: 0 cho ảnh gốc.

1.$(document).ready(function(){

2.$(".rounded").load(function() {

3.$(this).wrap(function(){

4.return '<span class="' + $(this).attr('class') + '" style="background: url('/ + $(this').attr('src') + ') no-repeat center center; width: ' + $(this).width() + 'px; height: ' + $(this).height() + 'px;" />';

5.});

6.$(this).css("opacity","0");

7.});

8.});

Mã CSS3

01..rounded {

02.display: inline-block;

03.border: solid 1px #000;

04.overflow: hidden;

05.-webkit-border-radius: 10px;

06.-moz-border-radius: 10px;

07.border-radius: 10px;

08.-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);

09.-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);

10.box-shadow: 0 1px 3px rgba(0, 0, 0, .4);

11.}

Read more »

Sử dụng font chữ đặc biệt bằng Cufón trong thiết kế website

Nếu đã từng thiết kế web, bạn sẽ biết về hạn chế khi sử dụng font chữ. Cũng vì thế có rất nhiều phương pháp khắc phục nhược điểm này (sIFR là một phương pháp được nhiều người biết tới). Hôm nay tôi xin giới thiệu với các bạn một cách làm khác: dùng Cufón. Bạn có thể sử dụng bất kì font chữ đặc biệt nào trên website mà người duyệt web không cần phải có font đó trong máy tính.

Bước 1: Tạo font

Trước hết, bạn cần download cufon, và sử dụng công cụ generator của Cufón để tạo và tùy biến cách mà font được thể hiện. Tôi rất ấn tượng với các lựa chọn mà Cufón cung cấp khi tạo font. Sau khi tạo xong bạn sẽ có được link download file javascript với các thông tin về font mà Cufón có thể đọc nó. (Ở đây tôi dùng font Comfortaa)

Bước 2: Thêm Cufón và font bạn vừa tạo

Thêm Cufón và font bạn vừa tạo vào website. Chèn thêm các file javascript bạn vừa tải về vào website.

1.<script type="text/javascript" src="/js/cufon-yui.js"></script>

2.<script type="text/javascript" src="/js/Comfortaa_400.font.js"></script>

Bước 3: Chọn các phần thay thế

Theo tôi bạn không nên chọn thay thế quá nhiều text trên website (nó sẽ tốn nhiều tài nguyên của client) mà chỉ nên chọn cho các tiêu đề chính. Để thay thế bạn thêm vào đoạn mã sau: 

1.<script type="text/javascript">

2.Cufon.replace('#cufon-area h2, #cufon-area h3');

3.</script>

Bạn có thể tham khảo demo hoặc tải ví dụ dưới đây:
Demo | Download

Read more »

Vector tuyệt đẹp cho thiết kế web mùa giáng sinh

Sắp đến giáng sinh chrismas 2010, bạn muốn thiet ke web  cho một chương trình hay chiến dịch cổ động hoặc bán hàng trong dịp Giáng sinh năm nay? Chúng tôi xin giới thiệu một bộ nền Vector giáng sinh rất sinh động, đẹp long lanh chất lượng cao cho các bạn webmaster và designer có thể sử dụng làm nền cho các Giao diện website của mình khi thiết kế

Christmas Vector Backgrounds
12 EPS | + JPEG Preview | 61 Mb

http://uploading.com/files/bb443f8m/Christmas_BG_2.rar
http://hotfile.com/dl/79835403/97d633a/Christmas_BG_2.rar.html

Read more »

Đánh giá bài viết với JRating

jRating - một plugin rất mềm dẻo của jQuery giúp bạn nhanh chóng tạo được hệ thống đánh giá dạng ajax.

Hiển thị đánh giá website làm tăng tỉ lệ click của khách hàng

Bạn có thể tùy chỉnh từng chi tiết nhỏ nhất, từ số lượng các ngôi sao tới việc từng ngôi sao đại diện cho số thập phân thế nào. Ngoài ra còn có các lựa chọn hiển thị ngôi sao nhỏ hay lớn hoặc bạn có thể thay thế file ảnh với file khác.

• Làm sao để website đứng đầu trong danh sách tìm kiếm ?
• Bài học gì về thiết kế web qua sự thất bại của Yahoo | Google ?

Bạn có thể sử dụng plugin với tất cả các ngôn ngữ php, .NET, java... (tất nhiên vì đây chỉ là phần frontend thôi), plugin được đi kèm file php để xử lý các đánh giá của người dùng.
Cách sử dụng
Để sử dụng, trước tiên bạn cần thêm file CSS, file jQuery 1.4 và jRating vào phần header:

1.<!-- jRating CSS -->

2.<link rel="stylesheet" href="/jRating.jquery.css" type="text/css" />

3. 

4.<!-- jRating và file jQuery --> 

5.<script type="text/javascript" src="/jquery.js"></script> 

6.<script type="text/javascript" src="/jRating.jquery.js"></script>

Thêm vào phần body của website:

1.<div class="jRating" data="12_1"></div> <!-- Giá trị trung bình là 12 và ID là 1 -->

2.<div class="jRating" data="8.5_2"></div> <!-- Giá trị trung bình là 8.5 và ID là 2 -->

Với jRating, thuộc tính data rất quan trọng, bạn phải thêm vào theo mẫu: 'mức trung bình'_'ID'

Cuối cùng là gọi plugin lên làm việc:

1.// Cách gọi đơn giản

2.$('.jRating').jRating();

3.// Cách gọi tùy biến lựa chọn

4.$('.jRating').jRating({

5.step : false, // cho phép lựa chọn nửa ngôi sao

6.length : 10, // hiển thị 10 ngôi sao

7.type : 'small' // hiển thị ngôi sao nhỏ (mặc định là sao lớn)

8.});

 

Mua ten mien gia re tai iNET 

Read more »

Kinh doanh không có website và những bất lợi

Thương mại điện tử nói chung mà cụ thể là website thực sự là một kênh kinh doanh mới, hiệu quả và rất kinh tế cho các Doanh Nghiệp ở Việt Nam. Nếu không có website, doanh nghiệp sẽ bỏ lỡ rất nhiều cơ hội tốt bởi những khách hàng tiềm năng trên thị trường trong và ngoài nước.

• Những công cụ cần thiết để thiết kế website 
• Đánh giá thị trường thiết kế website bán hàng hiện nay

Không có website ban hang truc tuyen hay không đầu tư cho website , doanh nghiệp sẽ bỏ lỡ những cơ hội

 Mở rộng thị trường và tiếp cận thị trường với một chi phí nhỏ.

Nguyên nhân:

• Không tiếp cận được thị trường thế giới.

• Khó tiếp cận được thị trường rộng với chi phí nhỏ.

Website là cần thiết đối với mỗi doanh nghiệp

Thiếu sót trong việc: Nâng cao chất lượng phục vụ khách hàng, cung cấp thông tin nguyên nhân.

Nguyên nhân:

• Không cung cấp được đầy đủ thông tin cho khách hàng một cách nhanh chóng, tiện lợi.

• Không giải đáp thắc mắc, yêu cầu của khách hàng một cách nhanh chóng, hiệu quả.

• Không cung cấp được dịch vụ tiện lợi cho khách hàng chọn hàng, đặt hàng.

• Những yếu tố nói trên thực sự quan trọng khi doanh nghiệp có đối tượng khách hàng ở xa, ở nhiều địa phương, quốc gia.

 Marketing phạm vi toàn cầu – thông tin nhanh chóng với chi phí thấp

Nguyên nhân:

• Bị giới hạn phạm vi địa lý.

• Không truyền tải được nhiều thông tin, thời lượng.

• Không dễ dàng theo dõi hiệu quả, nhận tương tác của khách hàng.

Bỏ lỡ cơ hội: Giảm các chi phí

Nguyên nhân:

• Chi phí marketing truyền thống cao hơn so với Marketing bằng phương tiện Internet.

• Chi phí in ấn, gửi tài liệu, liên lạc qua phone, fax... đặc biệt là khi người nhận ở xa (liên tỉnh, quốc tế).

• Chi phí nhân sự, mặt bằng cao (cho trường hợp siêu thị, phòng trưng bày...).

Tạo “bộ mặt” doanh nghiệp ấn tượng, hiện đại và chuyên nghiệp – tăng lợi thế cạnh tranh.

Nguyên nhân:

• Khi đối thủ cạnh tranh thiet ke web ban hang chuyen nghiep mà doanh nghiệp không có thì doanh nghiệp khó giữ khách hàng cũ và tìm thêm khách hàng mới.

• Tính chuyên nghiệp trong thời đại Toàn cầu hóa, Kỹ thuật số, Thông tin, Kinh tế Tri thức... “Một doanh nghiệp không có website ắt hẳn không theo kịp thời đại, không chuyên nghiệp” – đó là những gì mọi người nghĩ và tin như thế.

Kết luận:

Bằng một website ấn tượng, chuyên nghiệp với đầy đủ chức năng, thông tin, tiện ích dành cho người xem giúp doanh nghiệp: Tạo được ấn tượng tốt.

• Xóa khoảng cách giữa doanh nghiệp lớn và nhỏ, trong nước và quốc tế.

• Là công cụ hữu hiệu cho doanh nghiệp nhỏ cạnh tranh ngang tầm với doanh nghiệp lớn. 

Chúc các bạn thành công !

Read more »

Những công cụ cần thiết để thiết kế website

Có rất nhiều công cụ thiet ke web chuyen nghiep có sẵn trên mạng giúp bạn dễ dàng hoàn thành nhiệm vụ nhanh chóng. Các công cụ phục vụ thiết kế web này ngày càng được nhiều nhà phát triển cung cấp miễn phí cho bạn. Mỗi một người thiết kế luôn có sẵn 1 bộ công cụ cho riêng mình. 

• Sự thật về website bán hàng giá rẻ
• Website giá rẻ - chớ rẻ mà tham

Tôi xin giới thiệu 25 bộ công cụ được chúng tôi sưu tầm và thường sử dụng. Các bạn hãy tự trang bị cho chính mình 1 bộ công cụ theo ý mình để phục vụ trong quá trình thiết kế website của các bạn.
HTML Entity Character Lookup
Giúp bạn nhanh chóng tìm thấy các mã HTML trên web  
Blueprint CSS framework
Bộ framework CSS có sẵn, hỗ trợ cả cho các màn hình in ấn
Typetester
So sánh font chữ với màn hình
Em Calculator
Một công cụ java nhỏ giúp bạn dễ dàng truy cập và sửa đổi CSS
Web Developer Toolbar
Thanh công cụ trên firefox có rất nhiều tính năng hỗ trợ thiết kế web
MeasureIt
Tính số pixel trên màn hình cho bạn
ColorZilla
Bảng màu giúp bạn dễ lựa chọn mã màu sắc
Firebug
Bộ công cụ hỗ trợ trên nền Firefox rất mạnh trong thiết kế web mà hầu hết các nhà thiết kế website đều cần. Nó có thể giúp bạn chỉnh sửa trực tiếp HTML, Javascript, CSS... trực tiếp trên website để xem trước.
Designers Toolbox
Tất cả các dạng in ấn của website.
What the Font?
Chọn ảnh bạn muốn xem font chữ là gì, công cụ sẽ cho bạn câu trả lời.
Easy Web Form Builder
Một công cụ hỗ trợ bạn tạo form trực tuyến để thu thập dữ liệu.
Browser Shots
Test website của bạn trên bất kì các bộ trình duyệt khác nhau.
Icon Finder
Một kho icon cho các bạn trong thiết kế website
Button Browser
Một thư viện nút miễn phí.

 
Rounded Corner
Tạo cho bạn những đường cong tuyệt đẹp bằng CSS & hình ảnh.
BlogFlux Button Maker
Tạo nút miễn phí.
Vecteezy
Cung cấp hình ảnh vector miễn phí.
Background Image Maker
Công cụ hỗ trợ tạo các hình nền đẹp.
Photoshop Brushes
Hoàn toàn miễn phí...
Tartan Maker
Một khuynh hướng thiết kế web ấn tượng...
Color Schemer
Công cụ tự động phối màu cho bạn...
Webs
Trang cung cấp dịch vụ web miễn phí.
Sampa
Cung cấp dịch vụ web miễn phí.
Format Pixel
Công cụ cung cấp dịch vụ thiết kế catalogue, tạp chí, brochure... miễn phí, trực tuyến.
Weebox
Công cụ cung cấp dịch vụ tạo flash miễn phí.





Chúc các bạn thành công !

Read more »