Học thiết kế web theo chuẩn.

Style Latest Post khác với post thường

Demon Warlock — Mon, 08 Mar 2010 15:08:07 +0000

Mặc định của WordPress khi post bài là bài mới nằm ở trên và bài cũ sẽ nằm ở dưới. Về mặt thực tiễn thì cách hiển thị như thế này hoàn toàn phù hợp với đa số các trang web. Nhưng với một chút php chúng ta có thể thay đổi cách mà bài post đầu tiên được hiển thị và làm cho nó khác với các post khác. Đây cũng là cách để cho người đọc biết được bài nào là bài mới nhất.

Trong bài này tôi sẽ làm rất nhanh ở phần CSS và trong phần PHP do kiến thức rất cơ bản chỉ là dạng mệnh đề if … else cơ bản. Chúng ta cũng sẽ sử dụng dạng viết tắt trong PHP cho mệnh đề if … else. Phần này cũng yêu cầu bạn phải có một chút kiến thức về WordPress Loop và biết một số template tags của WordPress.

Thời lượng: 15:00

Download định dạng .avi chất lượng cao: MediaFire

Dung lượng: 197MB

Bài viết có liên quan:

Căn bản PHP – Bài 5

Clackken Smith — Fri, 05 Mar 2010 14:24:48 +0000

Chúng ta tiếp tục cùng nhau nghiên cứu về Khai báo hàm, lập trình hướng đối tượng. Trong bài này tôi sẽ sử dụng một số định nghĩa đã được giới thiệu trong bài 1.
Trong phần này tôi sẽ giới thiệu cho chúng ta các khai báo và sử dụng thông qua một ví dụ, và trong bài này chúng ta sẽ không sử dụng slide.

Với Video này các bạn sẽ hiểu thêm về cách khai báo hàm hướng đối tượng, các cách để chèn một tập tin dùng chung. Cũng như với mọi tiêu chí tôi sẵn sàng nhận những ý kiến đóng góp về ý kiến cho Video để ngày càng hoàn thiện hơn.

Phần I

Thời lượng: 35:00

Download định dạng .avi chất lượng cao: Link sẽ được cập nhật sau 7 ngày

Phần II

Thời lượng: 33:14

Download định dạng .avi chất lượng cao: Link sẽ được cập nhật sau 7 ngày

Bài viết có liên quan:

CSS3 – Transition

Demon Warlock — Tue, 02 Mar 2010 05:39:43 +0000

CSS3 tuy chưa được chính thức sử dụng rộng rãi nhưng những gì mà nó có thể làm được quả là rất đáng mong đợi. Về mặt nguyên lý thì có vẻ sự ra đời của CSS3 đã phần nào lấn sân của Javascript. Bởi vì người ta nói rằng HTML dùng để thể hiện nội dung, CSS dùng để trình bày cấu trúc và Javascript thì tương tác với người dùng. Nhưng những tính năng mới của CSS3 như transition và animation phần nào đã làm thay đổi nguyên lý này.

Hiện tại khi sử dụng Javscript người lập trình bao giờ cũng phải tính đến điều kiện trình duyệt của người dùng không bật Javascript. Nhưng nếu trong tương lai (hy vọng không xa) chúng ta có thể tạo ra những hiệu ứng động đơn giản mà không cần sự hỗ trợ của Javascript thì cũng rất tiện chứ sao. Trong bài này tôi sẽ cùng bạn khám phá một vài trong rất nhiều những cách sử dụng transition khác nhau của CSS3.

Lưu ý: Bởi vì CSS3 vẫn đang trong quá trình phát triển do vậy để làm theo học xem ví dụ bài này bạn phải có trình duyệt Safari của Apple hoặc Chrome của Google.

Thời lượng: 31:05

Download định dạng .avi chất lượng cao: MediaFire

Dung lượng: 151MB

Xem Demo
Download

Bài viết có liên quan:

Giới thiệu về CSS3

Demon Warlock — Sat, 27 Feb 2010 03:03:26 +0000

CSS3 vẫn đang trong giai đoạn phát triển và hoàn thiện trước khi được chính thức đưa vào sử dụng. Nhưng như chúng ta đã biết web là ngành tiếp nhận những thay đổi chậm nhất trong các ngày. Đến giờ này mà chúng ta vẫn phải hack cho IE 6 thì đủ biết tiến độ đó chậm đến mức nào. Nhưng cho dù có sao đi nữa, thì những tính năng mới vượt trội của CSS3 vẫn không thể phủ nhận được. Trong bài này tôi sẽ giới thiệu đến các bạn một vài trong rất nhiều những tính năng mới của CSS3.

