Categories
Web Design Web Programming

Firefox Addon cho phát triển web

Như các bạn cũng biết, Firefox là 1 trình duyệt không thể thiếu trong bộ công cụ làm web của mình. Ngày nay, cùng với sự cải tiến của Firefox (phiên bản 3.5), đồng thời số lượng Addon(Extension) cho Firefox cũng khá nhiều nên công việc phát triển web cho các developer cũng trở nên đơn giản hơn.

Hôm nay mình chia sẽ với các bạn các Addon mà mình đang cài cho Firefox 3.5 của mình với hi vọng sẽ giúp ích phần nào cho công việc học tập cũng như phát triển web của các bạn.
firefox-addons-for-web-developer

Categories
Graphic Design Web Design

Tạo hiệu ứng Lightbox cho Gallery ảnh với prettyPhoto

prettyPhoto-plugin-jquery
Hi mọi người,
Hôm nay mình sẽ giới thiệu một đồ nghề rất hiệu quả cho các bạn thiết kế website – đó là plugin prettyPhoto cho jQuery. Trước tiên, nếu bạn nào chưa biết thì mình cũng giới thiệu lightbox là cái gì trong web.

Kỹ thuật lightbox có lẽ các bạn đã gặp nhiều mà không để ý thôi. Đại khái nó là thế này nè, bạn vào 1 trang thiên về hình ảnh hay showroom, sau khi click vào link của 1 hình, website sẽ bị mờ đi, sau đó sẽ có 1 cái hình được load và hiện ra nổi bật giữa trang web. đó là lightbox trong website (cái khái niệm này mượn trong lĩnh vực nhiếp ảnh). Xem hình dưới đây sẽ hiểu phần nào:
prettyphoto-lightbox

Categories
PHP Web Design

Smarty : Một công cụ thiết yếu cho người làm web

smarty-logo-orange

Hôm nay mình giới thiệu tới các bạn một bộ thư viện được coi là một trong những thư viện tốt nhất hiện nay khi sử dụng PHP để làm web, đó là Smarty.

Mình đã sử dụng cái này lâu rồi, sáng nay rảnh rỗi đọc cái document mới của nó, thấy bổ sung nhiều cái thú vị quá, thấy phấn khởi nên viết bài này giới thiệu Smarty đến mọi người.

Categories
Web Design

Smashing Magazine – Website không thể thiếu cho dân Web Design

smashing-magazine-logo

