Việc thiết web HTML có nhiều hạn chế về thiết kế, trong đó có vấn đề muôn thưở đới với các designer, đó chính là font. Khác với web Flash, có thể sử dụng bất cứ loại font nào designer muốn, web HTML có những hạn chế về số lượng font ít ỏi, phần nào làm hạn chế ý tưởng và khả năng sáng tạo trong mỗi website.

Dưới đây là 3 giải pháp phổ biến hiện nay.

1. sIFR

http://www.mikeindustries.com/blog/sifr/

Giải pháp này được nhiều người biết đến. sIFR sử dụng flash để thay thế vào vị trí text cần thay font. Version mới nhất hiện nay là 2.0.7. Bạn có thể thử version 3 (beta) tại đây

2. cufon

http://cufon.shoqolate.com/generate/

Giải pháp này xuất hiện sau sIFR. Khác với sIFR, Cufon sử dụng javascript kết hợp với canvas trong HTML hoặc VML để render font cần sử dụng. Cách sử dụng có phần đơn giản hơn, và chạy tốt trên hầu hết các trình duyệt phổ biến hiện nay.
Xem thêm các mẫu website sử dụng cufon tại đây

3. font-face

Giải pháp đơn giản nhất, sử dụng CSS3. Cùng với sự phát triển của các nhà phát triển browser để hỗ trợ tốt CSS3 & HTML5, đây là giản pháp đơn giản, giảm thiểu thời gian phát triển cho developer. Vấn đề là các browser version cũ thì không thể nào sử dụng phương pháp này.

Tham khảo thêm về phương pháp này:
http://snook.ca/archives/html_and_css/becoming-a-font-embedding-master
http://www.useragentman.com/blog/2009/09/20/font-face-in-depth/

Kết hợp Cufon & font-face (24-11)

http://kilianvalkhof.com/2009/css-xhtml/combining-cufon-and-font-face/

Bạn nghỉ rằng mình là một developer, nhưng developer cũng có nhiều loại cũng như level khác nhau, bạn nghỉ rằng mình đang ở vị trí nào ?! Chắc hẳn có nhiều người, trong đó có cả mình, phát triển kỹ năng nghề nghiệp của mình theo cách search google, tìm những topic, những site chia sẽ để kiếm những gì mình cần cho project xác định nào đó, copy + paste, xong, thế là ok rồi.

Vậy thì sao nhỉ, có gì sai hay có vấn đề gì? Chẳng có vấn đề gì vì những blogger đó share những source đó for free, những topic trên các forum lớn đã có sẵn, việc gì mình phải ngồi cày cuốc lại làm gì.

Vậy vấn đề ở đây là gì?

Khi bạn copy + paste đơn thuần một cách mù quáng, bạn đánh mất giá trị của bài viết của blogger, của người post với những giải thích cặn cẽ của họ. Nếu chỉ đơn giản vậy họ có thể cho bạn 1 link download compress file, hoặc nếu bụng hơn thì cả uncompress file, chẳng việc gì phải ngồi post 1 bài viết tỉ mỉ làm gì.

Và tất nhiên nếu bạn là một developer như vậy, kiểu mì ăn liền, chắc hẳn sẽ khó cho bạn để hiểu cách thức hoạt động của nó thế nào, và tất nhiên việc phát triển nó cho phù hợp nếu có yêu cầu sẽ rất khó khăn.

Khi copy + paste đơn thuần bạn duplicate source đó mà không nắm được kỹ thuật, ý tưởng của nó, vậy làm thế nào bạn có thể viết ra một tutorial khác, như hàng tá các tutorial mà bạn đã từng xe qua nhưng nhớ thì ít.

Vậy bạn muốn làm công việc search nhiều hơn hay tư duy để viết nhiều hơn? mình nghỉ tự viết lấy vẫn hơn, dù kg hay chưa tốt, nhưng nó là sản phẩm của mình, giúp mình có hứng thú với công việc hơn, và biết đâu lương sẽ cao hơn. Phát triển khả năng bản thân cũng là cách để khẳng định cái tôi và vị trí của bản thân.

Làm thế nào thì tuỳ, mình cũng đang suy nghỉ, mỗi người mỗi cách, kg phải ai cũng thông minh kiệt xuất, nhưng dậm chân tại chỗ cũng kg phải là cách để tồn tại trong xã hội đang phát triển kg ngừng.

“Life is fighting”, liệu bạn có đủ sức.

Mình có được gọi là CSS Ninja kg nhỉ?

My collection: some gallery sites about cool CSS base sites.

1. CSS Elite http://www.csselite.com
   
2. CSS Fury http://cssfury.com
3. CSS Drive http://www.cssdrive.com
4. CSS Heroes http://www.cssheroes.com
5. CSS Showcase http://www.cssshowcase.co.uk
6. CSS Loggia http://www.cssloggia.com
7. CSS Ecssited http://www.ecssited.com
8. CSS Creme http://csscreme.com
9. CSS Design http://www.css-design.fr
10. CSS Mania http://cssmania.com

xem tiếp …

Hiệu ứng Lightbox là khi bạn xem trên trang web, click vào một tấm ảnh hoặc thành phần nào đó, một hiệu ứng làm xuất hiện vùng thông tin mới ngay trên trang web của bạn đang xem với một lớp nền che đi vùng trang web bên dưới.

Có nhiều script giúp bạn thực hiện điều đó, và các công cụ đó ngày càng mạnh hơn. Bên dưới là list các script mình biết, một số đã dùng thử

1.  LightBox

An inline image popup, overlays and fades out the current page.

http://www.phatfusion.net/lightbox

Framework: mootools v1.11
Support: image

2.  LightBox 2

Lightbox 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.

http://www.huddletogether.com/projects/lightbox2

Framework: Prototype, Scriptaculous Effects Library
Support: image, image set

3.  LightBox

jQuery lightBox plugin is simple, elegant, unobtrusive, no need extra markup and is used to overlay images on the current page through the power and flexibility of jQuery´s selector.

http://leandrovieira.com/projects/jquery/lightbox/

Framework: jQuery
Support: image, image set

xem tiếp …

List các plugin của jQuery, lúc trước mình hay vào site này để xem, nhưng giờ site đó die rồi, clone một bản ở đây đề phòng.

File upload

Ajax File Upload.
jQUploader.
Multiple File Upload plugin.
jQuery File Style.
Styling an input type file.
Progress Bar Plugin.

Form Validation

jQuery Validation.
Auto Help.
Simple jQuery form validation.
jQuery XAV – form validations.
jQuery AlphaNumeric.
Masked Input.
TypeWatch Plugin.
Text limiter for form fields.
Ajax Username Check with jQuery.

Form – Select Box stuff

jQuery Combobox.
jQuery controlled dependent (or Cascadign) Select List.
Multiple Selects.
Select box manipulation.
Select Combo Plugin.
jQuery – LinkedSelect
Auto-populate multiple select boxes.
Choose Plugin (Select Replacement).

xem tiếp …