Như đã nói, còn lâu nữa chúng ta mới có thể thực sự sử dụng CSS3 rộng rãi. Nhưng những tính năng mạnh mẽ của nó sẽ giúp các bạn có thêm nhiều công cụ nữa để biến ý tưởng của mình thành hiện thực và mở ra thêm những chân trời mới cho lĩnh vực này. Phải nói thật rằng, tôi cũng chỉ mới tìm hiểu về CSS3 trong khoảng thời gian gần đây trước khi làm video này. Do vậy có nhiều chỗ tôi cũng thực sự chưa hiểu rõ, nhưng biết đến đâu chia sẻ đến đó là phương châm của tôi. Cho nên nếu có chỗ nào còn chưa được, các bạn cứ tự nhiên chỉnh sửa.

Để làm theo được những ví dụ này bạn phải sử dụng trình duyệt Safari của Apple hoặc Chrome của Google. Bởi vì tại thời điểm hiện tại chỉ 2 trình duyệt này là hỗ trợ đầy đủ nhất những tính năng mới của CSS3. Người mới bao giờ cũng “nhiệt tình” đó mà. Chú Firefox ngày trước cũng “tiên phong” trong chuẩn web lắm đó mà

Thời lượng: 41:05

Download định dạng .avi chất lượng cao: MediaFire

Dung lượng: 151MB

Xem Demo
Download

Bài viết có liên quan:

Căn bản PHP – Bài 4 – Phần 2

Clackken Smith — Fri, 26 Feb 2010 11:51:52 +0000

Để tiếp tục trong Series này tôi xin giới thiệu sơ qua về đối tượng SESSION và COOKIE trong PHP. Các khái niệm và cách thức khai báo các đối tượng này.

Sau một thời gian sắp xếp công việc đầu năm, tôi lại có chút thời gian để thực hiện tiếp phần 2 này cho các bạn, chúc các bạn năm mới vui vẻ và gặt hái được nhiều thành quả mới trong năm mới. năm Dần hãy mạnh mẽ như Hổ nhé.

Với Video này các bạn sẽ nắm vững về cách tạo và sử dụng các đối tượng SESSION và COOKIE, các cách để xoá 1 hoặc nhiều đối tượng SESSION và COOKIE trong PHP. Cũng như với mọi tiêu chí tôi sẵn sàng nhận những ý kiến đóng góp về ý kiến cho Video để ngày càng hoàn thiện hơn.

Thời lượng: 25:10

Download định dạng .avi chất lượng cao: Link sẽ được cập nhật sau 7 ngày

Bài viết có liên quan:

jQuery Image Hover

Demon Warlock — Tue, 23 Feb 2010 19:26:56 +0000

Với CSS bạn cũng có thể tạo ra được hiệu ứng tương tự như sau, nhưng nó không được sexy như thêm một chút jQuery vào. Về nguyên lý trong bài này, chúng ta sẽ sử dụng dạng Sprite Image như tôi đã giới thiệu trước đây với CSS. Nhưng chúng ta thay vì chỉ để nó hiển thị phần dưới của tấm hình ngay tức khắc, chúng ta thêm jQuery để nó có thể hiển thị kiểu Huế “con hộ chầm chậm xuống hang” hay tiếng Bắc là “câu hỏi chấm chấm xuống hàng”.

Trong bài này bạn sẽ phải tự chuẩn bị hình trong Photoshop trước. Tôi sử dụng tính năng Colorize trong Photoshop để thay đổi màu cho hình. Bạn có thể làm thế nào tùy thích. Miễn sao có hình như ví dụ là được. Hơn nữa, đây là lần đầu tiên tôi thử sử dụng dịch vụ Vimeo để host video. Tôi cũng thấy nhiều trang sử dụng dịch vụ này rồi và thấy chất lượng cũng được. Các bạn hay cho tôi biết tốc độ load, chất lượng của video như thế nào nhé. Nếu được từ giờ tôi sẽ sử dụng dịch vụ này để san sẻ bớt bandwidth và dung lượng của host hiện tại.

Thời lượng: 21:05

Download định dạng .avi chất lượng cao: MediaFire

Dung lượng: 197MB

Xem Demo
Download

Bài viết có liên quan:

Chúc mừng năm mới – 2010

Demon Warlock — Sat, 13 Feb 2010 03:35:49 +0000

