Tin Học & Ứng Dụng

PHP Variables

2011-11-09T16:06:00.000+07:00

Biến trong PHP

Biến dùng để lưu thông tin.

Biến trong PHP

Biến được dùng để lưu thông tin, như chuỗi, số hoặc mảng.

Tất cả các biến phải được bắt đầu bằng dấu $.

Ví dụ:

$var_name = value;

Ví dụ:

<?php
$txt="Hello World!";
$x=16;
?>

PHP is a Loosely Typed Language

In PHP, a variable does not need to be declared before adding a value to it.

In the example above, you see that you do not have to tell PHP which data type the variable is.

PHP automatically converts the variable to the correct data type, depending on its value.

In a strongly typed programming language, you have to declare (define) the type and name of the variable before using it.

In PHP, the variable is declared automatically when you use it.

Naming Rules for Variables

A variable name must start with a letter or an underscore "_"
A variable name can only contain alpha-numeric characters and underscores (a-z, A-Z, 0-9, and _ )
A variable name should not contain spaces. If a variable name is more than one word, it should be separated with an underscore ($my_string), or with capitalization ($myString)

Nguồn: http://www.w3schools.com/php/php_variables.asp

PHP Syntax

2011-11-09T16:00:00.000+07:00

Cú pháp PHP

Cú pháp PHP cơ bản

Một khối script PHP luôn bắt đầu với <?php và kết thúc bằng ?>. Một khối script PHP có thể đặt bất kỳ dòng nào trong khối HTML.

Ngoài ra, người ta có thể dùng thẻ rút gọn như: bắt đầu với <? và kết thúc bằng ?>.

<?php
?>

Một ví dụ cơ bản về chèn PHP vào HTML:

<html>
<body>

<?php
echo "Hello World";
?>

</body>
</html>

Kết thúc dòng PHP phải có dấu chấm phẩy (;).

Ghi chú trong PHP

Trong PHP, chúng ta dùng // để tạo dòng ghi chú đơn lẻ hoặc /* và */ để tạo một khối ghi chú.

Ví dụ:

<html>
<body>

<?php
//This is a comment

/*
This is
a comment
block
*/
?>

</body>
</html>

Nguồn: http://www.w3schools.com/php/php_syntax.asp

PHP Introduction

2011-11-09T15:47:00.000+07:00

GIỚI THIỆU NGÔN NGỮ PHP

PHP là một ngôn ngữ kịch bản từ phía máy chủ.

Yêu cầu

Trước khi học PHP, bạn cần có kiến thức về:

HTML/XHTML
JavaScript

Nếu bạn chưa học 02 ngôn ngữ trên, vui lòng click vào Home page.

PHP là gì?

PHP là từ viết tắt của: Hypertext Preprocessor
PHP là một kịch bản ngôn ngữ từ máy chủ
PHP hỗ trợ nhiều cơ sở dữ liệu (MySQL, Informix, Oracle, Sybase, Solid, PostgreSQL, Generic ODBC, etc.)
PHP là một mã nguồn mở
PHP là miễn phí

Thế nào là một tập tin PHP?

Tập tin PHP có thể chứa chữ, thẻ HTML và các thẻ khác như javascript...
Tập tin PHP hiển thị trên trình duyệt web dưới dạng HTML
Tập tin PHP có các dạng đuôi sau ".php", ".php3", hoặc ".phtml"

MySQL là gì?

MySQL là một cơ sở dữ liệu tại máy chủ
MySQL được dùng cho các ứng dụng vừa và nhỏ
MySQL hỗ trợ chuẩn SQL
MySQL là miễn phí

PHP + MySQL

PHP kết hợp với MySQL để xây dựng các ứng dụng web.

Tại sao là PHP?

PHP chạy trên nhiều nền tảng (Windows, Linux, Unix, ...)
PHP tương thích với hầu hết máy chủ ngày nay (Apache, IIS, etc.)
PHP là miễn phí, tải về tại: www.php.net
PHP thì dễ để tìm hiểu

Bắt đầu như thế nào?

Để chạy PHP + MySQL, bạn cần:

Cài đặt Apache (or IIS) trên server, cài đặt PHP, và MySQL
Hoặc tìm kiếm các host có sẵn.
Để đơn giản, hãy cài đặt Wampserver ( trên nền windows)

Nguồn: http://www.w3schools.com/php/php_intro.asp

Xây dựng ứng dụng Blog với YiiFramework - Phần 1

2011-08-24T10:54:00.001+07:00

Chào mọi người, sau 1 tuần tìm hiểu về YiiFramework. Hôm nay mình chia sẽ mọi người về hướng dẫn xây dựng ứng dụng Blog với Yii bằng tiếng việt. Về phần tiếng anh, mọi người có thể xem trực tiếp tại: http://www.yiiframework.com/doc/blog/1.1/en/start.overview

I. Giới thiệu về các tính năng của Blog

Đối với Admin thì có các quyền sau:
- Đăng nhập và đăng xuất
- Tạo, cập nhật và xóa bài viết
- Xuất bản hoặc không xuất bản bài viết
- Quản lý bình luận ( duyệt, hiển thị hoặc xóa)

Đối với Guest thì có các quyền sau:
- Xem bài viết
- Bình luận bài viết

Đối với hệ thống, chúng ta có:
- Trang chủ hiển thị 10 bài viết gần nhất
- Trang chủ hiển thị bình luận cùng với bài viết
- Chức năng tag
- Chức năng URL thân thiện

Từ các yêu cầu trên, chúng ta có cơ sở dữ liệu như sau:

tbl_user lưu trữ thông tin về người dùng, bao gồm tên đăng nhập (username) và mật khẩu (password).

tbl_post lưu trữ các thông tin về bài viết. Bao gồm các trường sau đây:

title: tiêu đề của bài viết (bắt buộc);
content: nội dung của bài viết (bắt buộc);
status: trạng thái của bài viết (bắt buộc), gồm các trạng thái sau:
- 1, đây là bài viết nháp và chưa xuất bản lên web;
- 2, bài viết được xuất bản lên web;
- 3, bài viết cũ, không xuất hiện trên web.
tags: chức năng tag.

tbl_comment lưu nội dung bình luận. Gồm các trường dữ liệu sau:

name: tên người bình luận (bắt buộc);
email: email người bình luận (bắt buộc);
website: website của người bình luận;
content: nội dung bình luận (bắt buộc).
status: trạng thái của bình luận, do admin quản lý: 1 là không hiển thị, 2 là hiển thị.

tbl_tag lưu trữ thông tin về tag để thực hiện các tính năng điện toán đám mây tag, gồm các trường dữ liệu sau:

name: tên tag (bắt buộc);
frequency: tần số, là số lần tag xuất hiện trong bài viết (bắt buộc).

tbl_lookup stores generic lookup information. It is essentially a map between integer values and text strings. The former is the data representation in our code, while the latter is the corresponding presentation to end users. For example, we use integer 1 to represent the draft post status and stringDraft to display this status to end users. This table mainly contains the following columns:

name: the textual representation of the data item that is to be displayed to end users;
code: the integer representation of the data item;
type: the type of the data item;
position: the relative display order of the data item among other items of the same type.

Hết phần 1. Đón xem phần 2: Cài đặt YiiFramework

The Ding Dong Song

2011-08-22T15:14:00.003+07:00

Đầu tuần căng thẳng quá, giải trí chút :D

Mình chia tay nhé em......

2011-08-22T14:53:00.000+07:00

Alo

_Gì hả anh?

_Chia tay đi

_......

_Im lặng là đồng ý nhé! Từ mai chẳng còn là n.y của nhau đâu

Cô bất ngờ….lắp bắp…k thành lời:

_Lý do? Em làm gì sai à?

_Không..

-Thế vì lý do gì, chúng ta quen nhau 3 năm cơ mà, chia tay như thế là sao hả anh

_Thích

_Anh nói như thế mà dc à?

_ Em có làm gì sai thì anh phải nói chứ?

_ Chẳng gì cả …chán rồi…hết yêu…. Chia tay thôi, tuổi trẻ mà.

1 cảm giác chạy xẹt qua

người cô ….Hẫng! …ngỡ ngàng ! lòng tự trọng như bị

dao cứa vào!

_ừ…vậy chia tay, đừng bao giờ gặp nhau nữa nhé

_ không chắc!

_anh nói vậy là sao?

_cúp nhé, tạm biệt.

_???

Chia tay…thế là chia tay…1 cuộc tình 3 năm bay *t theo

sóng điện thoại …lãng thật! Rốt cuộc có thế thôi à….nhảm nhí thật…tình cảm nó nhạt thế thôi hả anh? Đồ tồi! Chẳng việc gì tôi phải buồn vì anh cả…. Cô nói thế….và nằm xuống giường…..có thứ nước mặn đắng thấm vào gối!

3 tuần kể từ cái ngày chia tay ấy !

Ngày thứ nhất

Có điện thoại….của anh ta….

Cô bắt máy…như 1 phản xạ tự nhiên của 1-cô-gái-có-người- yêu.

_Anh gọi tôi có việc gì ko?

_chẳng gì cả , thích thì gọi

_dẹp ngay cái giọng điêu khinh khỉnh ấy đi

_quen rồi, không bỏ được

_chia tay rồi, để tôi gạt phăng thằng khốn nạn như anh ra khỏi cuộc đời đi!

_chia tay rồi, anh chẳng còn là gì của em nữa đâu, đừng bận tâm đến anh như thế ,anh chỉ gọi,và em cứ việc mắng nếu e muốn, nhưng đừng cúp máy…

_anh điên vừa thôi ! hãy biến đi với những đứa con gái khác , đừng gọi điện phiền tôi!

_à em…

_sao?

_mình chia tay rồi đấy!

RỤP!

Tít……tít…..tít

Cô bực tức cúp máy……

Thật khốn nạn, anh làm như thế là có ý gì. Gọi cho tôi làm gì. Tôi chẳng muốn nghe giọng của anh nữa! Nhưng sao có gì đó vương vấn và nghẹn lại ở tim….."mình chia tay rồi đấy" ….văng vẳng bên tai…

Ngày thứ 2

Lại có điện thoại của anh….

Không bắt máy….tắt máy…..vẫn gọi!

_Alo, anh đừng phiền như thế dc không?

_ăn cơm chưa , đừng có mà uống sữa liền đấy nhé, đau bụng đấy!

…..cô hơi bất ngờ…

_anh quan tâm làm gì?

_vì anh biết bụng em không tốt, ăn uống như thế sẽ đau bụng.

_tôi lớn rồi, ăn uống ra sao là quyền của tôi,chẳng liên can gì anh cả!

_ừm nhớ ngủ sớm nhé,mai e thi đúng ko, ráng mà thi tốt đó

_tại sao…anh lại như thế….anh muốn gì ở tôi hả?

_mình chia tay rồi đấy!

….lại câu nói ấy….anh ấy lại nói thế……thì chia tay rồi…..tại sao cứ phải gọi điện chỉ để nói câu đó….cho tôi bình yên không được à….sao anh cứ động chạm đến tuyến nước mắt của tôi thế hả???

Ngày thứ 3

_alo !

_tôi van xin anh đấy

_cho con Milu nó ăn chưa em, đồ ăn cho nó bữa anh mua còn ko?

_tôi tặng nó cho người khác rồi….

_sao lại như thế, anh tặng em mà….

_chẳng việc gì tôi phải giữ cả!

_ừ thì mình chia tay rồi đấy

Lại thêm 1 cuộc điện thoại kết thúc bằng câu nói đó….

Cô ngồi xuống…xoa xoa đầu con Milu ….

"anh ấy làm như thế là sao hả Milu ? anh ấy biết 3 tuần qa tôi đã cố gạt anh ấy ra khỏi suy nghĩ ko? Sao lại làm thế với tao?

…..cô chẳng cho con chó ấy cho ai cả……làm sao mà cho được……

Ngày thứ 4

….cô bắt máy như 1 thói quen

_alo,…tôi không uống sữa sau khi ăn cơm…….tôi cho con Milu ăn rồi!

_sao hôm qua lại nói là tặng Milu cho người khác rồi, em vẫn ngốc trong cái khoảng nói dối như ngày nào

_tôi….

_trời hôm nay lạnh quá, lấy cái áo màu nâu anh mua mà mặc vào, làm bằng lông thú nên ấm lắm đấy..

_ừ

_nhà còn sữa bột không. Trước khi đi ngủ thì nhớ uống nhé, uống sữa nóng buổi tối cho dễ ngủ ..đừng có viện cớ ko ngủ được mà onl tới tận sáng đó!

_ừ

_hôm nay ngoan thế, ko mắng anh à

_ừ….

_uhm thôi a cúp đây…….À… mà mình chia tay rồi em nhỉ!.....

Hôm nay em không mắng anh….em không phản ứng…… vì cổ họng e nghẹn ứ chẳng nói dc anh à……

Ngày thứ 5 …..

Cô chờ điện thoại của anh

10h tối

…….vì sao khi anh đi e đã ko ôm lấy anh hỡi người…

……….vì sao đôi chân e cứ đứng nhìn a xa mãi xa……

Tiếng nhạc chuông vang lên, cô chộp lấy cái điện thoại màu trắng …

_xin lỗi hôm nay a ngủ mãi tới h` mới dậy

_ngủ kiểu gì tới 10h tối vậy…

_hôm nay hỏi lại anh nữa à…..

_......

_cái quả cầu tuyết anh mua cho còn pin không? Hết pin thì bảo thằng Bi nó mua bỏ vào nhé, quả cầu tuyết mà ko có đèn có nhạc thì chán lắm.

_em mua rồi….

_em ngoan đến mức anh bất ngờ đó

_mình chia tay rồi hả anh?

_ừ..mình chia tay rồi đó…, anh cúp nhé!

….khoan..

Tít…tít….tít

Cô vứt điện thoại xuống giường và bật khóc nức nở.Nước mắt dồn nén bao lâu nay đã vỡ òa trên gương mặt hốc hác….

Anh ác lắm….anh đã bước ra khỏi tim em….em đã đóng chặt tim và chẳng muốn cho anh vào nữa….em không muốn nghe giọng nói đó của anh…em không muốn nhìn thấy số anh…..nhưng em không ngăn mình bấm "trả lời", em ko ngăn mình nhớ đến anh được…..tim e cũng ko nghe lời e…..chẳng lẽ anh lại bước vào tim em 1 lần nữa??

Ngày thứ 6

_alo….em tắt nick yahoo đi, treo nick hoài như thế nóng máy đấy, máy thì lại hay hư, chẳng ai qua sửa cho em đâu..

_quen rồi

_quen cái gì .

_à Donut tới chưa

_Donut gì?

_anh gửi 1 hộp đến cho em đó, toàn vị socola đó, thích không….à trà sữa thì chắc chưa tới đâu,quán đang đông ,nó bảo sẽ đợi lâu…

_anh đang nói gì thế? Anh đang làm gì thế?

_gửi donut và trà sữa cho em, trời mưa gió như vầy anh biết e làm biếng đi mua.

_nhưng…

_nhưng cái gì, chẳng phải thích 2 món đó nhất sao??

_anh làm ơn đi, anh muốn như thế nào thì dứt khoát đi…..chia tay rồi sao a cứ quan tâm e như thế…em không chắc là em quên dc anh đâu!

_mình chia tay rồi đấy em à

………………….cúp máy……

Bính boong…bính..boong

_xin lỗi ! donut của cô đây ạ….

………….mưa phùn rơi nhẹ bên cữa sổ….nhẹ nhàng………chiếc donut hình mặt cười với vài miếng socola….thật bắt mắt ………….ly trà sữa………..ngọt ngào

Nhưng…………..1 cô gái……..lòng nặng trĩu….…………..gương mặt vô hồn…..…………….giọt nước mắt…..mặn chát….

Những ngày tiếp theo……cô quyết định không bắt máy nữa…..cô sẽ tự bước ra khỏi cuộc sống của anh……..cô quyết định cho tim mình vào ngăn đá…..cho nó lạnh ngắt lại…….chẳng còn bận tâm đến anh nữa…………..

Ngày thứ 10

.

Duy is calling

.

Không bắt máy

.

Duy is calling

.

Không bắt máy…..

.

Có tin nhắn….

.

….Duy mất rồi …..em đến bệnh viện đi…

Cô bàng hoàng buông chiếc điện thoại xuống….lao ra khỏi phòng………..

Hai tai cô ù đi……….đôi mắt như bị ai lấy tay bịt kín…….tim như bị bóp nghẹt………bóp nghẹt………đôi chân cứ guồng chạy tới…… không dừng lại được……..

Anh mở mắt ra đi đồ tồi…….hôm nay em đã uống sữa sau khi ăn cơm đó….em quên cho con Milu ăn rồi…..anh mắng em đi….anh làm gì anh nằm yên vậy…..

Dậy đi Duy……..dậy đi ….dậy gọi điện cho em đi…...em sẽ bắt máy….em bắt máy mà…….!!!! Em thèm ăn donut, em muốn uống trà sữa…..mưa rồi em lười đi lắm….anh mua cho em đi……..à quả cầu tuyết hết pin rồi đấy….anh dậy anh mua cho em pin đi………anh nghe em nói gì không hả………..hả anh ….!

.

_Alo anh Duy hả, hôm nay trời lạnh anh nhỉ??

_.....im lặng

_ …anh bệnh nặng như vậy sao anh không nói em??

_....vẫn im lặng

_.....anh ra đi như vậy mà anh coi được à…anh tệ lắm !

_.........

_ anh vẫn là người yêu của em đấy…..chia tay như thế em chẳng chịu đâu .

_..........im lặng

_...

_......

_ à anh……em sẽ yêu mình anh thôi nhé…..anh cũng vậy nhé, anh đã bước vào tim em rồi thì em sẽ đóng chặt tim

và giữ anh trong đấy mãi mãi…….em chẳng yêu ai khác ngoài anh đâu………..anh cũng vậy anh nhé……….

.

Mưa vẫn rơi……….có 1 cô gái cầm 2 chiếc điện thoại….1 trắng 1 đen……….của cô và của anh…………

Sưu tầm từ Internet

25 jQuery image galleries and slideshow plugins

2011-08-10T15:36:00.000+07:00

For some sites, image galleries are an absolute must. Portfolios are the first to come to mind, but galleries are also useful for blogs, e-commerce sites, and really any site that regularly displays multiple images on a single page.
Below are 25 fantastic jQuery gallery and slideshow plugins.
They’re all free (though some require different licensing for commercial use, have premium versions available, or offer paid add-ons).
We’re sure there’s almost certainly going to be something to fit whatever your current project needs.
Feel free to suggest other options at the end of this post in the comments’ area…

TN3 Gallery

TN3 Gallery is our own fantastic and professional jQuery gallery plugin that includes slideshow capabilities. Features include a fullscreen option, dynamic image sizing, document linking, multiple albums and mouse wheel navigation. It can be skinned with CSS to match your site’s theme and it’s compatible with all modern desktop and mobile browsers and is also search engine friendly.

PikaChoose

PikaChoose is a lightweight slideshow plugin that can be used for carousels and lightboxes. A few premium themes are available for PikaChoose, including an instant photo theme, if you don’t want to create your own theme. It’s highly customizable and can be integrated with Fancybox.

Slides

Slides is a simple slideshow plugin for jQuery. It’s designed to help both novice and advanced users create user-friendly, elegant slideshows. You can includes images with captions and links, and embed multiple slideshows on a single page.

SlideDeck

SlideDeck is a powerful jQuery slider plugin that can be used for media galleries as well as other content. It offers full CSS customization, custom skins, slider mode (for more traditional slideshows), and touch screen support. There’s also a premium version available.

Coin Slider

Coin Slider is a jQuery slider with unique transition effects. It has flexible configuration options, and is compatible with IE6+, Firefox 2+, Safari 2+, Google Chrome 3+, and Opera 9+, all with valid markup. It’s also compatible with iOS and Android.

jQuery.popeye 2.0

jQuery.popeye 2.0 is an in-line slideshow plugin. It looks like just a normal image on a page until hovered on, when captions and navigation controls appear. It’s a great option for someone who wants an unobtrusive image gallery on their site. Controls and image count can also be included with the image when it’s not being hovered on.

Galleriffic

Galleriffic is built to handle large volumes of images while conserving bandwidth. It uses smart image preloading after the page has loaded, and can be integrated with the jQuery.history plugin for bookmark-friendly URLs per-image. You can add your own custom transition effects, there’s support for image captions, and the whole thing is very flexible.

Galleria

Galleria’s purpose is to make it easier for anyone to create professional-looking image galleries for the web and mobile devices. It comes bundled with a single theme, and additional premium themes are available starting at $9. You can also build your own theme using Galleria’s API.

Nivo Slider

The Nivo Slider includes 16 unique transition effects and tons of settings you can tweak to meet your needs. The markup is all clean and valid, and the packed version is only 15kb. The Slider also includes support for HTML captions, keyboard navigation, and linking images, and comes with three themes.

Smooth Div Scroll

The Smooth Div Scroll plugin lets content scroll horizontally to either the left or right, without limiting the scroll to distinct steps. There are no visible buttons or links, as scrolling is done through hotspots within the scrollable area, or with autoscrolling.

Sliding Image Gallery

The Sliding Image Gallery plugin was inspired by the iTunes album viewer. There are a few variations available, and full instructions for implementation are provided.

Sideways

Sideways is a fullscreen image gallery that’s absolutely gorgeous, especially on widescreen displays. It includes both a thumbnail viewer and next image navigation.

Orbit

Orbit is a simple image slider from Zurb. You can use image thumbnails for navigation, and it has clean, semantic code. Navigation can be inside or outside the container, it supports HTML captions, and even CSS3 Font-Face text over your images.

ShineTime

ShineTime is a jQuery and CSS3 gallery with animated shine effects on both the thumbnails and photo captions. It uses thumbnails for navigation.

AD Gallery

AD Gallery is a simple slideshow plugin that supports both slide in and fade in of images, preloading of images, and image descriptions. It will scale down images that are larger than the container size, while centering images that are smaller.

Supersized

Supersized is a fullscreen background slideshow. It automatically resizes images to fit the browser window while maintaining their aspect ratio and preloads images. There’s also a Supersized Flickr version that will pull images from your Flickr photo stream.

prettyPhoto

prettyPhoto is a lightbox clone, with support for images, video, Flash, iframes, and ajax. It can be used for single images or galleries, and galleries can have mixed content.

ColorBox

ColorBox is a lightweight and customizable lightbox plugin that supports photos, ajax, and iframes. It will preload your background images, and preloads upcoming images within a photo group. It comes with elastic and fade transitions, as well as the option for no transition between images.

YoxView

YoxView is a lightbox-type media and image viewer plugin. It supports images, video (including YouTube, Hulu, and Vimeo), inline content, iframes, Flash, and more. It can be embedded in the same page multiple times, and you can have content play automatically.

Micro Image Gallery

The Micro Image Gallery is a tiny image gallery plugin, designed for use when space is limited. There are three sizes available, 102 pixels, 162 pixels, and 222 pixels, and galleries can default to show thumbnails or a single image when loaded.

lightBox

The jQuery lightBox plugin was inspired by Lightbox JS. It’s simple and unobtrusive, overlaying images directly over the current page. There are a number of configuration options available for customizing the plugin.

Morphing Gallery

The jQuery Morphing Gallery plugin uses a combination of fades and shape-changing as transition between images. The entire slideshow changes size and shape to fit the image being displayed.

slideViewer

slideViewer is a simple jQuery image slider built on a singe unordered list. It offers tooltip captions for the images, which can be customized, as well as customizable CSS for styling.

Fancybox

Fancybox is a simple modal window style gallery plugin. It can handle a variety of content beyond images, including inline content, ajax, iframes, and Flash. It supports a variety of title positions, and the slideshow can be navigated using your mouse’s scrollwheel or with onscreen navigation.

Spacegallery

Spacegallery has a 3D interface that loads new images when you click on the existing one. It has a configurable border, animation duration, perspective height, and more.

Nguồn: http://www.webdesignerdepot.com/2011/08/25-jquery-image-galleries-and-slideshow-plugins/

Top 10 Project Management Software for Remote Teams

2011-07-15T08:24:00.002+07:00

Having trouble communicating with your remote team? Shared the wrong file to the team, and it takes 3 hours to resend to them one by one again? Your remote team misunderstands your project’s milestones and even objective? It never feels good to have these conflicts while bearing the stress of getting project done, but you can actually eliminate these issues by using the online project management software.

The rise of remote teams has led to the production of several great online project management systems to address the problems of teams facing productivity issues and the need for real-time updates. Online project management software not only breaks the barrier of distance by providing instant communication to collaborators, but also provides them a sharing environment which every teammate can get the same update, same file and same documentation.
It’s only the matter time for you to discover it, but we decided to introduce you 10 online project management software that provides tons of useful features for you such task setting and sharing, real-time updates, file sharing and even online wiki. Forget about getting into the trouble in every aspect of project management, now you only have to login on the web to access all-in-one project management system!

1. activeCollab

ActiveCollab helps collaborators through its time saving and easy-to-use features. Project leaders can set milestones for the team, add team members, assign tasks and get notified via e-mail for updates on the project. Also when replying or posting a comment, you don’t need to actually log in the system, you can reply and post comments via e-mail.

With ActiveCollab, team leaders can provide real-time updates to their contractors/clients by giving them access to the system itself. I’ve personally used this and I’ve seen that it is pretty flexible on giving users permission on what features to use.
File sharing, time tracking, invoicing, project management, and notifications, all in one place: in your web server.

2. Assembla

Assembla has a ticketing system where teams in remote places are given tasks via tickets. I’ve used this and personally, I find it a little confusing at first but after spending some time with it, I get exactly how it works. It is like one of those online forums where people talk about things, only here, the project leader is the one who controls most of the game.

There are built-in wiki to help new users navigate their way through, and Assembla encourages its users to actually read and follow instructions.

3. Basecamp

Created by 37signals, a company which believes that less is more, Basecamp focuses on communication between users to achieve optimum performance. Instead of sending e-mail to several people, users can post directly to Basecamp and let people engaged in the post, eliminating messy e-mail threads on everybody’s inbox.

When it comes to file sharing, Basecamp supports every popular file formats, ranging from word documents to images to any file type. When it comes to revisions, uploaded files with the same file name will not overwrite existing files, and the older file will be archived so that people can see what changes have been made. For uploaded images, users get to preview it first before downloading the file.

4. Central Desktop

Just like any online project management software, using Central Desktop will enable you to work anywhere as long as there’s an internet connection. It is a good thing to have a cloud-based platform to work on, eliminating clutter on your client thus keeping yourself organized.

Users can get instant time tracker, real-time web conference (which is very important for every collaboration tool), built-in instant messenger, instant document editing (like Google Docs), and many more.
Central Desktop also has a sleek Twitter-like feature where users can post status updates about their task. It also features a discussion forums for teams to discuss their ideas (which is a good thing, especially when people live in different time zones).

5. Confluence

If you’re a wiki user then Confluence will be easy for you to use. Although it is not your usual wiki, it still incorporates many similar features like content creation for all users, intelligent search, discussion and many more. File sharing is made via drag and drop. Confluence is, unlike other project management software, more focused on documentation and information sharing. For big projects, proper documentation is definitely the key to a more organized execution of things.

Like WordPress, there are also several plugins that users can install for the system, each having their own purpose. And as people say, the best feature is its ability to integrate with Microsoft Office. That, in itself, says a lot.

6. Kapost

Kapost is a publishing management software perfect for bloggers and writers in collaboration. It is a virtual news room where users can present a concept and have it approved by an editor. There are three types of users here, the editors, contributors, and subscribers. Editors can approve, assign, and reject ideas to contributors.

Kapost also has a built-in feature for payments per post, although I haven’t personally tried it, I think it is a very cool feature especially when working with a very diverse team on an output-based payment.
The thing about Kapost is that it makes its users focus more on the concepts, increasing the quality of content. It’s like a real news room where people brainstorm together.

7. Producteev

Producteev works like an online to-do list which alerts you in real-time of what’s happening via e-mail, IM, or iPhone. Team leaders can create a virtual workspace and place collaborators there, create tasks and assign them to people, add deadlines and generate productivity report.

8. Teambox

Is your inbox getting out of hand? Teambox actually solves this problem by smartly organizing projects, telling you which conversation to look at, which to prioritize, etc.

The fun part I see here is that users can post status updates, just like Facebook, except that they are telling project members about their progress. Unlike other systems, Teambox is probably one of the few softwares out there that won’t make you go searching for the help file because things are so simple and easy to understand intuitively.

9. TeamLab

TeamLab is a free management platform for small to medium-sized companies. Using TeamLab is like having a social network within your company. You can create blog posts that the entire company can see, and the platform also got other social friendly features like company-wide announcements so that no one will be left behind, polls to gather public opinion, and many others. Members can even start their own discussions on the forums, making the whole company engaged in every activity they like.

Another notable feature is its in-house chat messenger that connects every member, eliminating the use of other IMs for work’s communication.

10. Time Doctor

Time Doctor had me at dramatically reducing wasted time as in the world we are living now, time can make or break an entire company.

Its main features include an optional screenshot monitoring for remote employees (which is a little invasive, in my opinion, but will do the job), automatic generation of daily reports, keeping track of what websites and applications are used, and many other features that track every possible action of a user on his computer. I must say, if you want to be strict with every penny you pay for, Time Doctor is what you’re looking for.

Nguồn: http://www.hongkiat.com/blog/project-management-software/

16 Useful Vector Resource Websites

2011-07-14T07:51:00.003+07:00

In this post are several websites that provide free vector downloads. These websites are great resource for your logo, web and other graphic designing needs. Vectors can be easily manipulated and using them can save a lot of time, too. Feel free to browse around these sites but be sure to take note of the license before using them commercially (though many of these sites allow it).

Vecteezy

123 Vectors

Vector Lady

Dry Icons

QVectors

Cool Vectors

Vector for Free

VectorStock

Vector Junky

Free Vectors

Vector Vaco

Vectorilla

Designers Revolution

DezignUs

Vector Art

Keep Designing

Nguồn: photoshoptutorials.ws

Bo tròn góc ảnh bằng Photoshop

2011-07-13T09:40:00.002+07:00

Bạn đang thiết kế web hoặc đơn giản là bạn muốn tạo một khung tròn bo các góc nhọn của ảnh? Đối với web thì có khá nhiều cách như sử dụng CSS, HTML5,... nhưng các cách này đôi khi gặp rủi ro giữa các trình duyệt khác nhau, và góc bo tròn thường không được sắc nét. Sau đây tôi sẽ giới thiệu một cách đơn giản để tạo một bức ảnh được bo tròn các góc bằng photoshop CS3

Cách làm bạn thực hiện từng bước sau:

Bước 1: Mở bức ảnh bạn cần bo tròn:

Bước 2: Nhấn Ctrl+ A để chọn toàn bộ bức ảnh (Hoặc bạn có thể dùng công cụ tạo vùng chọn để chọn một vùng nào đó trên bức ảnh và cắt ra để bo tròn)

Bước 3: Vào Select - Modify - Smooth xuất hiện cửa sổ Smooth Selection. Ở đây tôi chọn thông số là 20 các bạn có thể tùy ý cho nó bao nhiêu cũng được, miễn thấy ý bạn là được:

--> Sau khi chọn bạn nhấn OK bạn sẽ được như hình sau:

Bước 4: Đảo ngược vùng chọn để xóa bốn cái góc dư bằng cách nhấn Ctrl +Shift + I và nhấn delete
--> Kết quả bạn sẽ được hình ảnh như sau:

Lưu ý: Đây chỉ là một bước đơn giản để bo tròn góc, bạn cũng có thể áp dụng các công cụ có sẵn của photoshop để từ bước này bạn sẽ tạo ra nhiều kiểu khung hình đẹp/ ^_^

Nguồn: http://minhbangchu.blogspot.com/2010/09/bo-tron-goc-anh-bang-photoshop.html

jQuery slider tools, 200 best !

2011-06-10T08:20:00.000+07:00

jQuery slider tools, 200 best !

This is a selection with 200 of the best jQuery sliders plugins and tutorials with a lot of differents features, we’re pretty sure you’ll find exactly what you need or been looking for a while now, so please, go ahead and enjoy.

jQuery is such an amazing tool that delivers what offers: writing less and doing more, that’s why now we’d like to share with all of you this huge list where you can find all kind of plugins and tutorials for showcasing content in a slider, which can be images, photographs, videos, text, anything you’d like to put in it, with a lot of cool effects and animation. Although the tutorials are really clear and well explained, the websites also offers you feedback and support, so you’ll have no problem with installing it. If you find some kind of problem or a bug, they’re really looking forward your opinion, most of these websites keep updating their plugins.

Coin Slider jQuery image slider

Coin Slider is a really amazing plugin, with unique transition effects. It has flexible configuration, auto slide, navigation box, it links images and is free to use under the MIT license. It’s fully customizable using CSS and compatible with Internet Explorer 6+, Firefox 2+, Safari 2+, Google Chrome 3+, Opera 9+ even Android and iPhone.

Mosaic! jQuery plugin

Automatically generates sliding boxes and captions. It was first uploaded in 2010 and the last update was in march 16, 2011. Among it multiples features includes allowing slide & fade animations with custom directions and pre-loaded images within boxes. The implementation is fairly easy, it operates with two panels – an overlay and a backdrop. The content in the overlay gets repositioned according to the options that you provide.

Thumbnails navigation gallery

This plugin uses jQuery and CSS, with this tutorial you’ll be able to create an extraordinary gallery with scrollable thumbnails that slide out from a navigation. It requires jQuery and some CSS3 properties for the style. The thumbnails container will scroll automatically when the user moves the mouse to the left or right.

Expanding image menu with jQuery

Thanks to this tutorial you’ll be able to create an expanding image menu with jQuery. The idea is have some columns with black and white image slices that will make a content area slide out when click on them. And by also sliding in the colored version of the image you’ll get a neat effect. You don’t have to worry because this plugin is available with MIT license, free for all.

Polaroid Photobar Gallery with jQuery

Creating an image gallery with a Polaroid look is amazingly easy. With albums that will expand to sets of slightly rotated thumbnails that pop out on hover. The full image will slide in from the bottom once a thumbnail is clicked. In the full image view the user can navigate through the pictures or simply choose another thumbnail to be displayed. This is available for free with the MIT license.

Merging Image Boxes with jQuery

This plugin last update was in November 30, 2010, the idea is to have a set of rotated thumbnails that once clicked, animate to form the selected image. You can navigate through the images with previous and next buttons and when the big image gets clicked it will scatter into the little box shaped thumbnails again. Pretty cool uh?

Beautiful Photo Stack Gallery

This plugin is perfect for giving the sensation of see and swap photographs digitally as we do it with out own hands, creates a nice and fresh image gallery. The idea is to show the albums as a slider, and when an album is chosen, that album images are shown as a beautiful photo stack. In the photo stack view, we can browse through the images by putting the top most image behind all the stack with a slick animation.

Full page image gallery

Create a stunning full page gallery with scrollable thumbnails and a scrollable full screen preview. The idea is having a thumbnails bar at the bottom of the page that scrolls automatically when the user moves the mouse. When a thumbnail is clicked, it moves to the center of the page and the full screen image is loaded in the background. Now the user can move up and down and the image will get scrolled automatically, giving him the opportunity to see all of the image.

Moving Boxes Content with jQuery

This plugin will allow you to create a website template with some really sweet animations using jQuery. The purpose is having little boxes scattered around at the top of the site and when a menu item is clicked, the boxes animate to form the main content area. This uses some different animation effects that will be added as options to the menu item.

TN3 Gallery

With TN3 Gallery you can easily create amazing photo galleries and slideshows with slick transition effects, as well as multiple albums, CSS skinning, XML and Flickr support with a host of additional features. No browser plugins required. You can download the free lite branded version for the basic functionality, or the unbranded professional version for extended features.

Fullscreen Gallery with Thumbnail Flip

This plugin will help you to create a fullscreen gallery with jQuery, the goal is having a thumbnail of the currently shown fullscreen image on the side that flips when navigating through the images. The big image will slide up or down depending where you’re navigating. It includes the addition of navigation control for the mousewheel and keys. The thumbnail will have a zoom and a fullscreen option, making the image in the background appear in fullscreen mode or as a complete image resized to fit in the page.

Sweet Thumbnails Preview Gallery

With this tutorial you’ll create an image gallery with jQuery that shows a preview of each image as a little thumbnail, the main purpose is to hover over the slider dots and make the regarding thumbnail slide into the previewer. When clicking a slider dot, the full image will slide in from the right or left side, depending on the currently viewed image.

Accordionza

This plugin cost $9 and will allow you to easily configure all effects and speed, pause on hover, autoplay and autorestart, collapseable captions and more. Three accordion styles are included. Create your own with some HTML & CSS skills. Solid — No wobbly edges as often seen in other accordion scripts. Progressive enhancement. All content is still viewable without JavaScript enabled.

uBillboard

uBillboard is suitable for all WordPress users, those new to WordPress will find it easy to set up and use, while WordPress veterans and theme developers will find it easy to extend or use in their own themes. uBillboard is simply for everyone! Among the main features you’ll find: sleek slider front end and admin, 18 transition effects + Random, transition effects based on scaling, square and column animation, fading, and many more, if you’re interested, give it a try!

DDS Slider

This great plugin can be yours for $10, in exchange, you’ll get online content support, 11 different unique transitions, support to all major browsers including IE6, auto play, it supports arrows and selectors, allows you to choose arrows and selectors simply, set the number of bars and squares, define specific transition for sliders, auto pause when user hovers the slider and many others features for you.

Sexi slider

This slider is as sexi as it name. It’s features are: Auto slide, continuous sliding, image captions, flexible configuration, 6 Transitions effects and more!

Advanced Slider

Advanced slider is a jQuery plugin that allows you to easily create powerfull sliders using either XML, thus making the slider much easier to setup and maintain or using HTML markup. The plugin also provides an easy to use API which will allow to further enhance the functionality of the slider and make it possible to integrate it into your own application. Please take a look at the list of features below.

JS Carousel

jsCarousel is a jQuery slider plugin that slides contents in multi direction and can be used as a feature content slider as well. You can put any kind of contents you want whether images, text, videos, news etc., it’s up to you. One interesting thing about jsCarousel slider is that you can make simple image gallery with thumbnail support by using it. The jsCarousel slider plugin gives you the source of image via callback function, when you click on some image within slider. It was last updated in April 12, 2011.

Full Screen Sliding Website plugin

FSS is a jQuery plugin for creating full screen sliding websites. The live preview is just a sample of what can be accomplished with FSS. Can be easily integrated into your website by placing a piece of javascript code between the tags. FSS can work with any website, regardless of its design. You can create full screen and scrollable AJAX websites in no time. It also offers deep linking support., scroll bar support, JavaScript & CSS 2 different transition effects; *Horizontal Slide *Vertical Slide, AJAX support, the speed and slide duration are adjustable. Contains 11-page detailed user’s guide.

WOW Slider

The most strong and popular web design trend over last couple of years is a sliding horizontal panels also known as Sliders or Carousels. It’s a very effective method to increase the web site usability and engage the user. The WOW Slider w as updated in April 11, 2011, this is a jQuery image slider with stunning visual effects (Blast, Fly, Blinds, Squares, Slices, Basic, Fade, Ken Burns) and tons of professionally made templates. Is free for non-commercial use, a license fee is required for business use.

PiroBox

This is an advanced version of pirobox, one of the most important immplementations is the ability to open any kind of files, from inLine content to the swf files, from simple images to pdf files. Other things are: automatic image resizing and drag and drop. The PiroBox browser compatibility includes FireFox 2+, Opera9.5+, Chrome, Safari (Mac/Windows),IE 7+.

PrettyPhoto

PrettyPhoto is a jQuery lightbox clone. Not only does it support images, it also support for videos, flash, YouTube, iframes and ajax. It’s a full blown media lightbox. It is very easy to setup, yet very flexible if you want to customize it a bit. Plus the script is compatible in every major browser, even IE6. It also comes with useful APIs so prettyPhoto can be launched from nearly anywhere (yes, that includes Flash)! Was developed by Stéphane Caron. PrettyPhoto is totally free to use, it is licensed under Creative Commons Attribution 2.5. So you can use it in all you projects even commercial ones.

AGA

The plugin called Aga, short for Accordion Gallery is, as its name implies, an accordion plugin which can be used horizontally and vertically. It has a variety of options that make it possible to optimally adapt the plugin to their own requirements. The website is in german, so don’t freak out, just give the translator an opportunity.

Auto-Advancing Slider

One of the most requested improvements over the tutorials presented on this site, is the ability to have the slides advance automatically. It is actually not that difficult to achieve this effect, and to demonstrate it, in this short tutorial they give you their HTML5 Slideshow auto advance with a few lines of jQuery. So, this might be just what you’ve been breaking your head on lately.

CU3ER

Step away from common, boring & flat 2D experience and dive into endless possibilities of adding the third dimension to your slideshow. Subtle and sophisticated settings can tremendously improve general look & feel of your slideshow by adding this special 3D touch. You will love it and your visitors will love it even more.

Choco-Slider

This tasty looking jQuery plugin is not just delicious, it’s also lightweight, flexible and customizable. It was released under MIT license and is compatible with Firefox 2 +, IE 6 +, Safari v4, Google Chrome 3 + and Opera 9 +, now you have no excuses!

SliderKit

This is a complete plugin kit done by Alan Frog, it was updated in may 18 2011. This kit includes a content slider with modular elements, multiple navigation controls such as buttons, mousewheel, image click, vertical/Horizontal navigation clip, Fading and sliding transitions effects and more!. The Slider Kit generates a minimum of inline CSS. The whole skin is CSS-made, and it’s all for you.

Orbit

This amazing plugin called Orbit was updated in March 17 2011, among other improvements you’ll find that now you can highlight the text, fixed issue of false parameters failing, now you can have just 1 slide without it failing and other. The download includes jQuery 1.5.1 and all this is available under the MIT license.

S3Slider

This script is licensed under Creative Commons Attribution 2.5. So you can use it in all you projects even commercial ones. The s3Slider developer is really interested in helping anyone who has a doubt with this and offers support in his website, so, don’t be shy ad give it a try.

Akward Showcase

The Akward showcase jQuery plugin allow you to add tooltips, enable thumbnails, activate dynamic height and lots more. It was last updated in April 27, 2011. This is called a Content Slider, but it can do more than just slide the content. Since version 1.0 it’s integrated with our Viewline Plugin enabling new innovative ways for displaying content on your website and it’s compatible with all the major browsers for both Win & Mac. Position tooltips based on x- and y-coordinates, enable thumbnails, both horizontal and vertical, different view modes integrated with Viewline, this showcase is easy to implement and very easy to customize in CSS.

Nivo

The jSquares for jQuery last update was on may 23, 2011 and includes a lots of effect parameter. The current features that can be found in v2.5.2 are 16 unique transition effects, simple clean & valid markup loads of settings to tweak, it was built in directional and control navigation and the packed version only weighs 15kb. Also supports linking images, keyboard Navigation, HTML captions and the best part of it: it’s free to use and abuse under the MIT license.

Simplesli.de

This plugin gives you really easy to follow instructions. The package is based around the way you already build your website, so you don’t have to retain swaths of arbitrary knowledge to use it on a regular basis. This plugin won’t bog down your site or burn out your users’ browsers, even using it in multiple interactions per page. It’s flexible, so you can put whatever data you want within the slide window, even mixed types, a proportionally-correct status display that configures itself, fullscreen display and swipe functionality. Do you need anything more?

Portfolio Zoom Slider

This jQuery plugin gives the user the option to view details of a portfolio item by zooming it on hover, and to allow a full view by clicking. With this tutorial you’re going to create some nice effects for a portfolio or similar website with jQuery and create a tiny slider to integrate it with the amazing Cloud Zoom plugin and the elegant Fancybox plugin. The idea is to give the user the option to view details of a portfolio item by zooming it on hover, and to allow a full view by clicking.

3D Wall Gallery

This plugin has an amazing feature, allows you to adjust a 3D viewin the image gallery, unfortunately, it only works on safari. It was last updated in february 2, 2011. However, you can use it, in any other browser will show a pain image gallery, but won’t show any kind of error or such.

Slider Gallery with jQuery

This tutorial is about creating a creative gallery with a slider for the thumbnails. The idea is to have an expanding thumbnails area which opens once an album is chosen. The thumbnails will scroll to the end and move back to the first image. The user can scroll through the thumbnails by using the slider controls. When a thumbnail is clicked, it moves to the center and the full image preview opens.

Image Wall with jQuery

The idea is to scatter some thumbnails with different sizes on the page and make a ribbon slide in when we click on the picture. The ribbon will show some description next to the picture and when clicking again on the thumbnail, the ribbon will close and open again with a large version of the image.

Rotating image slide with jQuery

This plugin will allow you to create an asymmetrical image slider with a little twist: when sliding the pictures we will slightly rotate them and delay the sliding of each element. The unusual shape of the slider is created by some elements placement and the use of thick borders. They will also add an autoplay option and the mousewheel functionality. Honestly, the effect is quite interesting, and just one click away.

Parallax slider with jQuery

With a vibrant image slider tutorial you will make use of the parallax principle to move different backgrounds when we slide to an image in order to create some nice perspective. This will give a great depth to the whole slider when it’s in motion. Simply, to see this plugin in action is amazing, nevertheless, the beautiful photographs.

Flickr photobar Gallery

For using this plugin, you must own a flickr account. The aim was to build a bottom photobar that one can easily integrate into a website. It is hidden initially and slides up when the handle is clicked. First, the photo sets are shown and when one of them is chosen, all its images can be viewed as thumbnails. When a thumbnail is clicked, a full image view appears as an overlay.

Fresh Sliding Gallery with jQuery and CCS

This jQuery plugin lets you to show a full page image gallery with a nice thumbnail area that scrolls automatically when moving the mouse. The idea is to allow the user to slightly zoom into the picture by clicking on it. The thumbnails bar slides down and the image resizes according to the screen size.

Sideways jQuery Fullscreen Image Gallery

This gorgeous jQuery script is Free for all use, even commercial with no permission required. It was last updated in November 20, 2010. It’s a really easy to install and customize besides, the effect you’e;; get is quite amazing, why don’t you give it a try?

Pikachoose

This is how the Pikachoose developer explains his scrip “This is a easier option for those who think galleria might be too complicated, or nivo doesn’t fully do what they wanted” Pikachoose was last updated in May, 19 2011, get it while still hot!

Supersized

So, what exactly does Supersized do? Resizes images to fill browser while maintaining image dimension ratio Cycles Images/backgrounds via slideshow with transitions and preloading Navigation controls with keyboard support Integration with flickr – pull photos by user, set or group. The current version is 3.1.3, was released on March 3rd, 2011 and is completely available for you under both MIT/GPL license.

Avia

Avia gives you 8 unique transition effects, lots of easy to set options to create your own effects, included Image preloader, autoplay that stops on user interaction, valid HTML5 and CSS 3, only weights 8kb and supports linked images already prepared to work with prettyPhoto Lightbox. It works with jQuery 1.32 and higher Documentation, CSS and Javascript files are available at Codecanyon.net for a small fee.

Slides JS

You can get the latest Version, which is 1.1.7 and was updated on May 2nd, 2011. Slides is licensed under the Apache license, nd the programmer keep posting updates in his twitter account for you to follow if you’re interested in getting in touch.

Blinds

This jQuery script allow you to apply smooth animated transition, it has customizable sprite grid and customizable animation ochestration. This is for you to use, copy, modify, merge, publish, distribute, sublicense, and/or sell. It also allows multiple instances on the same webpage jQuery compatible (plugin) and is unobtrusive javascript

Mosaic Slideshow

With the raise of the jQuery library and its numerous plugins, there is an abundance of ready-made solutions which address this problem. However, to make a lasting impression to your visitors you need to present them with something they have not seen before and you’ll be able to make a jQuery & CSS mosaic gallery. It’s called Mosaic because it will feature an interesting tile transition effect when moving from one slide to another.

Content Slider

With his attempt of creating a content slider, the developer was aiming to create an easy-to-implement content slider plugin allowed for multiple instances on the same page, that also allows users to customize the size, button images, etc. It’s really nice looking, simple, clean.

Elegant image Slider with jQuery

The Elegant Image Slider was released under the creative commons license, it was last updated on May 19, 2011. The creator knows there are a lot of jQuery image galleries out there, some of which are quite lovely (Galleria springs to mind). However, He’d yet to discover a really nice-looking, full-window sliding image gallery that is simple and elegant, and that also shows off the photos to good effect. That’s why he decided to write one!

Superdit Expand stacked Images using jQuery

This tutorial will show you how to expand the stacked images with jQuery. There is a stack of images that have very small margin between each image, and the slider have a function to make the margin larger, really easy to imagine right?

Animated JavaScript SlideShow

This is a quite simple yet beautifully done image slider, it has all the basic in a non flashy way so you can implemented in any kind of website that need a image slider gallery.

Boutique Slider

This is such a visually intereactive slider, it has a lot of movement and really doesn’t need anything else to be added to it, that’s why the last update was made in October 10, 2010. In this last update some of the added features were unlimited scrolling and number of images, customizable optional headers, description text, hyperlink, autoplay (paused on hover), keyboard support, multiple instances per page and gives you 3 example styles out of the box.

Easy Gallery 2

This image gallery plugin was developed by Alaa Badran on March 13, 2011 under the GNU General Public License. It simply showcase the images one after another. It’s clean and simple.

jFlow Plus

On July 29, 2010 jFlow Plus became into an update to the popular ultra-light-weight jFlow slider released in 2008. This new addition comes with an auto slide an pause functionality and will be continually updated with additional features. jFlow Plus is an easy to implement, customizable and light-weight jQuery slider that is a great solution for you project needs. This is free software released under the GNU license.

HighSlide JS

Highslide JS is under a Creative Commons Attribution-NonCommercial license, this means you’ll need the author’s permission to use Highslide JS on commercial websites but he will happily provide you support in his website if required.

Captify

This jQuery script was created in 2009 and includes a lot of the most basic effects, so is perfect if you’re just starting in the jQuery world and is really easily modified, so, go and see the demo, yoou might be interest in getting it.

Shadow Box JS

Shadowbox uses HTML markup that validates, so it doesn’t depend on phony HTML attributes in your anchor tags to make it work. It’s just as easy to run it as a standalone app, giving the developer a great deal of flexibility. supports a host of options that make it highly configurable.

Advanced jQuery Background Image Gallery

This is one of the most outstanding and beautiful jQuery based image gallery, it was updated on April 7th, 2011, it’s still warm and delicious! besides, the author is really interested for the users feeddback, don’t hesitate and become part of this group of users.

Slick and Accesible

With this tutorial you’ll create a simple slideshow script using solid HTML, CSS, and JavaScript (jQuery). It applies the concept of Progressive Enhancement to ensure that the slideshow widget works without CSS and without JavaScript, making the script web accessible in most browsing scenarios. You don’t have to worry because it free for commercial and personal use under the Creative Commons license. Now, CC license wants you to attribute it with a link based on the creator’s requirements, but this creator requirement is: “You don’t have to attribute it to me if you don’t want to, although I’d be glad if you did”. How nice is that?

Image Slideshow jQuery Cycle

Image slideshows are a popular method of displaying numerous sequential photographs in web design. By making use of the handy Cycle plugin for jQuery, we can easily create a slideshow of our own, complete with previous and next navigation controls. Not a master of Javascript? Don’t worry, the Cycle plugin makes it a breeze to add slideshow functionality to your site, with only a few lines of code required to get things up and running.

Smooth Div Scroll

You can redistribute or modify the Smooth DIV Scroll under the GNU General Public License terms. It was last updated in 2010 and allows simple controls gallery, rotates and displays an image by fading it into view over the previous one, with navigation controls that pop up when the mouse rolls over the Gallery. They allow the user to play/pause, or step through to a specific image within the gallery. Last but not least, the gallery supports persistence of the last viewed image via session cookies, so going away then coming back to the gallery calls up the last viewed image within a browser session.

Simple Controls Gallery

Each gallery instance supports a public method navigate that lets you do everything from go to a specific slide, move forward or back, or even play/pause a gallery on demand. It opens the door to creating custom controls on the page to control a gallery.

iTunes like slider

Developers often seek the functionality provided by sliders in order to fit lots of information in the space provided, but creating such a slider is not as difficult as you might think. With a little planning and some experimenting, you can create one rather quickly. Minimize the space taken up by images by making the slideshow’s dimensions the same size of a single image and then fading between them. This slider provide a vertical carousel of images on the side showing upcoming images, provide a method to manually move the carousel and the slideshow forward.

Tab Switch Simple

The tabSwitch is a tab/slider plugin for jQuery with which you could make a tab box system with the least of code and still fully customizable. Currently, you could choose from 7 different effects with 2 view styles and also hot swap the effects around in runtime. There is no limit what kind of HTML tag you use, you could move to next, prev tab or jump to a specific tab, all the controls could be anywhere in the website, on top of a tab, inside a tab and many others features, this plugin is available under the Common Development and Distribution License CDDL.

BXSlider

On January 13, 2011 this plugin was last updated and this update included horizontal, vertical, and fade transitions display and move multiple slides at once (carousel) prev/next, pager, auto controls easing transitionsrandom startticker mode before, after, first, last, next, prev callback functions optional styling included and TONS of other options.

Fancy Moves

Wanna know what you get when downloading this? Keyboard Navigation (use your keyboard arrows to move to the last/next product), click on images to navigate, CSS opacity for rollover effect on buttons, FancyBox built in for expanding images (left/right buttons on rollover for other image views) FancyMoves is a great slider to show off services, products, or whatever you can dream up. The main image is enlarged to attract your focus. There are three ways to navigate to the next/last item: using your keyboard arrows, using the left and right arrows on the sides of the slider, or simply clicking on the next or last item in the slider.

Cycle Plugin

The jQuery Cycle Plugin is a slideshow plugin that supports many different types of transition effects. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and much more. It also supports but does not require the Easing Plugin. Unfortunately is not working in chrome, still you can post questions to the jQuery Forum. The Cycle Plugin is compatible with jQuery v1.3.2 and late Latest version: 2.99 (12-MAR-2011)

Image Gallery with Fancy Transitions Effects

Ivan Lazarevic main idea was to build some ’strip curtain’ effect so the developer started from that. But, while he was building this some other effects just pop up so he decided to adjust code and include some of those effects. Now, there are ‘wave’, ‘zipper’ and ‘curtain’ effect, plus options that can be used for custom effect, this script is available for you since June 2010.

Agile Carousel

This beautiful image carousel was updated on May 14, 2011, it’s highly customizable so you can build according to your requirements. JSON data format is used to provide easier integration with external data or data from your CMS. Use it for agile web development. This is an all new version written from scratch. JQuery UI effects and the ability to read files on the server are no longer included. New features are added, such as “Control Sets” which allow for a more customizable setup.

Start/Stop Slider

There are many helpful improvements with this new slider. It’s not a plugin, so it’s not as easy as it possibly could be, but it’s much easier than the previous version. There is a section at the end for customizing. The slider does feature a stop/start button and the animation goes a little farther than simply sliding to the left.

Bullet Proof Content Viewer

With this tutorial, you’re going to easily create an attractive and space-saving content viewer which even works with JavaScript disabled. By building a solid core of semantic HTML, styled with some basic CSS and then use jQuery to add further enhancements in the form of transition animations.

Cycle with a Progress bar

Cycle is a script that supports image presentations to easily display multiple images. This script supports a lot of effects and the cycling of html elements. Presentation Cycle is a variation on the functionality of Cycle but instead of generating a list of numbers that are clickable Presentation Cycle generates a progress bar that shows when the new slide will appear.

jFancy Tile

This jQuery plugin called jFancyTile is a tile shifting image viewer. It allows you to tranform any list with images to a beautiful tile shifting photo presenter.

ColorBox

Supports photos, grouping, slideshow, ajax, inline, and iframed content. It’s simply 10KB of JavaScript, the appearance is controlled through CSS so users can restyle the box, the behavior settings can be over-written without altering the ColorBox javascript file, it can be extended with callbacks & event-hooks without altering the source files, it’s completely unobtrusive because options are set in the JS and require no changes to existing HTML. Released under the MIT License.

Really simple Slideshow

This is a Really Simple to use Slideshow, it’s free to use under the MIT license and open-sourced, extremely easy to integrate, video support – play YouTube/Vimeo/Hulu/etc. Images and video are resized to fit inside the browser’s window, plugins to display images from Flickr/Picasa, content can be pre-cachedand multiple instances in the same page may be used. Version 1.4.3 was released on May 17, 2011

JQ Zoom

The JQZoom is a javascript image magnifier built at the top of the popular jQuery javascript framework. jQzoom is a great and a really easy to use script to magnify what you want. Works on all modern browsers and the currently available version is 2.3. which was release on May 3rd, 2011. This software is licensed under BSD. After downloading it, you’ll be able to read the license inside the archive.

jQuery Slider

This slider will switch between slides using the fade effect. It was last updated on May 19, 2011 and will allow you to create your own jQuery plugin, as one of easy task. You will create your own image slider or any content, not just images.

Lite Content Slider Plugin

Jquery lite content slider is a really a light weight content slider with the ability to slide and any content with high customizability. Among the main features you’ll find that is Light weight, cross browser support, no CSS and programming knowledge required, can add unlimited slides, Play/Pause feature and can slide any element any where.

Slider Pack 2

This is a upgraded version of the Slider Pack, it has amazing features. In the DEMO page, you can switch the background color between black, red, blue and grey. The pictures shown in the sliders are from an amazing game called Bioshock, that’s hot.

Slidedeck

This is suchaclean view image slider, it’s organized and support several different kinds of content. The most outstanding features are Full API control with jQuery plugin, unbranded, vertical slides and gives you technical support if you require it.

Li jQuery Slider

The li jQuery Image Slider/Banner Image Rotator is carefully crafted slider/image rotator, full of features, very easy to install and customize. Whenever you need a full featured slider image rotator or you need a simple ad banner, li jQuery Image slider will do the job with ease! This robust and yet elegant guy, has everything you need to build your next “to-impress” image slider.

InnerFade

InnerFade is a small plugin for the jQuery-JavaScript-Library. It’s designed to fade you any element inside a container in and out. These elements could be anything you want, e.g. images, list-items, divs. Simply produce your own slideshow for your portfolio or advertisings. Create a newsticker or do an animation.

EO Gallery

EOGallery is a web animated slideshow gallery made with jQuery. It only uses basic jQuery functions and Cody Lindley’s Thickbox to display larger pictures. By the way, EOGallery is XHTML 1.0 strict valid and almost CSS valid, it has been tested on Firefox, Safari, Internet Explorer 6 and works even with non-javascript and/or non-css browsers. EOGallery has been made for testing purposes, there could be bugs and strange behaviors. Enjoy trying it!

jQuery WaterWheel Carousel

This jQuery plugin can display images with a cascading waterfall effect. It can be positioned either horizontally or vertically, and custom events can fired when an image rotates into the center or is clicked. The callback functions can be used to programatically trigger Lightbox-type effects, or load specific content into another region of the website, as you can see there are a lot of possibilities here. Works in Chrome, FireFox, Safari, and IE7+.
jQuery tiny Slider

This is one of the fresher jQuery there out there in the net, it was launched this year and they’ve already done four upgrades, the last one was on March 15, 2011, so probably in a few months they’ll deliver a new one, however, this tiny slider is so neat, i can’t imagine what could this guys improve in it!

ImageCloud

ImageCloud is a jQuery plug-in based on Google’s Doodle designed for the Christmas holidays on 2010. Basically it was a bunch of frames with images that, when you mouse over, grow to their real size, it’s one more plugin inspired by the google doodle, so we must keep out eye on what’s google cooking!

3D Gallery view

An amazing system displays images with 3D effects. The plugin allows you to display a series of pictures in a box defined and edited in random order. The images will be set in space in order to ensure that they are completely hidden (if not a rare overlap between the smaller images), then they will move when the mouse moves, creating a nice 3D effect. There will be a game of shadows and transparencies to make everything as realistic as possible.

PrettySimple Content Slider

With this you will create an auto-playing content slider with jQuery and CSS3. The idea is to alter the background image and to slide in the heading and the description. By clicking on one of the menu items, the auto-play function is stopped and the respective content slides out.

Content Flow

ContentFlow is a flexible CoverflowTM/ImageFlow like flow written in javascript, which can handle any kind of content. It supports all new and old major and not so major browsers. It’s distributed under the MIT License. With ContentFlow it is now possible to have any number of flows within one web-page. Each separately configurable, satisfying different visual needs. You are free to define your own methods for displaying content and interacting with it. You can control all aspects of the flow without loosing the ease of use.

Open source Flickr Gallery

The FlickrGallery is an open-source photo gallery for jQuery that allows you to dynamically pull images from a photoset in Flickr. You can also dynamically grow or shrink the gallery area, depending on the size of the images and to offer a lightbox effect for small images. However, all of these functionalities can be turned off. If Flickr is turned off, a standard unordered-list with images can be provided to use just the photo gallery functionality. Once the gallery is added to a website, the code doesn’t need to be changed again to update images. Everything, including image captions, is updated from Flickr.

JC Playlist

JC Play List is an easy to use ActionScript 3.0 list component created especially for easy visual representation of multimedia lists (.xml and RSS 2.0 feeds from Picasa and Flickr). You can use JC Play List to display any kind of lists including items that contain images, titles, descriptions, index numbers, additional information, custom backgrounds and overlays. JC Play List displays these items both on horizontal and vertical position, with or without controls such as scrollbars, slide buttons, mouse movement input and autoplay features. JC Play List can be used directly without coding with different components such as JC Player or Loader Pro V3. Also, using script you can use it in conjunction with any other UI components and APIs.

Notes For LightBox

NotesForLightBox is a simple, unobtrusive script used to overlay images on the current page. It’s a snap to setup and works on all modern browsers. The current functionalities are rounded corners light box, navigation with buttons and a real slide show with progress bar. You should deffinitely check out the demo page and then love it.

jQuery Carousel Plugin

The author is completely aware that there are ton’s of carousel’s already, but many he had seen either require non-semantic mark-up, are unresponsive resulting in poor usability or have unnecessarily large file sizes, so he hopes to had managed to quash these concerns with this carousel. It was last updated on November 6, 2010.

Carousel SlideShow

Carousel Slideshow is a fabulous DHTML script for the showcasing of images on your site. It displays images in a 3D, carousel fashion. The highlights of this script -other than its stunning appearance- are that the Slideshow can be set to either slide in from right to left, or the reverse. Slideshow can be set to be 4-sided, 6, 8, or 12. A 4-sided slideshow for example means 2 images will be in view at all times (the other two behind the scene). Each image can have an optional link associated with it. Slideshow pauses on mouseover and a DOM based script that works in modern DHTML browsers- IE5+, NS6+, Opera 7+.

Roundabout Shapes for jQuery

Roundabout Shapes provide even more paths along which your Roundabout can move. The current version of Roundabout Shapes offers eleven additional movements. Like its Roundabout companion. Roundabout Shapes is released under the BSD license. If you’re unsure of what that means exactly, the entire license can be found in the source code. Please, have a ball with it!

Cloud Carousel

This great looking carousel-type image slider features are that it works with most browsers, was tested on IE6-IE9, Firefox (incl V4), Chrome, Opera, Safari and gives accurate 3d perspective, optional auto reflections, no need to modify your images or add server code. The easy integration with basic valid HTML and a tiny bit of JavaScript, it’s really small 5Kb (minified) script, degrades gracefully with Javascript turned off, it’s fully accessible with no CSS or text only browsers and last but not least, it’s completely free.

jCarousel

Do you wanna know what you can do with jCarousel? Here is a list of a few of it posibilities: Static, simple, vertical, circular, carousel with autoscrolling, carousel is also available with external controls, with custom start position and multiple carousels on one page.

Barousel

Barousel is a jQuery plugin to easily generate simple carousel where each slide is defined by an image and any type of related content. Simply beautiful and useful, is this what you’ve been looking for?

Unique Gallery by using z-index and jQuery

This tutorial will help you to create a unique picture gallery utilizing the CSS property z-index. The shown example has the appearance of a pile of pictures, on the next action it puts the first picture on the last position and on the previous action it gets the picture from the last position to the first. All done just by altering the z-index, of course with a animation to underline the imagination to have a pile of pictures.

Gradually

This is a complete image slider plugin that will allow you to set the image element to display, hierarchy and the default of the layer, interval when image is switched, the class of element that sets title of present image of sheets, of image and many other useful options.

Roundrrr

This is one of the most dynamic ways to present a image gallery, it was posted on october 2010, it includes a tutorial and it’s under the GPL licence, wich means it’s free to use and modify and no autorship is required.

Minimalistic Slideshow Gallery with jQuery

Easy and minimalistic slider, black frame create a simple and beautiful slideshow gallery that can be easily integrated in your web site. The idea is to have a container with our slideshow and the options to view a grid of thumbnails, pause the slideshow, and navigate through the pictures. The thumbnail grid will slide out from the top and allow the user to navigate through a set of thumbnails.

Sliding Panel Photo Wall Gallery with jQuery

This sliding panel photo wall gallery was released on May 14, 2010. The idea was to have a whole page full of thumbs with a nice light effect when we hover. When an image is clicked, a panel slides up from the bottom revealing the full picture. When clicking on the full image, the thumbs panel slide back from the bottom. This effect will give the impression that we are stacking the panels on top of each other every time we change the mode. In the full picture view we add some nice transition effect when we browse through the photos.

Thumbox

This plugin is not for iExplorer -has to be adjusted- the website is in portuguese, but can be easily translated with the help of the online translator of your choice. It was last updated on November 30, 2010. You shoul check out the demo website before thinking you won’t like it, won’t you? give it a try.

JB Gallery

Full page galleries are an absolute trend this days when it comes to webdesign, this is a perfect example and it shows you how to create an interactive, full page gallerie with thumbnails, and there’s nothing for you to worry about, because this great plugin is available under the GPL license.

jQuery SlideView

This is a jQuery plugin wich allows to instantly create an image gallery by writing just few lines of HTML such as an unordered list of images, it’s really easy to navigate, select the image number and go back and forward without delay. It was last updated on July 7, 2010. It’s also important to keep in mind that slideViewer has a lightweight (3.5Kb).

Coda

Coda-Slider is a jQuery plugin first released in September, 2007. It aimed to mimic the slider effect on the promo page for Panic’s Coda software. That initial version was hacked together, so the author made two small updates within a few months of its release. Coda-Slider 2.0 has been built from the ground up, and should prove much more versatile and easier to use than its predecessors. Is available for use in all personal or commercial projects under both MIT and GPL licenses.

Hash Slider

This jquery-based slider does what the most jquery-sliders do, but adds a hashtag to the window location, so you can link to any content/position of the slider. Among it’s features you’ll find it’s easy to implement, full styleable via CSS, mouse wheel integration, direct links to slider position via hash tag and more. This slider is free for everyone and ain’t big, only 2,2kb.

SliderKit

This is a complete plugin kit done by Alan Frog, it was updated in May 18, 2011. This kit includes a content slider with modular elements, multiple navigation controls: buttons, mousewheel, image click, vertical/Horizontal navigation clip, fading and sliding transitions effects and more! Slider Kit generates a minimum of inline CSS. The whole skin is CSS-made, and it’s all for you.

Sudo

This plugin is called Sudo, was designed in 2010 by Erik Krogh Kristensen, once you’ve downloaded and installed it, you’ll be able to receive help and feedback if you found an bug or have a suggestion for improving it. Among its features you’ll find the horizontal, vertical, and fade transitions, bookmarks and back/forward history support, complete HTML freedom, AJAX content and others. This plugin supports IE6+, Fx, Opera, Chrome, Safari etc.

EasySlider

The Easy slider was designed by Alen Grakalic in 2009 and in it’s last update offers numeric navigation (as an alternative to next/previous buttons) and continuous scroll instead of jumping to the first (or last) slide

jQuery Plugin Feature List

The jQuery plugin’s feature list include a Slick effect you can get and no Flash needed. It’s just 2K, it’s reusable on multiple containers, it cycles items via slideshow and can be styled with custom HTML/CSS. Easy peasy.

Featured Content

This javascript is available on the site, includes different types of custom content in the panels. We can already put whatever we want in the panels, but to make it easier on ourselves, there will be a couple of different formats ready to go. The main one being an image the size of the entire panel, but featuring a text-overlay. You can still click the thumbnails to jump to any panel, but left onto itself, the slider will slowly cycle through the panels. It also has an arrow indicator to serve as a visual indication of which panel you are currently viewing, a small arrow will display above the thumbnail pointing into the panel.

YoxView

The YoxView is free to use under the MIT license and open-sourced. It’s also extremely easy to integrate, supports images, video, iframes in content, on-line Video support-play YouTube/Vimeo/Hulu/etc., the content is resized to fit inside the browser’s window, plugins to display images from Flickr/Picasa and video galleries from YouTube, skins available to customize the viewer’s look and feel, open the viewer from text links as well as image links, multiple instances in the same page may be used, language packs available, slideshow enabled play content automatically, compatible with all major browsers and much more. YoxView module for Drupal & WordPress plugin.

Thumbnail Preview Slider

Thanks to this, you’ll be able to create and use a thumbnails preview slider with jQuery. Since the developers got a lot of requests to show how to make the preview slider work separately from the full image view, they decided to make a tutorial on how to use the little thumbnails preview part only.

Image Highlighting and Preview with jQuery

This tutorial will show you how to highlight and preview images that are integrated in an article or spread over a page. This is a nice way to allow users to view a bigger version of an image that is relevant to some context. It will also highlight images on a delayed hover and offer a preview mode which will enlarge and center the bigger version of the image on the screen.

Photo Stack

With this tutorial you’ll be able to take a bunch of photographs and transform them into an interactive 3D stack. CSS3 provides the underlying styling for this whilst jQuery is used for calculations and positioning. Wanna give it a try? All you need to do is hover over the name of a jQuery team member and they’ll slide out of the stack. You can also run a short ‘snake’ effect on the stack by clicking the respective link in the demo page.

Hover Slide Effect with jQuery

This will helps you to create a neat effect with some images using jQuery. The main idea is to have an image area with several images that slide out when we hover over them, revealing other images. The sliding effect will be random, i.e. the images will slide to the top or bottom, left or right, fading out or not. When you click on any area, all areas will slide their images out.

jQuery based flipped image Gallery with bounce effect

Here is a simple jQuery based flipped image gallery. On hover the images will expand. Its simple and stylish gallery. It shows a quite nice bouncy effect, however, it might distract from the image itself.

Image Rotator with description

An image rotator is one great way to display portfolio pieces, eCommerce product images, or even as an image gallery. Although there are many great plugins already, this tutorial will help you understand how the image rotator works and helps you create your own from scratch.

Automatic image slider with jQuery and CSS

This is an image slider in its most basic way, it simply slides images in a straight secuence. Although it was published on February 8, 2010, it doesn’t need any improvement.

Multimedia Gallery

This is a quite easy to navigate gallery, you just have to see the image thumbnails and choose one, click over it and it will pop up in a larger size, is a easier presentation for navigationg when you want to show all the images in the gallery and also displaying each one at large.

Interactive photodesk with jQuery and CCS

This plugin isn’t precisely for images sliding, it’s more for showcasing all the pictures so the users can select and arrange them as they want to. In this little experiment they created an interactive photo desk that provides some “realistic” interaction possibilities for the user. The idea is to hove some photos on a surface that can be dragged and dropped, stacked and deleted, each action resembling the real world act.

Rotating Billboard Systemwith jQuery and CSS

CSS and jQuery to create the effect of a rotating billboard with two ads. The idea is to make one set of image slices disappear while another one (the other ad) appear. We will decrease the width of each disappearing slice and increase the width of each appearing slice. This will give the effect of rotating slices, just like in a rotating billboard system, unfortunately this amazing effect is not working in chrome.

Sliderman JS

The sliderman slide plugin for image gallery offers 3 demos that show you differents ways for applying this script in your website. It beautiful, its asey to apply, it has some nice effects and the download includes a nice explanation about this plugin features.

Fancy Hover Effect with jQuery

This feature is quite common, but applying it in differents ways prove that amazing things can be asily achived by using imagination, that’s how recently while checking out some nice flash galleries the developer came across an effect that really liked and had a sudden urge to duplicate that effect but using his bread and butter (CSS and jQuery). And now he’s sharing it hoping that more than one can find it useful.

jQuery Photo Slide Show with Slick Caption Tutorial

This is a really useful plugin for image gallery, easy to instal and customize. The feedback in the site is still active, and was last updated on December 2010. By checking out the demo you’ell be able to have an idea about what are the features and what kind of things you can do with it.

jCoverFlip

This is a open source, available for public use thanks to the GNU license. It’s a basic yet, greatly done image slider. Don’t hesitate and if you like it, give it a try, this is a really hellpful and easy to apply slider plugin.

Cross Slide

CrossSlide is a jQuery plugin implementing in 2kB of Javascript code some common slide-show animations, traditionally only available via Adobe Flash or other proprietary plugins. CrossSlide builds upon jQuery’s animation facility, so it is as portable across browsers as jQuery itself (that is, a lot!)

Image Gallery with Fancy Transition Effects

The developer’s main idea was to build some ’strip curtain’ effect and started from that. But, while building this, some other effects just pop up and decided to adjust code and include some of those effects. Now, there are ‘wave’, ‘zipper’ and ‘curtain’ effect, plus options that can be used for custom effect. You can see how it works on examples and documentations page.

PopEye 2.0

This great plugin is available thanks to the GPL 2.0 license. You can use it free of charge, change it or build upon it however you like.It has an advanced image gallery script built on the JavaScript library jQuery. Use it to save space when displaying a collection of images and offer your users a nice and elegant way to show a big version of your images without leaving the page flow. You can request a new feature or report a bug, there are specifics areas for each thing.

Slide Viewer Pro

The slideViewerPro is a fully customizable jQuery image gallery engine wich allows to create outstanding sliding image galleries for your projects and/or interactive galleries within blog posts.

Slide Thumbs

With this option, the developer wanted to explain how to turn old boring image viewer into a nice-looking one with jQuery. It’s simple just using some lines of java-script code. Implement this and enrich animation features to your web projects.

Multiple Image Cross Fade

This tutorial will allow you to learn how to fade list of images through each other in continuous loop. You will also add captions and tooltips to make it more usable. This simple effect is ideal for portfolio websites, galleries or magazines where images need to be seen.

Slick Content Slider

The slick content slider was originally designed for a computer shop, with the help of jQuery and the MopSlider plugin. The slider is going to be generated with PHP and using a plain txt file as a data source for the notebook configurations, in the website you’ll find their twitter so you can follow them and provide feedback.

Animated Panning with Slideshow

This tutorial will explain you how to create an amazing but easy to do animated panning with slideshow by showing one image at a time and then sliding it to another, in this example they show four differents animals pictures. This was last updated on February 11th, 2010.

TinyCircle

Tiny Circleslider is a circular slider/carousel that was built to provide webdevelopers with a cool but subtle alternative to all those standard carousels. Tiny Circleslider can blend in on any wepage. It was built using the javascript jQuery library. There is no support…. but you could always try to mail them and see what happens. Dual licensed under the MIT or GPL Version 2 licenses. 05/12/2010.

Apple Style SlideShow Gallery

When speaking about design, there is one company that is impossible to go without. Apple values design – being a new product, a fancy catalog or their website – there is always something to admire. If you want to resemble that great design style, this plugin will come really handy to you.

jQuery Image Scroller

This tutorial is for building an image scroller, using the jQuery’s excellent animation features and generally having some fun with code. Image scrollers are of course nothing new; versions of them come out all the time. Many of them however are user-initiated; meaning that in order for the currently displayed content to change, the visitor must click a button or perform some other action. This scroller will be different in that it will be completely autonomous and will begin scrolling once the page loads.

Panel Gallery

This gallery was meant to create a simple way to take a group of images and transition from one to the other in a smooth, visually appealing way. You’ve probably seen countless galleries where one image fades into another and this idea started like that, but evolved into something new, that’s how this developer’s first jQuery plugin was created. It’s been tested and made it as small as possible without compressing it and it works with everything it’s been thrown at. This is a free jQuery plugin, distributed under the Creative Commons Attribution 2.5 License, which means that you are free to use and modify it for any purpose.

Step Carousel

Last updated June 28, 2010. Step Carousel Viewer displays images or even rich HTML by side scrolling them left or right. Users can step to any specific panel on demand, or browse the gallery sequentially by stepping through x number of panels each time. A smooth sliding animation is used to transition between steps. And fear not in taming this script to go exactly where you want it to- two public methods, two custom event handlers, and three “status” variables are here for that purpose.

Featured Content Slider

On December 13th, 2009 new features where added to this plugin such as keyboard navigation, so left/ right arrow keys now move glider, fixed bug with auto rotation when “next” link isn’t defined.
This script lets you painlessly showcase new or featured contents on your page, by turning ordinary pieces of HTML content into an interactive, “glide in” slideshow. For the ultimate in the ability to customize its look, the pagination links are also ordinary links that you define on the page, but with special CSS class names inserted when it should perform a certain task.

JS Slider

jSlider is a light weight JQuery plugin for content sliding. By content we mean everything: HTML code, Images, Advertisements etc. jSlider allows to put our content in simple div’s, and then it automatically generates a content slider for you, which one can customize using various options provided.

JqGalScroll

jQuery Gallery Scroller (jqGalScroll) takes list of images and creates a smooth scrolling photo gallery scrolling vertically, horizontally, or diagonally. The plugin will also create pagination to allow you to flow through your photo gallery.

Shuffle between images using jQuery

Shuffle means changing the position between each items position, the only purpose of this plugin is the shuffle images feature for creating collage image gallery using jquery, and better can be added with rotating feature too. This plugin is under the MIT license.

Navig8

This jQuery plugin will transition between images with a nice fade In/Out. It only requires a couple of lines of CSS and a regular jQuery Plugin call. You have full control on the number of images, the delay and a lot more. It can play backwards once it reaches the end, or it will start all over again from image 1.

SliderKit

The purpose of Slider Kit is to gather common slideshow-like jQuery functionalities (such as news sliders, photos galleries/sliders, carousels, tabs menus) into one lightweight and flexible plugin combined with ready-to-use CSS skins. This is the version 1.5.1, this plugin author is Alan Frog, from kyrielles.net and was regustered under the GNU General Public License. It was first release on March 26, 2011 and last updated on May 18 2011.

jShowOff

jShowOff is a jQuery plugin for creating a rotating content module. It works by creating ‘slides’ from the child elements inside a specified wrapper element on which .jshowoff() is invoked. It then rotates through the slides, with options for controls, links, and more. This type of module is often used to promote pages, sections, or features on a site jShowOff is free for personal and commercial use under the MIT/GPL license used by the jQuery core libraries. This plugin was written by Erik Kallevig.

jMyCarousel

jMyCarousel carousel is a free, unobtrusive, very customizable written in JavaScript, based on the popular jQuery framework and created to suit a wide variety of besoins.Il to display and animate an image list to make your gallery more friendly. It can be adapted very easily to almost any layout and how it animates the images is configurable. Among others, it provides these features configuration size in pixels, percent and number of images. Multi browser compatibility: Firefox1.5 + Internet + Explorer6.0, Safari2.0 + + Opera9.0 and all this for only 4Kb!

SlinkySlider

The Slinky Slider loads a user defined number of HTML files into “panels”. The panels are stacked up horizontally inside a nominated container. Once the panels have been loaded, all bar one are collapsed to a clipped small size. An automatic animation cycles through the panels showing the content of each in turn. When the user mouses over a panel, it expands and the automatic animation stops. The panel content can be full HTML, flash or other media, or just plain image references. This plugin was released under the GNU General Public License

Carousel WordPress Plugin

This plugin main goal is to be applyied in WordPress script, its an open Source under the MIT license. Please use the comments to make suggestions for updated versions, or contact the author.

MopSlider

This is essentially a slider box that can fit anything. On its version number 2.5 more than one can be placed on one page. Added features Otomubu. Tested and works with Safari4, Firefox3, Opera9, IE6, IE7, IE8, Google Chrome.

Horizontal Acordion

This is quite an jQuery plugin, it has no dependencies, it offers you the optional use of easing plugin, an close and open content one after the other and at the same time. You can choose trigger and it’s easily to control through external calls It open content on load and open content through hash tags in the url position of handle (left, right).

jQuery Feature Carousel

This plug-in was intended to be used to display feature stories on a home page of a website, but can be used for any reason and is highly customizable. It will always display three images at the same time, with all the rest hidden behind the center image. The developer has detailed instructions for using the plug-in, as well as a list of all the options and some frequent questions. Works in Chrome, FireFox, Safari, and IE7+. Limited support for IE6.

jQuery Liquid Carousel plugin

Liquid carousel is a jQuery plugin intended for liquid designs. Every time the container of the carousel gets resized, the number of items in the list change to fit the new width. It’s quite dynamical and givves a attractive look.

Modern Carousel

This carousel widget for jQuery makes use of modern CSS to keep panels within the normal flow of the document. This means there are no positional calculations required in the JavaScript, and no float clearing in the CSS.

iCarousel

One of the most common problems a web developer usually face is related to continuously rotate a fragment of content. It can be a presentation of headlines, small fragments of news or a list of thumbnails. The nature of the thing being rotated doesn’t matter too much here because all those kind of applications share always the same idea: Rotating. This objective can be achieve in different ways like fading and scrolling. Well here is iCarousel becomes useful. It’s a one step forward trying to generalize all those types of widgets providing a rich presentation and making the task easy to be done.

jQuery MS Carousel

jQuery Carousel can be auto slide, you can play with pause/play method, it can be start from any counter. Slide starts from zero, you can directly move to on any counter, one page can have multiple carousel, each carousel can be controlled by their own object, is vertical and horizontal enabled, you can have a callback method and on top of all that it’s very light weight. Just 4 KB, now I think you ran out of excuses and wanna try it, right?

rCarousel

This is a Carousel with a really special transition effect, you just need to see the demo for love it, it was released under the MIT license, so it’s free and you can use it freely.

Theatre

The author refers to it as “the only carousel you’ll ever need” and he might be right, if this is what you’re looking for. Just see the demo and you’ll be able to fully appreciate all the features it has and start thinking on al the cool things you’ll be able to do.

FancyBox

FancyBox is a tool for displaying images, html content and multi-media in a Mac-style “lightbox” that floats overtop of web page. It was built using the jQuery library. Licensed under both MIT and GPL licenses and can display images, HTML elements, SWF movies, Iframes and also Ajax requests, it{s fully customizable through settings and CSS. Groups related items and adds navigation. If the mouse wheel plugin is included in the page then FancyBox will respond to mouse wheel events as well it support fancy transitions by using easing plugin and adds a nice drop shadow under the zoomed item. It was last updated on November 11, 2011.

The LoF jSlider

In the list sliders, each item is HTML content uses arrows to next or prevour slider, it’s easy to customize navigation tabs dynamically (such us images of sliders, number of sliders) and items auto slide. Auto-playing (optional feature, can start playing or stopped) it allow indicate a item via its index to display in first. Support the wheelup and wheeldown to previous|next item in the list and preload images before play a slideshow. This is great for any kind of use.

Mead Miracle Sliding

The idea behind this plug-in is to display a varying number of images in an attractive and easy to use manner. The inspiration for this plug-in this iTunes album viewer. The SlidingGallery plug-in will take a group of images and turn them into a cyclical gallery of images which the user can click through. One image will be centered on the screen, with two smaller images off to the sides. The user can click either of the smaller images to bring them to the center, or the center image to enlarge it.

Moving Boxes

Many of the concepts presented in others tutorials are the same with this slider, the big difference here is that there are buttons to change panels and the panels zoom in and out. It was udated on July 15th, 2010 (Rob G): Moved to GitHub Turned into actual plugin with more features

AD Gallery

This is a gallery plugin that’s a bit different than plugins like Thickbox and Lightbox. You can see it here (it’s a work in progress, please be gentle). After quite a lot of tweaking, bug fixing and making sure it works in popular browsers, the developer released the version 1.0.0. If you find any bugs, or have any features you’d want for it, please don’t hesitate to send a comment.

Panel Gallery

The PanelGallery is a free jQuery plugin, distributed under the Creative Commons Attribution 2.5 License, which means that you are free to use and modify it for any purpose. If you choose wisely your photos it will add a special effect, like addeing colors to the images in panels, just like in the example.

Panorama Viewer

This small plugin for jQuery offers to display as an interactive panorama, all images on your page that contain the class ‘panorama’ The advantage of this version, it is no longer just for TO USERS CMS SPIP and especially that it is based on the available library jQuery, which makes integration easier.

Gallery

The jQuery Gallery Plugin take a grouping of images and turn it into an flash-like image/photo gallery. By simply looking at the demo you’ll see that it’s complete, is easy to use, its neat and have elegant effects. It has all the basics in.

LazyLoad

This jQuery Script was created by Mark Tuupola, Lazy loader is a jQuery plugin written in JavaScript. It delays loading of images in (long) web pages. Images outside of viewport (visible part of web page) wont be loaded before user scrolls to them. This is opposite of image preloading. Using lazy load on long web pages containing many large images makes the page load faster. Browser will be in ready state after loading visible images. In some cases it can also help to reduce server load.

Image Cube

The image cube functionality can easily be added to a division with appropriate default settings. It then displays the images contained within the targetted division in a cycle every two seconds. A random rotation is chosen each time to move to the next image. Highlights and shadows are used to enhance the 3D effect. Stop and restart the automatic rotation with the appropriate commands. You can also remove the image cube functionality with the ‘destroy’ command if it is no longer required.

Hovering Gallery

With this tutorial you are going to create an awesome image gallery which leverages the latest CSS3 and jQuery techniques. The script will be able to scan a folder of images on your web server and build a complete drag and drop lighbox gallery around it. It will be search-engine friendly and even be compatible with browsers which date back as far as IE6 (although some of the awesomeness is lost).

Next GEN

This plugin for WordPress is a new Gallery plugin called NextGEN Gallery. It’s named “NextGeneration” to echo the development of games consoles . Hopefully you can see how it exploits some of the tremendous possibilities of JQuery and AJAX/Web 2.0 technologies. Some of the existing image and gallery plugins for WordPress are really good and well designed, but the gap filledwith this plugin was a simple administration system at the back end which can also handle multiple galleries.

Awesome Box

Awesome Box is a very simple and unobtrusive Javascript that loads images in the same window, overlaid over the page’s content and the new v2 delivers internet Explorer 6 Support, key navigation using ‘n’ for next, ‘p’ for previous and ‘x’ for close, faster and smoother animation and a even better image dimension calculation.

Horinaja

Horinaja is a ready-to-use slide-show implementation, utilizing either scriptaculous/prototype or jQuery, allows you to use a mousewheel for navigation.When the mouse is outside of the slide-show area, it scrolls. When hovering over the slide-show, the scrolling pauses. Can automatically create slide indices (pagination), if required, to manually scroll, either click on the slide index links (pagination) or use your mouse wheel. This plugin was developed by D. Massiani.

ThickBox 3.1

ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery library. Its function is to show a single image, multiple images, inline content, iframed content, or content served through AJAX in a hybrid modal.

Hover Intent

Hover Intent r6 (2011) has all the same functionality of r5 (2007) except that the Google Chrome defect (known defects) is fixed once you upgrade to jQuery 1.5.1. Translations Беларуская courtesy Martha Ruszkowski examples jQuery’s hover (for reference)

Space Gallery

Attach the Javascript and CSS files to your document. Edit CSS file and fix the paths to images and change colors to fit your site theme. Important: be sure to include Javascript files in the specific order. Prepare a block level element with some images inside. All you have to do is to select the elements in a jQuery way and call the plugin.

Image Gallery Powered by Picasa

This tutorial will help you to create a simple image gallery powered by Google’s Picasa Web Albums. In order to enhance the user’s experience, it also includes some jQuery and create a scrollable album carousel.This uses PHP’s SimpleXML extension to sort and access the data inside the XML feed provided by Picasa Web Albums. jQuery will be responsible for the DOM manipulation and AJAX request.

Really Cool Image Gallery

One of the main benefits of using a popular java script library, such as jQuery, is the incredible number of available plug-ins that will kick-start any development project. With this you’ll be able to build a custom gallery that scans a folder of images and outputs a slick gallery, utilizing PHP, CSS, jQuery and the jQuery Lightbox plug-in. There is no need to download the plug-in because it’s included it in the demo files.

Smooth Gallery

This script provides containers of id “myGallery” that contains several “imageElement” items, each item is composed of four values: The first value is enclosed in an h3 tag and defines the title, the second one is the current element’s description and is enclosed in a paragraph tag, the third is the image link (url in the “href” part of the tag and title in the “title” part). (Only specify it if you have decided to show links in your gallery), the fourth one is the full size image file, and last but not least, there is finally the thumbnailed image file (Only specify it if you have decided to show the carousel in your gallery. By default, thumbnails are 100px wide and 75px tall).

EnlargeIT!

EnlargeIt! is a little Javascript you may use in your HTML pages. It enlarges thumbnail images beautifully with a mouse click. You can use different animations if you like. You may add AJAX content to your files. This great script is really easy to integrate, works for pictures, flash files, FLV videos, YouTube videos, DivX videos and iframea, enlarge several files at the same time, is really lightweight – the javascript file is only 11 – 22 Kbyte in size it works with any web browser of the last years and it’s under GNU GPL 3.0 license for free software

PixelPost Photo

Pixel Post Photo is free to download and use in accordance with the GNU license. The application can do a lot more though, you just need to be creative and push it in the direction you have in mind. By default, it’s a fully functional photoblog. It’s a project developers work on in their spare time, and it’s come a long way in the last few years. If you have any questions or want to help, please join the community and start posting!

jQuery Multimedia Portfolio

the 2010 version is available

Shine Time

This plugin will show you how to create an animated Shine Effect with jQuery & CSS3 and then use it to create your very own Shiny Gallery ‘ShineTime’. This effect is useful in making your user interface elements look like they’re a real polaroid photo (or made of glass) and the best part is, it’s not that difficult to achieve. You’ll also learn how you can successfully use layering in your designs to give your gallery that extra bit of detail that can make it stand out from the others.

MLB Switcher

Although this is not a step-by-step tutorial, for those interested in the JavaScript/jQuery used, the author provided extensive commenting in the JavaScript file, so you can see exactly what each section of the code does. The data is contained in a JavaScript object in order to keep the code clean, and to separate it from the main code. This version uses CSS3′s border-radius, RGBA colors, opacity, and a small use of a gradient, and still looks acceptable in non-supportive browsers (although the jQuery is not as smooth in IE6 & IE7).

jQuery Image Scroller Plugin

The idea is that you have a container (.image-scroller) with a fixed height and width, an image that is taller than the container (.feature-image), and a container (.preview) for the thumbnail of that image, some times large individual images work great for products like shoes, but when we needed to introduce clothing items we couldn’t fit the entire product in without shrinking the image down until it was too small. The given solution was to have a small thumbnail preview that you could drag over to view different sections of a larger image.

Image Gallery in 4 lines of jQuery

This script will let you build image gallery with thumbnails for websites. It’ll allow you to show large image and few thumbnails bellow that. Also, large image will have bar with description. When user click on thumb large image and description should change. The idea is to use alt tag of thumb image for large image description.

Micro Image Gallery

The following jQuery plugin transforms a set of images into a tiny gallery with several options. The Micro Image Gallery allows to switch between a grid view which shows a preview of the images as thumbnails and a single view showing one image only. The navigation bar can be hidden and sliding out when hovering over the gallery, or visible. A total of nine thumbnails are shown in the grid preview. The plugin will automatically resize the image according to the chosen gallery size.

jQuery Image Scale Carousel

What Makes jQuery Image Scale Carousel Different? It auto scales the images you put into it to the appropriate height and width keeping their aspect ratio in place. When working with imagery online keeping the integrity of an images aspect ratio is as important as anything else. This is what’s so nice about this jQuery plug-in; you don’t have to worry about all of your images being perfectly sized for this slider. The jQuery Image Scale Carousel auto scales all of your images making implementation super simple.

Zooming Image

Zoomimage plugin allows you to reach different design ideas with images resizing. It preloads images, images can by grouped in galleries, scales the image to fit the viewport and allows keyboard gallery navigation. It’s pretty simple and with it, you can achieve great things.

Exposure

Exposure is an image viewer plugin easy to use default setup. It support sideshow and image carousel, keyboard navigation, support for captions and additional meta data, JSON (over AJAX) as alternative input source, is cross-browser, really lightweight footprint and it’s an free open source.

Simple Accordion with jQuery and CSS

The developer’s name is Soh Tanaka, and he knows that when designed and implemented with usability in mind, the accordion can be incredibly useful when organizing a good chunk of content. Since a lot of people found his toggle tutorial useful, he’s now going over how he approached building an accordion from scratch. Please keep in mind that this tutorial requires basic knowledge of CSS and jQuery, please be sure to learn the proper foundations before attempting to take this tutorial.

Zoom Info

Question: Have you ever wanted to neatly display a few lines of text about an image in your site but didn’t want to compromise on the design of your overall layout? The answer, is by hiding that information in your interface, but keeping it accessible. In this jQuery script you’ll learn how to create a useful information-rich jQuery Image Gallery that solves that problem.

Zoomooz.JS

Some of this plugin greatest feature ideas might be to make it work in older IE versions, have zooming out return to the same scroll position, support for 3d transformations, hide elements that are not shown while transforming and awesome kinetic scrolling.

Visual Lightbox for android

Visual LightBox JS is a free wizard program that helps you easily generate web photo galleries with a nice Lightbox-style overlay effect, in a few clicks without writing a single line of code. Just drag&drop your photos into Visual LightBox window, press “Publish” and your own web gallery with beautiful LightBox 2 effects will open in the browser instantly! No javascript,css,html coding, no image editing, just a click to get your gallery ready. Visual LightBox is available as Prototype or jQuery plugin, for Windows and Mac. You can also use it to show a public Flickr set or all public Flickr user photos.

jQuery MB Gallery

Now the version 2.0.2 it’s available but, what’s new in 2.0.2? Completely rewritten code, support for Flickr sets and User photos, fully customizable via CSS, really fast display, show as overlay or in place gallery.

Gallerific

Galleriffic is a jQuery plugin that provides a rich, post-back free experience optimized to handle high volumes of photos while conserving bandwidth. Sadly, the author says he’s not so great at spelling, and it was much later that he realized that the more appropriate spellings would be Gallerific or Gallerrific, but is too late now for a name change, so Galleriffic remains.
jPhoto Grid

Nearly all of the styling for this plugin is done in CSS.The trick is to layout the grid by floating the list items. The first thing the plugin will then do, is convert these all to absolutely positioned. This is what allows the plugin to zoom in on an individual image and then return it to its place. This depends on the browsers ability to scale images. In the stylesheet, the images are set to width: 100% and simply animate the size of the container.

Malihu

Simple and elegant image gallery made by a combination of some previous scripts/tutorials posted on this blog. As of 23/01/2011 the gallery features next/previous image functionality via buttons and keyboard arrows. Thumbnails scrolling function has been optimized significantly. The demo and .zip files are updated.
Infinite Scrolling Web Gallery

When working your way through a web gallery, don’t you find annoying when you must change pages? so with this tutorial, you will learn how to create an auto-generating, one-page, infinite scrolling gallery with PHP and AJAX. Full of awesomness!

Horizontal Box Slider

Works well in Chrome 6, Firefox 3.5, Safari 5, Opera 10.60, and IE 8. IE 6 and 7 have some issues with examples, but the script itself works. The horizontal_box_slider.js is using native scrolling. There are a lot of “carousels”, but none of them is using it.
Well, and this is how this list end, jQuery is absolutely a helpful tool for you to use and take fully advantage of, don’t be afraid of trying new things with this and try to mimic any cool effect you’ve seen and liked, i really hope you enjoyed it and find something that picked your mind, check out the demos, download your favorites and let us know how it worked for you. Really looking forward to your comments.

Nguồn: http://www.webdesignshock.com/jquery-slider

Forms that Work - Designing Web Forms for Usability

2011-06-04T13:14:00.000+07:00

Forms that Work - Designing Web Forms for Usability
Morgan Kaufmann | 2008 | 978-1558607101 | PDF | 10.4 mb

Forms are everywhere on the web - for registration and communicating, for commerce and government. Good forms make for happier customers, better data, and reduced support costs. Bad forms fill your organization's databases with inaccuracies and duplicates and can cause loss of potential consumers.

Designing good forms is trickier than people think. Jarrett and Gaffney come to the rescue with Designing Forms that Work, clearly explaining exactly how to design great forms for the web. Liberally illustrated with full-color examples, it guides readers on how to define requirements, how to write questions that users will understand and want to answer, and how to deal with instructions, progress indicators and errors.

*Provides proven and practical advice that will help you avoid pitfalls, and produce forms that are aesthetically pleasing, efficient and cost-effective.

*Features invaluable design methods, tips, and tricks to help ensure accurate data and satisfied customers.

*Includes dozens of examples -- from nitty-gritty details (label alignment, mandatory fields) to visual designs (creating good grids, use of color).

*Foreword by Steve Krug, author of the best selling Don't Make Me Think!

Product Details:

Paperback: 199 pages
Publisher: Morgan Kaufmann; 1 edition (November 26, 2008)
Language: English
ISBN-10: 1558607102
ISBN-13: 978-1558607101

Download Links:

http://hotfile.com/dl/119465406/ebfdd53/Forms_that_Work_-_Designing_Web_Forms_for_Usability.rar.html

http://www.fileserve.com/file/cx3nMHy

Que - Using Facebook

2011-06-04T13:12:00.002+07:00

Que - Using Facebook
Que| 2011 | 978-0789745248 | PDF | 17.9 mb

Get comfortable using Facebook to reconnect with old friends and loved ones, explore new interests, and express your views...instantly and safely! Don’t just read about it: see it, hear it, with step-by-step video tutorials and valuable audio sidebars delivered through the free Web Edition that comes with every USING book. For the price of the book you get online access anywhere with a web connection--no books to carry, updated content, and the benefit of video and audio learning.

Table of Contents:
1 An Introduction to facebook
2 Setting Up Your Facebook Account and Profile
3 Finding and Adding Friends
4 Communicating with Your Friends
5 Keeping Up to Date with Your Friends
6 Safeguarding Your Information on Facebook
7 Publishing Photos
8 Publishing Videos
9 Your Mobile Access to Facebook
10 Joining and Creating Groups
11 Joining and Creating Events
12 Buying and Selling with Facebook Marketplace
13 Using Facebook Applications
14 Making Business Connections on Facebook

Download Links:

http://hotfile.com/dl/119467410/e760472/Que_-_Using_Facebook.rar.html

http://www.fileserve.com/file/qbrQarb

Login Form

2011-04-26T09:29:00.000+07:00

Clean & Simple Login Form

Elegant Login Form Design

Professional Login Form (in 9 colors)

Design Kindle Login Form

Simple Login Form PSD

Simple & Beautiful Login Form

Stylish Login Form

Minimalist Login Form

Nguồn: http://webdesignfan.com/8-impressive-login-form-designs-for-download/

Hướng dẫn hiển thị khung chứa code trong blogger với Syntax Highlighter

2011-04-06T14:06:00.001+07:00

Chào mọi người !

Hôm nay xin giới thiệu với mọi người một cách để hiển thị code đẹp hơn, dễ nhìn hơn với Syntax Highlighter.

I/ Giới thiệu về Syntax Highlighter:
Syntax Highlighter cũng như nhiều script khác giúp hiển thị code tốt hơn. Bạn có thể search trên google và tìm được nhiều script khác. Nhưng tôi chọn Syntax Highlighter vì nó tốt, ổn định. Bạn có thể tìm hiểu thêm Syntax Highlighter tại trang chủ: http://alexgorbatchev.com/wiki/SyntaxHighlighter

II/ Cài đặt ở Blogger:
Trước tiên xin lưu ý là đây chỉ cài đặt trên Blogger. Còn nếu bạn sử dụng source khác ( có host riêng chẳng hạn ) thì dùng cách khác nhé.

Bước 1: Đăng nhập vào Blogger, chọn cài đặt, chọn tiếp Chỉnh sửa HTML
Bước 2: Xem các teamplate sau

Bước 3: Chọn teamplate và các kiểu code sau đó click Getcode

Bước 4: Tại phần chỉnh sửa HTML, past vào trước thẻ </head>

III/ Sử dụng:
Công thức như sau:

Phần brush:[brushname] là kiểu hiển thị code. Ví dụ brush:css, brush:php. Xem thêm tại http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/

Tham khảo tại: http://www.way2blogging.org/2011/03/how-to-add-syntax-highlighterv3-to.html

10 sai lầm trong nghiệp “cầm quân” của Bill Gates

2011-04-06T07:48:00.002+07:00

Bill Gates đã rất thành công khi giúp Microsoft trở thành “gã khổng lồ” công nghệ. Nhưng sự thực Bill Gates đã hoàn toàn thành công trên cương vị “thuyền trưởng” của Microsoft? Dưới đây là 9 sai lầm được xem là nghiêm trọng nhất của ông khi còn tại vị.

Tháng 6/2008, Bill Gates chính thức chia tay Microsoft để tập trung vào công việc từ thiện. Chắc hẳn rằng, Microsoft sẽ không có được ngày nay nếu không có sự dìu dắt từ thửa ban đầu của Gates.

Bên cạnh thành công, Bill Gates cũng đã gặp phải không ít thất bại cùng Microsoft

Tuy nhiên, Bill Gates cũng đã mắc phải không ít sự thất bại trong quá trình “chèo lái” con tàu Microsoft. Dưới đây là 9 thất bại được xem là nghiêm trọng nhất của Gates.

- Bill Gates luôn xem thường các nền tảng và phần mềm “mã nguồn mở”. Chiến lược kinh doanh của Gates luôn đề cao độc quyền và chống lại các sản phẩm trên nền tảng mã nguồn mở.

Đây được xem là một sai lầm của Bill Gates, khi một cộng đồng chung tay phát triển, các nền tảng có thể sẽ được phát triển hoàn thiện hơn. Thậm chí, Microsoft đã gặp không ít rắc rối về pháp lý với các vấn đề liên quan đến độc quyền.

Nhiều người đánh giá rằng Bill Gates và cả Microsoft đã vì lợi nhuận mà quên đi cộng đồng người sử dụng. Không ít người cho rằng, với Gates, lợi nhuận vẫn luôn được đặt lên hàng đầu.

Bill Gates được xem luôn đặt lợi nhuận lên hàng đầu

Khác với Microsoft, Google đã tận dụng khá thành công cộng đồng phát triển mã nguồn mở. Những dự án Google cung cấp luôn được chung tay phát triển bởi một cộng đồng đông đảo. Hệ điều hành ChromeOS và Android là một ví dụ điển hình.

- Bill Gates đã cho ra mắt nền tảng Windows Mobile dành cho thiết bị di động khi chưa thực sự sẵn sàng.

Sự thật là cho đến thời điểm hiện tại, Windows Mobile chưa bao giờ là một “đối thủ nặng ký” trên phân khúc smartphone, trước đây đối với Symbian (khi Nokia còn trong thời hoàng kim), và bây giờ là với Android của Google.

Nhiều người cho rằng, nếu Bill Gates tập trung phát triển Windows Mobile nhiều hơn để đạt mức hoàn thiện hơn, nền tảng di động này sẽ có được bước khởi đầu hoàn hảo để tạo đà cho những phiên bản sau này.

- Bill Gates đã để DOS “chết”. Điều này nghe có vẻ bất hợp lý, nhưng sự thật, hệ điều hành DOS là hệ điều hành ổn định nhất trong lịch sử máy tính.

- Bill Gates đã không nghĩ đến “điện toán đám mây” sớm hơn, cho đến khi nó đã trở thành một xu hướng. Nhiều người cho rằng bởi vì Gates đã quá tin tưởng, thậm chí là tự mãn về hệ điều hành Windows của mình.

Bill Gates đã không nghĩ đến “điện toán đám mây”từ sớm hơn

Đến khi “điện toán đám mây” đã trở thành một nền tảng tất yếu, Microsoft mới phải đưa ra Windows Azura, hệ điều hành Windows trên nền điện toán đám mây để… theo kịp thời đại.

Giới công nghệ đánh giá đây là một trong những sai lầm lớn nhất trong sự nghiệp “cầm quân” của Bill Gates.

- Windows Millennium Edition (Windows ME) ra mắt năm 2000 được xem là một thất bại không chỉ của Bill Gates mà của cả Microsoft. Hệ điều hành này đã làm thất vọng không ít người chờ đợi vào một sự cải tiến mới, từ những phiên bản Windows 9x lên các phiên bản mới hơn.

Nhiều người đánh giá, Microsoft đã quá hấp tấp khi cho phát hành Windows ME.

- Đến năm 2006, Bill Gates đã lập lại sai lầm tương tự với Windows Vista.

Hoạt động kém ổn định, đòi hỏi một cấu hình quá cao… là những nguyên nhân chính khiến Vista sớm bị đánh giá là thất bại.

Windows Vista là một thất bại thực sự của Bill Gates

Để “chữa cháy”, Microsoft đã phải đẩy nhanh tốc độ phát triển và sớm tung ra Windows 7. Quả nhiên, Windows 7 được xem là một vị “cứu tinh” của Microsoft.

- Tìm kiếm cũng là một lĩnh vực mà dường như Bill Gates quên không nghĩ đến. Đây cũng là một trong những nguyên do chính giúp Google có được thành công như ngày hôm nay.

Đến khi Google đã trở thành “gã khổng lồ”, Microsoft mới bắt đầu bối rối tìm cách đối phó, bằng cách hợp tác với Yahoo!, rồi lại phát triển công cụ search của riêng mình (Bing), nhưng tất cả dường như đã quá muộn.

- Máy nghe nhạc Microsoft Zune cũng được xem là một thất bại khác của Bill Gates. Đổ nhiều tiền vào để đầu tư và phát triển một chiếc máy nghe nhạc, được quảng bá rầm rộ sẽ lật đổ sự thống trị của iPod trên thị trường máy nghe nhạc.

Máy nghe nhạc Zune chưa phải là “đối thủ” xứng tầm của iPod

Tuy nhiên, doanh số đáng buồn của Zune không làm Microsoft hài lòng, thậm chí, với sự xuất hiện của Zune, iPod càng được tôn vinh cao hơn vì được so sánh với “đối thủ” đến từ Microsoft.

- Máy chơi game Xbox không “thảm hại” như Zune, nhưng cũng không thực sự sáng sủa. Được xem là “sản phẩm chiến lược” để đối chọi lại hệ máy PlayStation 3 của Sony và Wii của Nintendo.

Không cạnh tranh được với các đối thủ, Microsoft đã liên tục phải giảm giá sản phẩm của mình. Thậm chí, nhiều chuyên gia công nghệ còn cho rằng Microsoft “bỏ ngõ” các công cụ bẻ khóa để chơi đĩa lậu trên máy Xbox, và xem như đây là một trong những cách để kiếm được nhiều khách hàng hơn.

- Đặc biệt, Windows của Microsoft thậm chí cũng được coi là một thất bại vì mức độ thiếu ổn định. Nhiều người đã nói đùa rằng, với số tài sản khổng lồ của Bill Gates, tuy nhiên, nếu người dùng được trả 1 USD cho mỗi lần Windows bị treo, thì Gates sẽ bị phá sản chỉ trong… 3 ngày.

“Màn hình xanh chết chóc” luôn là nỗi ám ảnh với người dùng Windows

Dù vậy, vẫn không thể phủ nhận được rằng, Windows vẫn là hệ điều hành cá nhân hàng đầu thế giới hiện nay, và thật khó để nghĩ rằng một ngày nào đó, bạn không còn tiếp tục được sử dụng Windows mà phải chuyển qua những hệ điều hành phức tạp hơn như Linux…

Theo Dantri.com.vn

Google “mở cửa” các bảo tàng

2011-04-04T07:39:00.002+07:00

Google “mở cửa” các bảo tàng

Bạn có thể đến thăm căn phòng có ánh sáng mờ ảo ở Bảo tàng Kampa (Prague, Cộng hòa Czech) cho dù bạn chưa từng đặt chân đến Prague. Cùng lúc đó, bạn thấy mình đang đứng ở phòng trưng bày số 9 của Bảo tàng nghệ thuật đương đại Tate ở London, Anh.

“Dạo chơi” tại phòng trưng bày tranh quốc gia (National Gallery) của Anh và xem các tác phẩm nhờ công nghệ 3D - Ảnh: Gia Tiến

Đó là chuyến tham quan mà dự án Nghệ thuật (Art Project) vừa được khai trương của Google mang lại. Dự án nghệ thuật của Google là một sáng kiến đầy tham vọng, nhằm đưa người sử dụng tới vô số các bảo tàng trên thế giới qua màn hình vi tính trước mặt.

Cơ hội cho những người yêu thích nghệ thuật

Gần đây tỉ lệ các cơ quan văn hóa số hóa các tác phẩm của mình tăng vọt. Theo Santiago de la Mora - đại diện của Google, hiện nay nhu cầu trong lĩnh vực này rất lớn. “Trong số 15 triệu cuốn sách được số hóa trên mạng của chúng tôi, có khoảng 80% thường xuyên được tiếp cận và đọc ít nhất một lần trong tháng. Đây là con số cực lớn”.

Với dự án của Google, người xem có thể đi dạo 385 phòng trưng bày của 17 bảo tàng lớn trên thế giới, bao gồm Tate, New York Met và Ufizzi ở Florence qua trang web http://www.googleartproject.com/.

Dự án này đã chính thức đặt nền móng cho xu hướng số hóa của các cơ quan văn hóa. Mối quan hệ giữa công nghệ và các cơ quan bảo tồn và phát triển văn hóa đang bước qua giai đoạn thứ 1 - giai đoạn tìm hiểu - để sang giai đoạn thứ 2. Theo giám đốc Bảo tàng Tate của Anh Nicholas Serrota: “Các tác phẩm không chỉ được đưa lên website mà còn có thể kích thích và lôi kéo người xem”.

Dự án nghệ thuật hoàn toàn do Google đầu tư và triển khai, dù chưa phải hoàn hảo cho những người thưởng thức nghệ thuật khó tính, nhưng là cơ hội cho những người yêu thích nghệ thuật ở khắp nơi được tiếp cận những tuyệt tác của thế giới. Điều tuyệt vời hơn là bạn có thể “zoom” để xem rất chi tiết từng tác phẩm. Mỗi bảo tàng sẽ chọn ra một tác phẩm tiêu biểu để Google sử dụng công nghệ hiện đại nhất hiện nay về độ phân giải, giúp người xem xem được các chi tiết mà nếu bằng mắt thường họ không thể quan sát được.

Những người làm dự án Google Art hi vọng thông qua website, những người yêu thích nghệ thuật sẽ càng khát khao một ngày nào đó tận mắt chứng kiến các tác phẩm ngoài đời. Ngoài “kho tàng” mới này của Google, còn những “kho tàng” khác mà người yêu nghệ thuật không nên bỏ qua.

5 “kho tàng” văn hóa không nên bỏ qua

1. Europeana (europeana.eu)

Tháng 1-2011, Liên minh châu Âu xuất bản báo cáo “Thời phục hưng mới”, ước tính khoảng 100 tỉ euro là ngân sách cần thiết để đưa toàn bộ kho tàng khổng lồ về văn hóa và nghệ thuật của châu Âu lên mạng cho mọi người tiếp cận. Theo đó, “tất cả các siêu phẩm thuộc sở hữu công chúng” ở châu Âu sẽ được đưa lên Europeana vào năm 2016. Dự án do Ủy ban châu Âu tài trợ, đến nay trang web đã có 15 triệu hiện vật, từ bản đồ tới âm nhạc do các cơ quan văn hóa ở khắp nơi, từ bảo tàng Anh tới Bảo tàng Louvre (Pháp) hiến tặng. Riêng bảo tàng Áo và Đức đã tặng bộ sưu tập các bài phát biểu bằng âm thanh của Hitler.

2. Google Books (books.google.com)

15 triệu ấn bản, trong đó có toàn bộ tác phẩm của Shakespeare và tất cả các trang của tạp chí Life. Với sự hỗ trợ của các công cụ tinh vi như “Wordle” và “Ngram Viewer”, người xem rất dễ tìm và xem các tác phẩm.

3. MoMA (moma.org/collection)

“Kho tàng” của Bảo tàng nghệ thuật đương đại ở New York MoMa được xem là nhiều nhất, đa dạng nhất về nghệ thuật đương đại của một cơ quan văn hóa tính tới thời điểm này. 34.000 tác phẩm nghệ thuật, tức toàn bộ sưu tập của bảo tàng nghệ thuật đương đại danh tiếng thế giới đều được đưa lên, kể cả những tác phẩm không được trưng bày hiện nay.

4. Poetry Foundation (poetryfoundation.org)

Quỹ thơ. Dường như đây là một tạp chí đa phương tiện, nhưng là tập hợp của tất cả các bài thơ, bài giảng, bài tiểu luận từ cổ chí kim. Có thể bạn sẽ thích thú với giọng của người từng ba lần đoạt giải thưởng Pulitzer khi ông đưa ra quan điểm thẳng thắn về truyền hình và nghe ông đọc bài thơ For you tại Chicago năm 1956.

5. Film archives (filmarchives-online.eu)

“Kho tàng” về phim. Một website đa ngôn ngữ, dễ tìm kiếm về phim của châu Âu. Bạn có thể tìm hiểu về quá trình số hóa các phim câm xưa nhất của một trong những đạo diễn lớn nhất lịch sử điện ảnh thế giới là Hitchcock, và đưa chúng lên mạng để ai cũng có thể sử dụng miễn phí.

HẠNH NGUYÊN (Theo The Guardian)

Theo Tuoitre.vn

Những website "cấp nhà nước" sở hữu giao diện ấn tượng nhất

2011-03-21T09:45:00.000+07:00

Đây là bộ sưu tập những trang web nổi tiếng của chính phủ nhiều nước.

Trang web chính phủ, “bộ mặt” của cả một vùng thường được chú trọng về cách trình bày cũng như nội dung được đề cập. Bởi đó là nơi người dân thường xuyên lui tới để cập nhật thông tin, đó đòi hỏi trang web phải mang tính truyền đạt cao và quan trọng nhất là tiêu chí: đơn giản mà vẫn đẹp. Cùng Genk.vn ghé thăm những trang web chính phủ ấn tượng trên thế giới.

British Columbia– trang web của tỉnh British Columbia, Canada.

Austrade- Ủy ban Thương Mại Australia.

Nguồn: http://genk.vn

Australia.gov– website chính phủ Australia.

The White House– trang web của Nhà Trắng, Mỹ.

Utah Travel– website của bang Utah, Mỹ.

Air Force– một website thuộc Mỹ khác.

Republican Party of Florida– website của bang Florida, Mỹ.

Recovery.gov– Trang web về gói kích cầu của Mỹ.

Pennsylvania Federation of College Republican– trang web của tiểu bang Pennsylvania, Mỹ.

City of New Port Beach– trang web của vùng Newport Beach, bang California, Mỹ.

NDP– Trang web của Đảng Dân chủ mới tại Canada.

National Park Service– trang web của hệ thống công viên quốc gia Mỹ.

National Portrait Gallery of Australia– Một Bộ sưu tập ấn tượng khác.

National Library of Ireland– Trang web của thư viện quốc gia Ireland.

National Gallery of Australia– Bộ sưu tập những tác phẩm nghệ thuật của Australia.

Museum of Australian Democracy– Bảo tàng quốc gia Australia.

Medibank Health Solution– trang web chăm sóc sức khỏe cho người dân Australia.

Education Services Australia– trang web của hệ thống giáo dục Australia.

Data.gov– website dữ liệu nguồn mở của Mỹ.

Maui– website của đảo Maui, Hawaii, Mỹ.

Civil Aviation Authority– một trang web của Singapore.

Chesterfield– website của bang Virginia, Mỹ.

Chấp nhận tên miền riêng cho sex

2011-03-19T12:35:00.002+07:00

Tổ chức quản lý tên miền quốc tế (ICANN) cuối cùng đã chấp nhận khởi tạo một tên miền Internet dành riêng cho các nội dung khiêu dâm.

Động thái của việc cho phép khởi tạo tên miền cấp cao nhất “.xxx” tương tự như “.com” và “.org” là để chấm dứt cuộc chiến lâu dài của ICM Registry giành sự chấp thuận cho tên miền này. ICM Registry, cơ quan bảo trợ tên miền đuôi .xxx sẽ có điều kiện dễ dàng hơn để lọc ra nội dung không thích hợp được tạo trên tên miền .xxx. ICM Registry năm ngoái cho biết, họ đã có hơn 110.000 tên miền đuôi “.xxx” được đặt trước.

ICANN đã chính thức phê duyệt tên miền “.xxx” đầu tiên vào năm ngoái nhưng còn phải tiến hành kiểm tra, bàn bạc thêm về việc ứng dụng của chúng.

Những người ủng hộ cho biết, tên miền này sẽ tạo cho họ cách dễ dàng hơn để lọc các nội dung không phù hợp. Nhưng nhiều người bán sách báo nội dung khiêu dâm lo lắng, việc di chuyển này sẽ quy nội dung của họ vào hạng thấp kém. Còn các tổ chức tôn giáo tranh luận rằng, quyết định này sẽ giúp hợp pháp hóa các nội dung khiêu dâm trên tên miền “.xxx”.

ICANN cho biết, quyết định của họ đã nhận được rất nhiều quan điểm trái chiều, tuy nhiên họ đã phải tham khảo rất nhiều ý kiến để có thể đi đến được quyết định này. Các tên miền phải được “bảo trợ” và phục vụ cho các nhu cầu của một cộng đồng nhất định.

Theo ICANN, tên miền này đã được phê duyệt đầu tiên vào năm 2005 nhưng đã bị hủy bỏ sau các cuộc biểu tình của các nhóm chính trị bảo thủ. ICANN cũng cho biết, những người phản đối rất lo lắng về việc kiểm soát nội dung khi sex có tên miền riêng.

Tuy nhiên, hồi tháng 2/2010, hội đồng thẩm phán Mỹ cho rằng, ICANN đã sai lầm khi từ chối thông qua tên miền “.xxx”. Vì vậy, ICANN đã chấp nhận điều đó và bắt đầu quá trình tham vấn công khai về việc có nên chấp nhận tên miền gây nhiều tranh cãi này hay không?


Theo BBC

Google mang định dạng video WebM đến với IE9

2011-03-18T07:27:00.002+07:00

Plug-in IE9 mới cho phép người dùng xem các video trong định dạng file video WebM của Google.

Ngay sau khi Microsoft phát hành Internet Explorer 9 (IE9), Google đã phát hành một plug-in cho trình duyệt mới, cho phép người dùng xem các video trong định dạng file video WebM của Google. Bản phát hành, xem trước cho giới chuyên môn, có thể cài cho IE9 đang chạy trên Windows 7 hoặc Windows Vista.

Các nhà sản xuất trình duyệt đã không đạt được sự đồng thuận về việc sử dụng định dạng video nào. Trong khi Apple và Microsoft ủng hộ định dạng được sử dụng rộng rãi H.264 thì Mozilla và Opera đã từ chối hỗ trợ định dạng này, với lý do lo ngại cuối cùng phải trả tiền bản quyền sáng chế.

Năm ngoái, Google đã mua lại nhà sản xuất công nghệ nén video On2 Technologies (hãng đã phát triển định dạng video nguồn mở VP8). Google sau đó đã sử dụng VP8 làm cơ sở cho việc tạo ra WebM, đặt nó thành sự thay thế miễn phí bản quyền cho các định dạng dựa trên H.264. Việc phát hành plug-in WebM cho IE9 có thể giúp Google thu hút nhiều người dùng hơn đến với định dạng này.


Theo PC World VN

4 cách đơn giản để bảo mật Email

2011-03-18T07:25:00.002+07:00

Bên ngoài Facebook, chắc chắn sẽ không có không gian online nào mang tính cá nhân hơn hòm thư email. Hiện email có số lượng người sử dụng rất lớn và được dự đoán sẽ đạt con số 1,6 tỉ người dùng email trong năm 2011. Chính vì vậy việc bảo vệ an toàn cho hòm thư email là điều hết sức cần thiết, đặc biệt khi các giao thức sử dụng lại tương đối cũ so với các mối đe dọa bảo mật trực tuyến ngày càng tinh vi.

Việc hack địa chỉ email của ai đó là một việc rất thú vị đối với các loại hình tội phạm thông tin cá nhân. Thứ rõ ràng nhất mà những hacker này muốn là tăng truy cập vào các cuộc chuyện trò riêng tư, lấy trộm các dữ liệu và thông tin cá nhân nhạy cảm. Bên cạnh đó hacker cũng có thể xóa các tin nhắn với ý đồ muốn phá hủy các thông tin có giá trị.

Với những người dùng online thông thường, mối đe dọa nghiêm trọng nhất khi email bị hack là tội phạm có thể sử dụng tài khoản của họ nhằm tìm kiếm chìa khóa để mở các tài khoản trực tuyến khác, chẳng hạn như các dịch vụ tài chính Banking và PayPal. Nhiều website có các portal đăng nhập an toàn, cho phép người dùng có thể lấy lại được username hoặc password bị quên. Khi các site này gửi thông tin đó đến tài khoản email đã được đăng ký của bạn, nó được cho là chỉ mình bạn có thể truy cập vào tài khoản đó. Một hacker đã hack được tài khoản email nào đó sẽ có thể tăng truy nhập trực tiếp đến nhiều thứ từ tài khoản Facebook đến các tài khoản đầu tư, banking và các tiện ích khác.

Có bốn bài học trong việc bảo vệ an toàn email có thể giúp các doanh nghiệp và các cá nhân sử dụng email có thể tránh được các tấn công:

1. Chia “trứng” vào nhiều giỏ

Nên biết rằng các địa chỉ email thường được cung cấp miễn phí, chính vì vậy hãy làm giảm rủi ro của bạn bằng cách trải rộng sự phơi bày hòm thư của bạn. Cho ví dụ, sử dụng một địa chỉ email riêng cho công việc, một email riêng cho cá nhân sẽ giữ được các thông tin nhạy cảm khi hacker có thể đột nhập vào tài khoản cá nhân của bạn.

Tốt hơn nữa, bạn có thể sử dụng các địa chỉ email riêng biệt cho các tài khoản đăng ký trên các website an toàn và không an toàn. Một số được sử dụng cho việc đăng ký trên hàng tá website, một số liên quan đến các thông tin nhạy cảm giống như banking, còn số khác được sử dụng cho các cộng đồng. Việc sử dụng tài khoản email khác cho các site an toàn sẽ ngăn chặn việc hacker giả mạo bạn để tăng truy nhập vào các site này nếu chúng đã hack được tài khoản mà bạn sử dụng cho các site nhàn rỗi.

Các bộ đọc email, gồm có Outlook, Windows Live Mail, Thunderbird và Apple Mail có thể được cấu hình nhằm kiểm tra đồng thời nhiều tài khoản (gồm có Gmail) để tối thiểu hóa sự bất tiện trong việc phải mở nhiều tab trên các tài khoản khác nhau.

2. Chống lại những phần mềm đánh hơi (sniffer)

Theo cách nói của hacker, các phần mềm đánh hơi (sniffer) chính là kiểu phần mềm có thể thông dịch dữ liệu di chuyển trong mạng. Phụ thuộc vào mức độ an toàn của mạng mà nó có thể đánh hơi các kết nối không dây và chạy dây. Việc đánh hơn có thể cự kỳ hữu dụng cho việc tìm kiếm ra các thông tin mật khẩu và đăng nhập khi nó được truyền tải trong mạng.

Cách tốt nhất để tránh lại việc đánh hơi dữ liệu này là mã hóa – bằng cách này, tất cả những gì hacker thấy sẽ trở nên vô dụng. Khi sử dụng email, có một vài lớp nên xem xét:

Webmail: Khi đọc email bằng sử dụng giao diện web, chẳng hạn như Gmail, Yahoo Mail, hoặc bộ đọc webmail của nhà cung cấp dịch vụ của bạn, cần sử dụng kết nối HTTPS thay vì HTTP. Google gần đây đã nâng cấp bảo mật cho Gmail bằng cách sử dụng HTTPS làm kiểu kết nối mặc định.

Khi truy cập vào webmail, hãy quan sát URL trong thanh bar địa chỉ và kiểm tra xem nó bắt đầu bằng https:// hay không. Nhiều trình duyệt cũng hiển thị một biểu tượng cái khóa khi kết nối đến site an toàn, chẳng hạn như các site mua sắm trực tuyến hoặc ngân hàng. Nếu webmail không sử dụng https, khi đó bạn cần tự nhập các ký tự này; nếu sau khi nhập, vẫn không thể truy cập được website cần vào, điều đó có nghĩa nhà cung cấp của bạn không hỗ trợ kết nối an toàn, khi đó cần lưu ý trước khi thực hiện tiếp: việc sử dụng webmail qua kết nối HTTP đơn giản sẽ dễ bị lộ các thông tin đăng nhập và nội dung thư trước các phần mềm đánh hơi trong mạng.

Máy khách email: Nếu sử dụng bộ đọc email, chẳng hạn như Outlook hoặc Apple Mail, khi đó bạn có thể cấu hình để kết nối an toàn cho các máy khách này. Khi cài đặt các tài khoản, bạn cần phải chọn kết nối POP hoặc IMAP – cả hai đều được thực heienj trong chế độ an toàn, đây là một tùy chọn trong cấu hình tài khoản.

Lưu ý rằng kết nối POP và IMAP chỉ mã hóa bản thân các dữ liệu đăng nhập - username và password – đến máy chủ email. Các giao thức này không mã hóa toàn bộ nội dung email.

Máy khách email của bạn cũng có thể cung cấp tùy chọn cho phép sử dụng TLS (Transport Layer Security). TLS về cơ bản tương đương như HTTPS, có nghĩa rằng nó sẽ mã hóa tất cả các dữ liệu truyền tải trong mạng (giữa máy chủ và máy khách). Một điều quan trọng cần lưu ý ở đây là TLS không mã hóa inbox – các thư trong inbox của bạn không được mã hóa và bất cứ ai khi truy cập vào tài khoản email của bạn đều có thể đọc được các thư. TLS chỉ mã hóa các thư trong quá trình truyền tải.

3. Lưu ý khi sử dụng webmail

Sự xuất hiện của các dịch vụ webmail, chẳng hạn như Gmail, Yahoo Mail và thậm chí Outlook Web Access, cho phép người dùng có thể sử dụng email một cách thuận tiện bất cứ nơi đây qua trình duyệt web. Tuy nhiên trong quá trình sử dụng người dùng cần phải có một số lưu ý.

Khi sử dụng webmail trên các máy tính công, chẳng hạn như các máy tính tại thư viện hay trong ký túc xá (hoặc đơn giản chỉ duyệt trên máy tính của một ai đó), bạn cần tránh để xót lại các thông tin phía sau các máy tính này.

Cách phòng chống rõ rệt nhất là nhớ đăng xuất khỏi webmail trước khi rời đi khỏi máy tính. Những người thận trọng nhất trong số chúng ta cũng có thể quên bước đơn giản này, đặc biệt khi say mêm với những thứ như iPods và iPhones.

Tuy nhiên việc đăng xuất đơn giản này sẽ là không đủ để chống lại một hacker có nhiều kinh nghiệm. Một hacker tinh vi có thể sử dụng máy tính mà bạn vừa sử dụng, copy lưu ký trình duyệt và các cookies vào một ổ USB để thực hiện phân tích dữ liệu sau đó. Bất cứ thẻ hữu dụng nào hoặc các gợi ý nào đối với tài khoản webmail đều có thể được mang ra sử dụng. Tuy các bản ghi này có thể không có đủ các mật khẩu của bạn nhưng chúng cũng cung cấp đủ các thông tin để phục vụ cho điểm khởi đầu của một tấn công.

Đóng trình duyệt sau session làm việc là một ý tưởng tốt. Cách thức này có thể xóa bớt đi một số thông tin bản ghi. Tuy nhiên tốt hơn nữa, bạn có thể chuyển từ chế độ duyệt public sang chế độ private trước khi kết nối với webmail. Cần lưu ý không phải tất cả các trình duyệt web đều hỗ trợ chế độ duyệt riêng tư này và các chuyển sang chế độ này ở các trình duyệt là hoàn toàn khác nhau, do đó bạn nên xem hướng dẫn của chúng. Bạn cần nhớ thoát chế độ private khi thôi không sử dụng webmail, khi đó trình duyệt sẽ phá hủy tất cả các history hay cookies có liên quan với session làm việc của bạn.

4. Giữ hệ điều hành không bị tiêm nhiễm

Ở phần trên chúng ta vẫn chưa đề cập về mật khẩu tài khoản email. Rõ ràng độ dài hay kết hợp một số ký tự đặc biệt vào mật khẩu có thể giúp bạn an toàn hơn chút ít nhưng sẽ không có sự khác biệt gì nếu máy tính bị tiêm nhiễm malware.

Đây là một vấn đề lớn ngày nay – malware từ phần mềm bị tiêm nhiễm và từ các download có thể cài đặt các bộ keylogger hay một số kiểu phần mềm sniffer khác trên máy tính, từ đó các phần mềm này sẽ lấy được mật khẩu mà bạn nhập vào (hay lưu từ trước).

Vì vậy, cách phòng chống tốt nhất cho các mật khẩu email của bạn không nằm ở bản thân mật khẩu mà đúng hơn là cần phải giữ cho hệ điều hành của bạn khỏe mạnh, không bị tiêm nhiễm các phần mềm độc hại. Điều đó có nghĩa rằng bạn cần triển khai các bộ quét malware, chẳng hạn như Windows Defender, Windows Security Essentials, hoặc các công cụ của các hãng thứ ba như AVG, Avast, Spybot Search and Destroy, hay Malwarebytes, các phần mềm này sẽ giúp bạn giảm được cơ hội gây tiêm nhiễm từ malware đánh cắp mật khẩu.


Theo XHTT

Ubuntu Linux 11.04 rục rịch ra mắt với bộ cánh mới Unity

2011-03-17T07:23:00.000+07:00

Mặc dù vẫn chưa phát hành phiên bản cuối cùng nhưng cộng đồng người dùng mã nguồn mở trung thành với hệ điều hành Ubuntu đang lên cơn sốt với quyết định bỏ nền tảng đồ hoạ GNOME để trở về với chuẩn Unity trên phiên bản 11.04, có tên mã Natty Narwhal.

Unity hứa hẹn sẽ giúp Ubuntu trở nên gần gũi hơn với người dùng…Windows

Với nhiều người, đây được xem là bước đi thụt lùi của Canonical, chủ quản Ubuntu khi Unity vốn đã từng một thời ngự trị trên hệ điều hành này.

Phiên bản thử nghiệm Alpha 3 phát hành gần đây nhất của Ubuntu (theo kế hoạch, bản chính thức sẽ có mặt vào đầu tháng 04 tới) chứng kiến sự trở lại của giao diện chuẩn Unity. Mặc dù vẫn chưa thay thế hoàn toàn chuẩn GNOME nhưng Unity đã trở thành một tuỳ chọn mới dành cho người dùng cuối.

Dẫu vậy, chưa thể hiện được nhiều, Unity đã phải nhận sự ghẻ lạnh của cộng đồng người dùng trung thành với GNOME. Lí do là, phiên bản 11.04 đã được âm thầm phát triển, Canonical hoàn toàn kín cổng cao tường và không quan tâm tới ý kiến tư vấn của các chuyên gia GNOME cũng như nguyện vọng của cộng đồng mã mở. Thậm chí, vì vụ việc này, các tín đồ GNOME còn ví người điều hành dự án Ubuntu Mark Shuttleworth với Steve Jobs, kiến trúc sư trưởng Apple, người vẫn thường âm thầm đưa ra những quyết định ít ai ngờ tới.

Ưu điểm và hạn chế

Trên thực tế, Unity có không ít ưu điểm. Không chỉ gọn nhẹ, giao diện của Unity thực sự bắt mắt và xét tổng thể, nền tảng đồ hoạ này giúp Ubuntu thân thiện hơn với người dùng Linux. Lâu nay, Linux nói chung và Ubuntu vẫn bị xem là xấu xí so với Mac OS và Windows. Có vẻ như chuyển sang Unity là một bước đi hợp lý.

LibreOffice Writer sẽ thay thế OpenOffice trên Ubuntu 11.4. Ảnh ZDNET

Unity mang đến khá nhiều điểm mới mẻ, nhất là ở sự giản đơn dễ chịu, so với vẻ rắc rối truyền thống của nền tảng GNOME. Unity thực sự đã “giảm mỡ” cho GNOME, nhất là ở menu tuỳ chỉnh, khiến cho nền tảng Linux trở nên gần gũi hơn so với Windows khi menu “Laucher” đứng sẽ hiển thị những tác vụ đang chạy cũng như các chương trình, ứng dụng thường dùng. Thanh công cụ này cũng tích hợp bộ máy tìm kiếm giúp người dùng gọi dữ liệu dễ dàng hơn.

Tuy nhiên, vì quá mới mẻ, Unity có thể sẽ tạo ra một thói quen mới, hoàn toàn khác so với cách thức sử dụng Ubuntu lâu nay trên GNOME. Unity đã học theo phong cách của Mac trong việc hiển thị và quản lý ứng dụng trên màn hình. Rõ ràng, người dùng sẽ phải bỏ thêm thời gian để làm mới lại tư duy sử dụng hệ điều hành “chim cánh cụt” lâu nay.

Ngoài ra, việc tuỳ chỉnh thanh điều hướng và quản lý hệ thống Laucher nằm ở phía trái màn hình là tương đối khó khăn. Người dùng không thể đưa Laucher xuống phía dưới màn hình như trên Windows 7. Ngoài ra, bạn sẽ không thể sử dụng menu chuột phải để thêm vào các widget như trên thanh điều khiển của GNOME. Bạn cũng sẽ không có biểu tượng mặc định dành cho Control Center cũng như hàng loạt tuỳ chỉnh tối ưu khác trên Ubuntu vốn vẫn dễ dàng thực hiện cùng GNOME.

Cách sắp xếp và gọi ứng dụng từ thanh ngang trên Unity là khá lạ mắt với cộng đồng GNOME. Ảnh ZDNET

Công cụ tìm kiếm sẽ đóng vai trò quan trọng trên Ubuntu khi dùng Unity. Ảnh ZDNET

Nhìn chung, vẫn cần rất nhiều cải tiến trước khi Unity có thể thực sự làm nên một cuộc cách mạng về giao diện người dùng trên Ubuntu. Rất may là, hiện các nhà phát triển Ubuntu vẫn chưa “đá” hẳn GNOME. Để trở về giao diện quen thuộc, bạn chỉ cần chọn “Ubuntu Classic Desktop” khi đăng nhập. Với bước đi này, rõ ràng Ubuntu đang cố vạch ra một con đường riêng so với Debian, Fedora và cả OpenSUSE, nhất là trong nỗ lực mang Linux và Ubuntu đến gần người dùng cuối hơn bằng vẻ hấp dẫn về giao diện, thân thiện với người dùng trung bình.

Ubuntu “nghỉ chơi” với phiên bản Netbook Edition

Canonical cũng vừa chính thức thông báo sẽ ngừng phát triển phiên bản Netbook Edition, với lí do Ubuntu chuyển sang dùng nền tảng Unity thay vì GNOME. Theo khẳng định từ phía Canonical, giao diện mới này có thể hoạt động trên hàng loạt thiết bị từ netbook, laptop, desktop... Do đó, phiên bản Netbook Edition sẽ không còn cần thiết nữa mà được trang bị tích hợp trong phiên bản Ubuntu chuẩn dành cho desktop.

NHẬT VƯƠNG tổng hợp

Theo Tuổi Trẻ

Google Profiles "học theo" Facebook

2011-03-15T08:03:00.002+07:00

Google Profiles vừa cải tiến giao diện hiển thị mới theo phong cách Facebook, cho phép người dùng cập nhật thông tin cá nhân chi tiết hơn.

Giao diện Google Profiles tiếng Việt

Có khá ít người dùng Gmail hay các dịch vụ của Google như Google Docs biết mình cũng hiện diện trong Google Profiles với những thông tin cá nhân mà "ông lớn" này thu thập và tổng hợp lại vào một nơi.

Google cũng đưa dịch vụ Buzz gắn kết vào trong Google Profiles, hiển thị những dòng trạng thái (status) hay hình ảnh mới nhất của người dùng. Những người theo dõi "profile" của bạn sẽ có thể bình luận hay "thích" (like) thông tin trạng thái trên.

Tuy Buzz ra mắt từ tháng 2-2010 nhưng vẫn không gặt hái được trái ngọt nào cho đến nay.

Google Profiles còn cho phép bạn gắn kết các dịch vụ web khác vào ngay trong phần Profile cá nhân như hình ảnh từ Flickr, PicasaWeb hay thông tin cập nhật từ Twitter.

Chọn lọc kết quả tìm kiếm

Google vừa ra mắt tính năng loại bỏ các kết quả tìm kiếm với hi vọng giúp người dùng lọc được những nội dung cần thiết và tránh các kết quả từ những nguồn không mong muốn.

Tùy chọn khóa hiển thị tất cả những liên kết của một trang web trong kết quả tìm kiếm

Với tính năng mới này, người dùng Google có thể “né” các kết quả tìm kiếm từ các trang web không mong muốn bằng cách loại bỏ chúng khỏi danh sách kết quả trả về.

Những nguồn đã bị bỏ qua sẽ được Google ghi nhớ thông qua tài khoản Google của người dùng và sẽ không có mặt trong những lần tìm kiếm tiếp theo.

Các tìm kiếm tiếp theo dẫn đến các trang web không mong muốn sẽ hiển thị thông báo chúng đã bị chặn.

Trên blog, Google đã giải thích về việc bổ sung tính năng này vì muốn cá nhân hóa kết quả tìm kiếm, đơn giản vì người dùng sẽ không thích những nguồn tin hay đăng lại, khiêu dâm hoặc có nội dung mang tính xúc phạm…

Việc nhường quyền lọc kết quả rác cho người dùng cũng sẽ giúp Google thu thập được những địa chỉ đen chuyên sao chép nội dung từ các site khác hoặc những website độc hại.

Điều này sẽ giúp ích cho Google trong việc đánh giá những website nào là “chất lượng” - vấn đề đang gây ra nhiều tranh cãi vì ảnh hưởng trực tiếp đến hoạt động SEO (tối ưu hóa công cụ tìm kiếm) của các doanh nghiệp.

Để sử dụng tính năng mới này, người dùng cần truy cập Google từ phiên bản trình duyệt Chrome 9 hay Firefox 3.5 trở về sau. Hiện chức năng này vẫn đang được thử nghiệm trên trang Google tiếng Anh và sẽ sớm ứng dụng rộng rãi trong thời gian tới.

Theo TuoiTre.vn

Học anh văn trực tuyến với bộ vide MISTERDUNCAN

2011-03-10T09:32:00.000+07:00

Chào mọi người, hôm nay tìm được 1 bộ video dạy anh văn của MISTERDUNCAN. Đặc điểm của bộ video này là dành cho kiến thức căn bản, với sự dàn dựng rất hài hước của nhân vật giúp bạn thoải mái hơn trong quá trình học của mình.

Đây là URL: http://www.youtube.com/watch?v=6f_FtzgL9y4&feature=PlayList&p=F467B6C12B713A03&playnext=1&playnext_from=PL&index=1

Chúc bạn học tốt !

Tin học & Ứng dụng

Hướng dẫn reset mật khẩu admin trong Drupal 7

2011-03-09T07:43:00.001+07:00

Chào mọi người,

Sau 1 thời gian mày mò vì bị quên mật khẩu. Và thật là khó khăn khi mình cài đặt drupal trên localhost, chức năng đổi mật khẩu qua email không hoạt động. Và nếu bạn làm theo cách thông thường là vào phpmyadmin, tìm đúng user admin và thay bằng mã MD5 của bạn vào như bao opensource khác thì đó là một sai lầm đáng tiếc, vì drupal không chấp nhận như vậy.

Hôm nay mình xin giới thiệu với các bạn cách để lấy lại mật khẩu như sau:

Bước 1: Tạo file mang tên pass.php và đặt trong thư mục root nơi cài drupal.
Bước 2: Mở file pass.php và điền các nội dung sau vào:

// $Id: index.php,v 1.99 2009/10/15 14:07:25 dries Exp $

/**
* @file
* The PHP page that serves all page requests on a Drupal installation.
*
* The routines here dispatch control to the appropriate handler, which then
* prints the appropriate page.
*
* All Drupal code is released under the GNU General Public License.
* See COPYRIGHT.txt and LICENSE.txt.
*/

/**
* Root directory of Drupal installation.
*/
define('DRUPAL_ROOT', getcwd());

require_once DRUPAL_ROOT . '/includes/bootstrap.inc';
drupal_bootstrap(DRUPAL_BOOTSTRAP_FULL);

require_once 'includes/password.inc';
echo user_hash_password('mynewpassword');
die();

menu_execute_active_handler();

Bước 3: Hãy điền mật khẩu mới của bạn vào dòng chữ mynewpassword và lưu file pass.php lại.

Bước 4: Mở trình duyệt và chạy file pass.php ( ví dụ: locahost/drupal/pass.php) và copy mã hash xuất hiện trên màn hình.

Bước 5: Truy cập vào phpmyadmin, tìm đúng user admin, sau đó cập nhật lại mật khẩu bằng cách past mã hash vào. Hoặc bạn có thể dùng câu lệnh SQL sau:

UPDATE users SET pass = '[hash]' WHERE uid = [N];

Với cách này bạn hoàn toàn có thể sử dụng trên host, nhưng lưu ý là phải xóa file pass.php sau khi thực hiện xong.

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

Tin học & Ứng dụng

Cơ hội nhận miễn phí 10 bản eBook Networking Windows 7 của Microsoft

2011-02-17T08:31:00.000+07:00

Thông qua cộng đồng HowToGeek, người đọc hoàn toàn có thể nhận được 10 bản eBook của cuốn sách Network Your Computers & Devices: Step by Step từ phía Microsoft Press. Nội dung chính của cuốn sách này xoay quanh hệ thống mạng máy tính sử dụng Windows 7, XP, Vista, Linux, và Mac OS X:

- Chapter 1: Setting Up a Router and Devices
- Chapter 2: Setting User Accounts on All Computers
- Chapter 3: Setting Up Your Libraries on All Windows 7 Computers
- Chapter 4: Creating the Network
- Chapter 5: Customizing Network Sharing Settings in Windows 7
- Chapter 6: Creating the Homegroup and Joining Windows 7 Computers
- Chapter 7: Sharing Libraries and Folders
- Chapter 8: Sharing and Working with Devices
- Chapter 9: Streaming Media Over the Network and the Internet
- Chapter 10: Sharing Between Windows XP, Windows Vista, and Windows 7 Computers
- Chapter 11: Sharing Between Mac OS X and Windows 7 Computers
- Chapter 12: Sharing Between Ubuntu Linux and Windows 7 Computers
- Chapter 13: Keeping the Network Secure
- Chapter 14: Setting Up Parental Controls
- Chapter 15: Troubleshooting Network and Internet Problems

Các bạn có thể tham khảo Chapter mẫu của eBook tại đây. Vậy cách thức tham gia hoặc thực hiện như thế nào?
- Để lại bình luận tại đây hoặc đây
- Sử dụng chức năng Tweet ở phần đầu bài viết
Cộng đồng HowToGeek sẽ lựa chọn ngẫu nhiên 10 người chiến thắng trong tổng số người tham gia. Xin lưu ý rằng thời gian diễn ra đợt “khuyến mãi” này chỉ có 3 ngày, số lượng eBook chỉ có hạn, do vậy hãy nhanh tay hy vọng vào sự may mắn! Ngoài ra, bạn có thể đặt mua trực tiếp trên Amazon với mức giá ưu đãi. Chúc các bạn may mắn!

Theo quantrimang.com

Stock photo - 3D Text Design

2011-02-16T17:06:00.001+07:00

Stock photo - 3D Text Design
83 JPEG | ~ 800x600 pix | 22.2 Mb

Tải về:

http://www.mediafire.com/?628by7npe1yvwwg
http://hotfile.com/dl/105195850/a34a43d/3D_Text.rar.html

Mật khẩu: tinhocvaungdung.blogspot.com

Chào 2011

2011-02-14T14:55:00.000+07:00

Chào 2011,
Kính chúc mọi người sức khỏe, hạnh phúc, vạn sự như ý và an khang thịnh vượng !

Đã có thể dùng Gmail và Yahoo ngay trong Hotmail

2010-11-03T07:23:00.001+07:00

Sau hàng loạt tính năng mới mà Microsoft trang bị cho Hotmail nhằm vực dậy dịch vụ webmail này trước Gmail, người dùng Hotmail nay lại còn có thể chuyển hộp thư Gmail hay Yahoo! Mail vào ngay trong tài khoản Hotmail. Tất cả quy về một mối.

Kiểm tra thư Gmail từ trong hộp thư Hotmail

Microsoft "tậu" vũ khí cho Hotmail

Ngoài khả năng gửi kèm 10GB ảnh trong một email (một con số thật ấn tượng), Hotmail mới gần như đã trở thành một chương trình quản lý email (email-client) trên nền web tương tự Microsoft Outlook trên desktop. Điều này có nghĩa là bất kỳ tài khoản email nào từ những dịch vụ khác có hỗ trợ giao thức POP đều có thể đưa vào cùng sử dụng trong tài khoản Hotmail. Theo đó, người dùng chỉ cần mở tài khoản Hotmail là có thể kiểm tra được tất cả email từ những tài khoản khác như Gmail hay Yahoo Mail.

Google cũng đã áp dụng việc "liên thông" tài khoản này cho Gmail qua chức năng "Add POP3 email account" trong phần "Settings - Accounts and Import.

Cách đưa Gmail và Yahoo Mail vào Hotmail

Thao tác chuẩn bị là điều cần thiết. Trong ví dụ nhập tài khoản này, tác giả thử nghiệm nhập với tài khoản Gmail. Do đó, bạn cần đăng nhập vào tài khoản Gmail trước, trong hộp thư Gmail, chọn Settings - Forwarding and POP/IMAP, ở phần POP Download, chọn "Enable POP for mail that arrives from now on" để bắt đầu chuyển email mới từ Gmail vào trong Hotmail. Chọn "Save changes" để lưu thay đổi và thoát khỏi tài khoản.

Kế đến, bạn cần đăng nhập vào tài khoản Hotmail hay Windows Live Mail đã có. Nếu chưa có tài khoản thì có thể khởi tạo tại đây và có thể dùng tài khoản này sử dụng cho các dịch vụ trực tuyến khác như SkyDrive, Live Photo....

Sau khi đăng nhập, bạn click chọn vào phần "Options" ở góc trên bên phải hộp thư, chọn tiếp "More Options..". Tại đây, bạn chọn tiếp "Sending/receiving email from other accounts" để tiến hành nhập tài khoản hộp thư từ dịch vụ khác vào Hotmail.

Tại giao diện "Add an email account", bạn nhập đầy đủ thông tin vào các phần sau khi click vào "Advanced Options" bao gồm:

- Email address: nhập địa chỉ email muốn đưa vào Hotmail. Ví dụ: nhipsongso.tuoitre.vn@gmail.com

- POP3 user name: nhập tên tài khoản. Theo ví dụ ở trên là: nhipsongso.tuoitre.vn

- Password: nhập mật khẩu email tương ứng.

- Incoming mail server: địa chỉ máy chủ email của dịch vụ. Nếu cần dùng Gmail thì bạn điền pop.gmail.com. Riêng Yahoo thì hiện chỉ có những tài khoản email Yahoo Mail Plus đã nâng cấp đóng phí mới có thể dùng được POP3.

Nếu dùng những email công ty có tên miền dạng email-cua-ban@tenmiencongty.com thì bạn cần phải có địa chỉ máy chủ email, thường có dạng: mail.tenmiencongty.com hoặc pop.tenmiencongty.com, để nhập vào phần "Incoming mail server".

Sau khi nhập đầy đủ, bạn nhấp "next" và chờ hệ thống kết nối đến tài khoản email vừa nhập. Những phần gợi ý thiết lập sẽ hiển thị, bạn chỉ cần chọn lựa cách hiển thị email phù hợp là hoàn tất.

Giờ đây, mỗi khi soạn thảo email mới gửi đi, bạn lưu ý phần "Send As" để chọn lựa tài khoản email gửi.

Một mẹo nhỏ để quản lý email dễ hơn là thiết lập bộ lọc để đưa tất cả những email từ tài khoản Gmail vào trong một thư mục, tránh nhầm lẫn với thư trong Hotmail. (Chọn More Options - Rules for sorting new messages)

Những giới hạn cần lưu ý

Hiện với tài khoản Windows Live Hotmail miễn phí, người dùng chỉ có thể nhập được bốn tài khoản email khác vào trong hộp thư Hotmail. Giới hạn thứ hai là mỗi thư từ các dịch vụ email khác được đưa vào tài khoản Hotmail sẽ có mức dung lượng tối đa là 10MB và sẽ tăng lên 35MB nếu có nâng cấp tài khoản Hotmail.

Mỗi lần kiểm tra, bạn sẽ chỉ thấy được 30 thư mới nhất từ những email khác trong Hotmail và cứ lần lượt như thế sau 30 phút. Do đó, nếu có 50 thư mới thì bạn phải mất tới 30 phút mới có thể triệu hồi vào trong tài khoản Hotmail để xem.

Theo tuoitre.com.vn

WebP - định dạng ảnh siêu nén mới

2010-10-04T08:44:00.000+07:00

Google vừa chính thức công bố đến các nhà quản trị, nhà lập trình một định dạng ảnh mới với tên gọi WebP, mà trong tương lai có thể thay thế định dạng ảnh rất thông dụng hiện nay là JPEG.

Theo Google định dạng WebP có thể làm giảm dung lượng ảnh xuống tới 66% mà chất lượng ảnh vẫn không thay đổi.

Theo Computerworld, Google đã tiến hành thử nghiệm khả năng nén ảnh của định dạng WebP bằng cách chọn ngẫu nhiên khoảng 1 triệu tấm ảnh đang có trên internet (hầu hết là các định dạng ảnh rất thông dụng hiện nay như: JPEG, PNG, GIF).

Kết quả thu được rất khả quan, đa số dung lượng các bức ảnh đều giảm được từ 15 - 67% so với ảnh gốc, nhưng chất lượng ảnh vẫn không hề thay đổi.

Theo Google, các con số này thực sự rất quan trọng bởi chiếm đến 65% dung lượng của toàn bộ internet toàn cầu là các định dạng hình ảnh.

Tấm ảnh bên trái có định dạng JPEG với dung lượng là 1.1MB và tấm ảnh bên phải sau khi được lưu bằng định dạng WebP còn lại 368KB (giảm khoảng 66%) - Ảnh: Google

Ngoài ra, việc làm giảm dung lượng ảnh cũng sẽ giúp cho các nhà quản trị website có thể giảm được băng thông internet, khi cần truyền tải các thông điệp bằng hình ảnh. Đặc biệt là các thiết bị di động có khả năng lướt web ngày càng phát triển mạnh mẽ.

Tuy nhiên, Google cũng cho rằng việc chuyển sang định dạng WebP sẽ phải thực hiện trong một thời gian dài, bởi các định dạng như JPEG đã trở nên quá phổ biến.

Theo TNO

PDFill package: tổng hợp các công cụ xử lý PDF

2010-10-04T08:38:00.000+07:00

PDFill package là bộ công cụ tổng hợp chứa rất nhiều ứng dụng miễn phí có khả năng xử lý các tập tin PDF.

Tất cả được bố trí theo 3 chủ đề khác nhau là FREE PDF Tools, PDFill PDF Writer and Image Writer và PDFill PDF Editor bao gồm các ứng dụng tương ứng với mục đích sử dụng của người dùng.

PDFill PDF Tools

PDFill PDF Tools là một bộ phần mềm miễn phí cung cấp cho bạn khả năng xử lý mạnh mẽ và hữu ích nhất với một bộ các công cụ xử lý PDF miễn phí như tách, nối, mã hóa, đóng dấu bản quyền, xem và chỉnh sửa thông tin PDF,…

Giao diện với các công cụ có trong PDFill PDF Tools

Dưới đây là danh sách của 15 công cụ (hoàn toàn miễn phí) có trong PDFill PDF Tools cùng với các chức năng của chúng:

- Merge PDF Files: nối 2 hoặc nhiều file PDF lại thành một tập tin PDF duy nhất

- Split or Reorder Pages: tách một tập tin PDF ra thành nhiều tập tin PDF mới liên tục để có thể đưa nó lên một trang web lưu trữ có giới hạn,…

- Encrypt and Decrypt Options: bảo vệ các tập tin PDF đi kèm với mật khẩu và ngăn chặn các hoạt động in, sao chép thay đổi, sát nhập…các tập tin PDF. Nó hỗ trợ công nghệ mã hóa Adobe Standard 40-bit hoặc công nghệ mã hóa tiên tiến 128-bit.

- Rotate and Crop PDF Pages: xoay một trang PDF với góc xoay 0, 90, 180 hoặc 270 độ. Bạn cũng có thể cắt một trang để sửa đổi bố cục in dữ liệu của file PDF đó dễ dàng.

- Reformat Multiple Pages: bạn có thể định dạng lại nhiều trang giấy cùng một lúc để thuận lợi trong việc in ấn tiết kiệm nhất.

- Add Header and Footer: bạn có thể thêm ghi chú ở đầu hoặc cuối trang PDF để trình bày các thông tin như ngày, thời gian, số trang hoặc tiêu đề tài liệu của bạn.

- Add Watermark by Text: thêm một chữ ký bản quyền của mình vào tập tin PDF hoặc bất kỳ điều gì khác để khẳng định đó là sản phẩm của riêng mình.

- Add Watermark by Image: thêm dấu bản quyền bằng một tập tin hình ảnh, hỗ trợ các định dạng tập tin ảnh bmp, jpg, gif, png, tiff và WMF

- Convert Images to PDF: hỗ trợ chuyển đổi các định dạng ảnh như bmp, jpg, gif, png, tiff và WMF sang một tập tin PDF với các tùy chọn bố trí theo ý thích

- Convert PDF to Images: cho phép lưu trang PDF thành một file hình ảnh (png, jpg, bmp, gif, WMF và tiff) với các tùy chọn DPI.

- PDF Form Fields Operations: cho phép xử lý các khuôn mẫu có trong một tập tin PDF.

- Add Information: bạn có thể thêm các thông tin vào file PDF như tiêu đề, tác giả, chủ đề, từ khóa, người tạo, tác giả, nhà sản xuất, phiên bản,…

- Convert PostScript (PS) into PDF: hỗ trợ việc chuyển đổi một file PS sang một file PDF để phần mềm Adobe Reader có thể đọc chúng.

- Scanner into Image or PDF: giúp bạn scan bản mẫu sang một tập tin ảnh (PNG, JPG, BMP, TIF, GIF) hoặc một tập tin PDF một cách dễ dàng.

- Create Transparent Image: Tạo một hình ảnh trong suốt với các tùy chọn để điều chỉnh các tùy chọn trong suốt trong file PDF đó.

PDFill PDF Writer & Image Writer

PDF Writer cho phép bạn tạo một tập tin PDF chất lượng cao nhất từ bất kỳ cửa sổ ứng dụng có thể làm việc, bao gồm cả Microsoft Word, PowerPoint, Excel, AutoCad và nhiều hơn nữa. Đưa nút Button PDF vào trong Microsoft Word, PowerPoint và Excel bằng cách sử dụng nút Advanced để có thể lưu file PDF trong một cái nhấp chuột.

Giao diện làm việc của PDFill PDF Writer and Image Writer

Trong khi đó, Image Writer được cài đặt như một trình điều khiển máy in ảo cho phép bạn có thể in tài liệu của bạn như là một tập tin ảnh (PNG, JPG, BMP, TIF, GIF) với các tùy chọn cho độ phân giải, bit, xoay, lật,….

PDFill PDF Editor

PDFill PDF Editor cung cấp cho bạn các công cụ mạnh mẽ và phong phú để bạn chỉnh sửa một tập tin PDF mà không cần đến Adobe Acrobat. Phiên bản miễn phí cho phép bạn có thể dễ dàng tạo một dấu bản quyền cho một tập tin PDF hoàn toàn nhanh chóng.

PDFill PDF Editor cho phép bạn chỉnh sủa nội dung của file PDF

Để sử dụng bộ sản phẩm PDFill package này, hệ thống của bạn cần cài đặt các ứng dụng có sẵn Free Adobe Reader, GhostScript 8.63 và Sun Java. Bạn có thể tải gói ứng dụng dung lượng 9,1MB này về sử dụng tại đây, tương thích từ Windows 2000 đến Windows 7.

Theo TuoiTreOnline