Hôm nay mình sẽ giới thiệu tới các bạn 1 website rất nổi tiếng và được coi là nơi tụ hội của các cao thủ trong lĩnh vực Web Design. Đó là website Smashing Magazine (http://www.smashingmagazine.com/).

Tại đây bạn sẽ tìm thấy rất nhiều thông tin liên quan đến việc hỗ trợ thiết kế website. Ngoài ra, ở đây còn cung cấp nhiều bài viết giới thiệu cái tài nguyên miễn phí giúp cho việc làm web (font,icon,photo…).

Hy vọng website này sẽ giúp ích nhiều cho các bạn trên con đường chinh phục lĩnh vực Web Design.

——————
P.S: hiện tại Smashing Magazine đang cho order 1 cuốn sách rất hay, theo thông tin của họ thì cuốn sách này giá order hiện tại chỉ là 23usd và ship đến hầu hết mọi nơi trên thế giới (có Việt Nam) với 2 mức giá la 5usd và 10usd. Nếu có điều kiện thì order cuốn sách này nhá.

Categories
Review sách Web Design

Review sách: Designing for the social web

designing-for-the-socia-web-book-cover-by-Joshua-Porter

Mạng xã hội là một mô hình khá thú vị đáng để quan tâm và phát triển trên phương diện designer, developer và manager. Mình cũng rất thích cái món này, hy vọng tìm được ai có cùng quan tâm và sở thích để trao đổi, học hỏi thêm.

Hôm nay mình sẽ giới thiệu tới các bạn một cuốn sách khá hay nếu bạn nào đang quan tâm tới vấn đề thiết kế 1 trang mạng xã hội. Tựa đề sách là “Designing for the social web” của tác giả Joshua Porter. Joshua porter là một người khá nổi tiếng trong mảng thiết kế mạng xã hội, và anh cũng có nhiều cuộc hội thảo, trao đổi về các nghiên cứu, kinh nghiệm của mình. Website của tác giả là http://bokardo.com/, ở đó có khá nhiều thông tin bổ ích về xây dựng mạng xã hội.

Categories
Javascript Web Design

Tạo box HTML có góc bo tròn với Curvy Corners

Hôm nay mình chia sẽ với các bạn một thư viện khá hiệu quả trong việc thiết kế giao diện cho website trong trường hợp bạn muốn tạo các box có góc bo tròn, nhưng không sử dụng image, đó là sử dụng 1 plugin của jquery, đó là curvy Corner.

Thư viện này có chức năng cũng tương đối hoành tráng, dung lượng đã minify là 27KB, nếu gzip chắc sẽ khoảng 15kB thôi. Còn chức năng cơ bản thì bo tròn các box bạn muốn.

curvycorner

Categories
Graphic Design Web Design

Photoshop framework để thiết kế web

photoshop-framework
Chào mọi người. Hôm nay mình sẽ hướng dẫn các bạn tạo 1 framework cho photoshop để tiến hành design một giao diện website.
Nếu như có bạn nào đã biết, từ framework có nghĩa là một tập các công cụ, bố trí, sắp xếp để tiến hành công việc của bạn nhanh gọn, chính xác và hiệu quả hơn. Mình dùng khái niệm framework trong photoshop cũng là ý muốn ám chỉ điều này mà thôi.

Mình sẽ hướng dẫn các bạn một số vấn đề cần chuẩn bị để có thể tạo một môi trường tốt để các bạn có thể tiến hành công tác thiết kế giao diện website của mình.

Categories
Flash Javascript Web Design Web Programming

Upload nhiều File 1 lúc với Swfupload.org

logo-swfupload

Hôm nay mình muốn chia sẽ với các bạn làm web một công cụ khá hay để upload nhiều file cùng một lúc, không cần phải refresh trang, có thể gọi callback trong javascript để xử lý(giống như AJAX).

Chi tiết:
– Front-end: Javascript, Flash
– Back-end: bạn có thể sử dụng ngôn ngữ nào cũng được vì giao tiếp client-server theo hình thức POST, chỉ cần phía server bạn xử lý là ok.

Đây là một công cụ khá hay và không thể thiếu trong bộ sưu tập đồ nghề làm web của bạn.
Website: http://www.swfupload.org/
Demo: http://demo.swfupload.org

Categories
Graphic Design Miscellaneous Web Design

Tạo đồng hồ đếm ngược bằng Flex

flex-countdown-clock-dong-hoc-dem-nguoc-flash
flex-countdown-clock-dong-hoc-dem-nguoc-flash

Hôm nay mình sẽ chỉ cho các bạn một làm project nho nhỏ bằng Flex đó là tạo ra một đồng hồ đếm ngược định dạng xuất là file SWF(Flash) để chúng ta có thể dùng trong các sự kiện hay những lúc cần những chức năng đếm ngược (vd:  đếm ngược từ 10 giây, 15 giây, 1phút, 2 phút…1 giờ, ….)

Các yêu cầu của đồng hồ đếm ngược này:
– Giao diện rõ ràng để biểu thị thời gian đang chay ngược
– Có các thang thời gian cố định (10s, 15s..)
– Có nút BẮT ĐẦU, STOP
– Có tùy chọn nghe âm thanh khi đếm và âm thanh khi hết giờ
– Hiển thị FULLSCREEN(toàn màn hình) khi chạy chương trình này

Categories
Web Design

Một số Skill cho Freelancer PHP

Là một freelancer về lập trình web, để nhận một project riêng bên ngoài từ khách hàng thì mình nghĩ cần có một số skill cần nắm để có thể tự tin ký hợp đồng với khách hàng.

1.Skill thương lượng+đàm phán: cái này có lẽ là khâu quan trọng nhất đó nha, mình làm có vui vẻ hay không là coi ở skill này, nếu thương lượng một cái hợp đồng với mức giá kha khá thì làm việc sẽ vui hơn, thoải mái hơn trong trường hợp cần phải nhờ một người bên ngoài giúp đỡ trong quá trình hoàn thành project. Cần chú ý trong cái skill này là thỏa thuận cái hợp đồng, nhiều khách hàng có tinh thần rất là thoáng, buồn vu vơ là kêu thêm một đống chức năng mới mà 2 bên chưa thỏa thuận, thế là phải “vui vẻ” nhận lời. Cho nên, cũng thật cần thiết khi tạo một bảng hợp đồng(mình freelancer, làm đơn giản cũng được, chỉ cần chỉ rõ các bước và chức năng cần thực hiện…) để ràng buộc 2 bên cho dễ “nói chuyện”.

2.Skill lên project: Cái này hồi trước cũng lười biếng làm lắm, thấy viết có cái web tí xíu mà cũng lên project, nhưng nhiều khi khách hàng cần cái này để học yên tâm và có thể tracking được thời gian hoàn thành từng phần của project. (chỉ cần làm cái Gantt chart là đủ rồi, có thể sử dụng một số phần mềm hỗ trợ quản lý project để làm, mình thì chỉ biết mỗi MS Project mà đánh)

3.Skill thiết kế: 1 khách hàng bình thường thì sẽ không biết cái kỹ thuật chạy bên trong thế nào đâu, cái đầu tiên họ quan tâm nhất chính là cái giao diện đó bạn, nên ở bước này cũng rất quan trọng, nếu bạn có skill này thì có thể tự design template, nếu bạn không có skill này cũng không sao, có thể nhờ ngườikhác giúp đỡ thiết kế giao diện và slice ra HTML cho bạn để bạn tiếp tục coding. Theo kinh nghiệm bản thân thì cái này mình cũng tập từ từ được đó các bạn, lâu lâu lên mấy cái website cung cấp template, có thể download tempate mấu(thường PSD, FLA) về nghiên cứu(cái cách này mình không khuyến khích), hoặc là bạn thấy một cái screenshot của template nào đẹp, bạn sử dụng skill Photoshop của mình và phát thảo lại từ đầu để cho ra kết quả tương tự cái template screenshot đó, cách này đổi hỏi nhiều ở skill sử dụng phần mềm thiết kế và xử lý ảnh.

4.Skill Coding: Nếu bạn không phải là coder nữa thì cũng khó bàn tiếp, vì mình tập trung chủ yếu ở đây là bạn một freelancer về một ngôn ngữ lập trình(vd:PHP) nào đó, muốn nhận làm project thì yếu tố đầu tiên bạn phải có đó là khả năng coding. Cái này chắc mình nghĩ các bạn cũng có thừa rồi. Mình cũng nhắc sơ qua cho một số bạn sắp và sẽ dấn thân vào con đường này. Đầu tiên bạn cần coi mình sẽ triển khai trên nền hệ điều hành nào (Windows<–chán lắm, Linux…). Tiếp theo, bạn cần chú ý chọn một IDE cho tốt để có thể phát triển project của mình(Zend Studio có lẽ là sự lựa chọn hàng đầu vì nó có nhiều tính năng hay để có thể phát triển một project cỡ bự). Ngoài ra, cần trang bị các kiến thức cần thiết về kỹ thuật lập trình. Có khả năng xử lý opensource, thường thì không phải mình phát triển 1 project từ đầu, có thể mình sẽ phát triển từ một framework nào đó, hoặc sử dụng một module, class nào đó có sẵn, hoặc nhỏ nhất là có thể sử dụng 1 snippet(thường là 1 hàm giải quyết một chức năng bạn cần). Bằng cách nào không quan trọng (trừ trường hợp bất khả kháng do khách hàng yêu cầu phải sử dụng cụ thể cái nào đó ví dụ như họ yêu cầu Joomla, OS-commerce…) chỉ cần bạn hoàn thành đúng thời hạn(nên nhớ là cũng phải test cẩn thận đó) như trong hợp đồng là OK.

5.Skill trì hoãn hợp đồng: Bạn thấy vô lý là cái này cũng được liệt vào đây nhỉ. Theo mình nghĩ là nó cũng là một phần nhạy cảm đó. Đã bao nhiêu lần bạn ký hợp đồng mà bạn làm không kịp thời hạn đã ghi trong hợp đồng? Mình nghĩ có lẽ ít nhất là 1, đối với những bạn chưa bị hoàn cảnh này thì chúc mừng bạn, bạn lên project khá lắm. Mình cũng cần có khả năng giao tiếp để thương lượng, điều đình với khách hàng để gia hạn thời gian hoàn tất hợp đồng. Còn làm bằng cách nào thì tùy mỗi người sẽ có cách của họ.

6.Skill triển khai Web: Đôi khi bạn gặp khách hàng yêu cầu làm web thôi, mọi việc khác để họ lo, đôi khi có những khách hàng họ chỉ có $ và muốn bạn triển khai web đó cho họ. Do đó, bạn cần có kỹ năng về hosting, domain để đi làm việc và cấu hình cho server . Đơn giản nhất là ra mấy công ty cung cấp tên miền, hosting rồi đăng ký là xong, còn nếu muốn triển khai hệ thống gì khác thì tùy coi yêu cầu của khách hàng. Bạn cần phải biết ít nhất là về config PHP để web mình có thể chạy được.Một số việc khác có thể nhờ nhà cung cấp hosting điều chỉnh cho bạn.

7.Skill duy trì và mở rộng quan hệ với khách hàng: chà chà, cái này cũng quan trọng không kém. Nếu mình làm tốt và giao tiếp tốt với khách hàng hiện tại, thì chắc chắn mình sẽ có tín nhiệm từ khách hàng, và việc họ giới thiệu khách hàng khác cho mình là có thể xảy ra, cho nên cũng cần chú ý kỹ năng này để kiếm thêm khách hàng, kiếm thêm thu nhập.

Một vài ý kiến dựa trên kinh nghiệm làm freelancer của mình. Chia sẽ với các bạn, hy vọng sẽ giúp phần nào cho những ai đã, đang và sẽ tham gia vào lĩnh vực freelancer web programming. Good Luck!