Thời khắc đến năm Tiger Soup (Canh Dần) cũng sắp đến rồi. Tôi cũng muốn nhân dịp này được gửi đến các bạn lời cảm ơn chân thành và sâu sắc nhất. Qua những tháng vừa qua izwebz đã hân hạnh được đón tiếp 15.000 lượt truy cập và đã phát hành được rất nhiều Video và tutorial. Nếu không có các bạn tôi chỉ còn là một người tự xem video của chính mình. Các bạn chính là tác nhân quan trọng nhất để izwebz tồn tại.

Nhân dịp này, tôi xin chúc các bạn một năm mới

An Khang – Thịnh Vượng, Vạn Sự Như Ý

No related posts.

Căn bản PHP – Bài 4 – Phần 1

Clackken Smith — Wed, 10 Feb 2010 13:52:11 +0000

Để tiếp tục trong Series này tôi xin giới thiệu sơ qua về đối tượng SESSION và COOKIE trong PHP. Các khái niệm và cách thức khai báo các đối tượng này.

Để tránh tình trạng cảm thấy bị nhồi nhét khi theo dõi kiến thức tôi đã chia Session 4 này thành 2 phần. Phần đầu đi nghiên cứu đối tượng Session, phần 2 sẽ nghiên cứu đối tượng Cookie.

Thời lượng: 29:32

Download định dạng .avi chất lượng cao: Link sẽ được cập nhật sau 7 ngày

Bài viết có liên quan:

Dropdown Menu II – Vnexpress Style

Demon Warlock — Tue, 09 Feb 2010 06:07:53 +0000

Có lẽ Dropdown menu là loại menu phổ biến nhất hiện nay, trước đây tôi đã có một vài video nói về Dropdown menu và Flyout menu với CSS và cả jQuery. Nhưng có nhiều người email hỏi tôi cách làm menu giống với trang Vnexpress.net. Tôi có trả lời nhiều lần là về nguyên lý nó giống y như phần Dropdown menu chỉ cần chỉnh sửa một chút. Nhưng đến hôm nay tôi quyết định làm hẳn một video để giải thích cho rõ hơn.

Trong bài này tôi sẽ không làm kỹ phần xây dựng code HTML và giải thích kỹ phần CSS. Bởi vì trong video trước tôi đã nói rất kỹ về vấn đề này. Do vậy trong phần này nếu có chỗ nào bạn không hiểu hoặc thấy lờ mờ. Hãy xem video trước để biết thêm chi tiết. Để Menu có thể hiển thị được với trình duyệt IE 6, bạn cần download file whatever.htc đi kèm với source code của tut này. Bạn cũng có thể dùng Javascript để khắc phục. Nhưng đơn giản hơn có lẽ là sử dụng file .htc.

Thời lượng: 23:17

Download định dạng .avi chất lượng cao: MediaFire

Dung lượng: 154MB

Xem Demo
Download

Bài viết có liên quan:

Nguồn icon miễn phí

Demon Warlock — Mon, 08 Feb 2010 15:24:31 +0000

Nếu bạn là Web Designer và công việc của bạn là thiết kế đồ họa thì bạn luôn cần hình ảnh tư liệu từ nhiều nguồn. Nhưng tìm được nguồn miễn phí và cho phép sử dụng với mục đích thương mại cũng không phải là chuyện dễ. Ngoài hình ảnh, font chữ thì icon cũng là một trong những thứ bạn cần để thiết kế giao diện. Dưới đây là danh sách một số trang web cho phép bạn tìm và download icon miễn phí.

Trong thực tế tôi chỉ biết đến những trang này và chưa có nhiều thời gian đọc quy định sử dụng của họ. Cho nên nếu bạn định dùng hình ảnh từ những trang này, hãy dành thời gian đọc một chút về quy định sử dụng xem nó có thực sự miễn phí hay không để tránh rắc rối về sau.

Icon Finder

Đây là trang web tôi hay sử dụng nhất để tìm icon. Nó hay ở chỗ bạn chỉ việc gõ từ khóa vào và nó sẽ hiển thị icon mà bạn muốn. Ví dụ bạn có thể gõ “heart”, “pencil”, “rose” …. mà tôi chưa thử “bánh chưng” .

Icon Fever

Tìm và … diệt

Icons Pedia

Icons Seeker

Very Icon

365 Icon

Kết luận

Trên đây là những nguồn chính tôi hay tìm icon cho design của mình, tôi cũng phải nhắc lại bạn là nên thận trọng khi sử dụng hình minh họa cho thiết kế đặc biệt là cho những trang web thương mại. Không phải cái gì bạn tìm thấy trên mạng đều miễn phí và có thể sử dụng tùy tiện đâu.

Bài viết có liên quan: