Hình nền Wallpaper chất lượng tháng 9 - 2013

on Thứ Bảy, 31 tháng 8, 2013
Hình nền Wallpaper chất lượng tháng 9 - 2013: [Tháng 9-2013] Một tháng cũ vừa kết thúc, tháng 9 vừa đến. Theo thường lệ mỗi tháng, tạp chí Smashing magazine cung cấp cho người đọc một số wallpaper chất lượng từ khắp nơi trên thế giới. Hãy làm mới desktop của bạn để đón chào tháng mới nhé. Chúc mọi người tháng mới vui vẻ và gặp nhiều may mắn nhé.

Twitter Bootstrap qua 15 mẫu thiết kế web nên xem

on Thứ Tư, 28 tháng 8, 2013
Twitter Bootstrap qua 15 mẫu thiết kế web nên xem Twitter Bootstrap bao gồm các mã HTML và CSS cơ bản cho Typography, forms, buttons ... và nhiều thành phần khác của website. Nó giúp chúng ta giảm thiểu thời gian thiết kế HTML và CSS, định nghĩa sẵn các class CSS công việc của chúng ta chỉ là sử dụng các class đó vào mục đích của mình. Ngoài ra, Twitter Bootstrap còn hỗ trợ Responsive Design. Và hôm nay, mình sẽ giới thiệu một vài website mẫu dùng Twitter Bootstrap đẹp mắt, dễ gây ấn tượng cho người xem.

Accordion menu với HTML5 và CSS3

on Thứ Năm, 22 tháng 8, 2013
Accordion menu với HTML5 và CSS3: Accordion menu là một dạng menu được dùng nhiều trong các thiết kế web hiện đại. Ngoài việc dùng cho menu, Accordion menu có thể sử dụng cho nội dung, hình ảnh.

Những điểm cần lưu ý để tạo một Portfolio hấp dẫn

on Thứ Ba, 20 tháng 8, 2013
Với tư cách là giám đốc thiết kế của Behance, Matias Corea đã dành rất nhiều thời gian xem xét các portfolio ấn tượng của rất nhiều nhà thiết kế trên thế giới.
>> Bài học lớn từ những thiết kế thành công
>> 5 xu hướng thiết kế Logo rập khuôn cần tránh
>> Thiết kế Apple: Tỉ lệ vàng, hình chữ nhật vàng, dãy Fibonacci
>> 30 điều mà các Web Developer cần biết
>> Đơn giản là tốt nhất
Để có cái nhìn sâu sắc hơn: việc gì nên làm (việc gì không nên) khi các nhà các thiết kế Việt Nam muốn tạo cho mình một portfolio sáng tạo hấp dẫn, chúng tôi xin ghi lại nhận xét và lời khuyên của ông để chúng ta có một sản phẩm trực tuyến sáng tạo và “đánh gục” được bất cứ một doanh nghiệp nào khi nhìn thấy.

1. Xem lại toàn bộ sản phẩm, chọn cái tốt nhất

Hãy dành thời gian xem xét lại toàn bộ sản phẩm mà bạn đã từng làm, và hãy cẩn thận để chọn những sản phẩm mà nó sẽ phù hợp với định hướng sắp tới.
Có một lời khuyên từ cố vấn của tôi là: hãy giới thiệu các sản phẩm mà bạn sẽ muốn làm trong tương lai. Hãy chọn những dự án mà bạn thực sự tự hào, nhìn đẹp nhất v..v
Chọn ít nhất 05 dự án mà qua đó chứng minh được độ “rộng” trong công việc của bạn, nhưng hãy chọn lọc.
Hãy luôn ghi nhớ điều này, vì rõ ràng, việc chỉ có một vài dự án nhưng chất lượng tuyệt vời, sẽ hơn hẳn có vài chục dự án nhưng một vài thứ trong số chúng nhìn “tàm tạm”. Không thể không có một portfolio ấn tượng với việc có các dự án yếu kém.
“Luôn giới thiệu sản phẩm phù hợp với định hướng công việc của bạn trong tương lai”

2. Sử dụng hình ảnh đẹp, và chia sẻ câu chuyện.

Sau khi chọn lựa các dự án hoặc sản phẩm bạn muốn thể hiện, hãy thêm những thông tin về dự án, cũng như quá trình hình thành dự án, hoặc suy nghĩ của bạn để làm sao thể hiện dự án đó tốt nhất.
Có một số lượng lớn người truy cập muốn biết được câu chuyện phía sau quá trình hoàn thành dự án của bạn, hãy suy nghĩ về quá trình thể hiện – từ ý tưởng ban đầu, quá trình phát triển phác thảo và hoàn thành sản phẩm thế nào.
Một nguyên tắc nhỏ là hãy trình bày đoạn miêu tả này đầu tiên, sau đó là những bức ảnh miêu tả chi tiết hơn của từng giai đoạn công việc. Tạo một chút phong cách cho các tấm ảnh là một việc nên làm, miễn làm nó không làm mất đi điều mà bạn muốn thể hiện.
Theo Matias: “ Bắt đầu với đoạn mô tả ngắn về dự án, thêm một tiêu đề có ý nghĩa hoặc gợi ý về điều mà dự án này thể hiện. Bạn phải chắc rằng người xem chỉ cần liếc nhìn đoạn văn ngắn, kèm thêm hình ảnh đầu tiên vừa đủ để người đọc có hứng thú xem toàn bộ dự án.
NOVUM 11/11 by Paperlux
NOVUM 11/11 by Paperlux
Written Portraits by Van Wanten Etcetera
Written Portraits by Van Wanten Etcetera
Citroën DS Line Book by Laurent Nivalle
Citroën DS Line Book by Laurent Nivalle
Một khi bạn đã quyết định cách bố trí khung để giải thích dự án của bạn như thế nào, hãy tập trung cho việc tìm kiếm những hình ảnh hoản hảo hoặc phương tiện truyền thông để giới thiệu dự án, sau đó bắt đầu tạo một ảnh bìa.
“Khi sử dụng hình ảnh để giới thiệu dự án của mình, điều quan trọng nhất là hình ảnh đó phải “mưu mẹo”, theo lời Matias.
Ảnh bìa giới thiệu không nhất thiết phải là hình ảnh chi tiết trong dự án, bạn có thể thiết kế trang bìa cho mình dựa theo yêu cầu hoặc điểm đặc biệt của dự án. Ví dụ: trang bìa bạn dùng chữ để miêu tả, hãy sử dụng hoặc thiết kế hình ảnh đi theo sao cho hợp lý nhất.
Orlando Aquije Abarca on the Behance Network
Heydays on the Behance Network
Andy Gugel, Art Director on the Behance Network

3. Thiết kế đơn giản, hãy để sản phẩm là cái được tập trung

Khi thiết kế một trang portfolio, cái bạn cần là một trang wesite đơn giản. Cái bạn cần là chính là sự tập trung vào sản phẩm của bạn, do đó, hãy loại bỏ những yếu tố gây nhiễu.
“Trang web  của bạn là nơi mọi người tìm thấy công việc của bạn. Trang web quá hào nhoáng, độc đáo sẽ gây khó khăn trong việc tìm kiếm nội dung, lời khuyên này không phải bởi vì tôi yêu thích phong cách thiết kế tối giản” – mà đó là yếu tố quan trọng để bạn tạo ra một môi trường trực quan để giới thiệu công việc của bạn hiệu quả nhất.
“Giao diện đơn giản cũng sẽ làm nổi bật sản phẩm của bạn lên trên nền trang web, vị trí xứng đáng dành cho nó”.
Tóm lại, một menu chuyển hướng đơn giản, và một vài tính năng là một trang web cần có là đã đủ. ”Có một portfolio với bộ sưu tập sản phẩm của mình, kèm theo một trang liên hệ tác giả: – đó đã là một trang portfolio tuyệt vời.
Theo Matias, việc chỉ sử dụng một phông chữ, và các thành phần khác phù hợp với font chữ đó, chọn một màu đồng nhất khi nhấp vào liên kết sẽ làm cho thiết kế nhìn đơn giản nhưng vẫn rất đẹp.
bradgeiger.com, built on ProSite
iancrombie.net built on ProSite

4. Thể hiện quan điểm.

Ở trang giới thiệu, hãy kể về bạn, điểm đặc biệt, quan điểm v..v chứ đừng chỉ tập trung vào công việc. Dưới đây là vài điểm bạn có thể chia sẻ:
  • Chia sẻ quan điểm của bạn: là người làm sáng tạo, bạn phải có quan điểm của riêng mình về nền công nghiệp và thế giới sáng tạo đúng không? Lúc nào bạn sáng tạo nhiều nhất? Mong muốn về nghề nghiệp của bạn là gì?
  • Chia sẻ câu truyện về nghề nghiệp của mình:  tại sao bạn lại thích thiết kế? Quan điểm về thiết kế của bạn là gì? Bạn đã lấy những ý tưởng sáng tạo ở đâu v…v
  • Tổng hợp các kinh nghiệm của bạn; Hướng thông tin của bạn với công việc sáng tạo, sự kết nối của bạn với nghề này. Một số suy nghĩ về khách hàng, về tạp chí…
  • Cởi mở; Chia sẻ một số sở thích, những ước mơ mà bạn mong muốn.
“Cá nhân hóa trang “Giới thiệu – About” để nói về BẠN, chứ không phải liệt kê những việc bạn đã làm”.

Thêm một vài yếu tố đặc biệt và quảng bá công việc của mình

Nếu có một vài giải thưởng, hoặc đã từng xuất hiện trên báo chí, truyền hình thì sao bạn lại không “khoe” ra nhỉ?
Bên cạnh  đó, việc chia sẻ dễ dàng các sản phẩm, địa chỉ của mình trên các phương tiện truyền thông trực tuyến(facebook, twiter…) sẽ giúp bạn tương tác và tìm kiếm độc giả cho mình nhiều hơn.
Nếu bạn có một Blog cá nhân, tại sao không tích hợp vào portfolio của mình? Một blog được cập nhật thường xuyên, sẽ thể hiện bạn là người chuyên nghiệp và chứng tỏ được giá trị của mình.
Matias khuyên: Blog luôn cần cho website của bạn, đừng quên điều đó.

Luôn tươi mới

Cuối cùng, hãy luôn giữ Portfolio của bạn tươi mới, một portfolio tốt nhất khi nó được cập nhật thường xuyên. Do đó, khi có dự án mới hãy nhớ cập nhật  ngay lập tức, tuy nhiên, hãy nhớ cẩn thận trong việc lựa chọn sản phẩm khi cập nhật.

Hội thảo phát triển Web WDC2013 tại TPHCM

on Thứ Bảy, 17 tháng 8, 2013
Hội thảo phát triển Web WDC2013 tại TPHCM: Đã hơn 15 năm kể từ khi Internet đặt nền móng tại Việt Nam. Website đã dần dần trở thành một phần rất quan trọng đối với cá nhân/doanh nghiệp và có hàng trăm lý do để thể hiện tầm quan trọng đó.

Download Free Flat Icon

on Thứ Năm, 15 tháng 8, 2013
Below are 28 Download Free Icon Sets which can use your personal and commercial projects.

Free Flat Social Media Icons

35 icons (PNG and PSD fromats)
free-flat-icons-1

Flatilicious 

48 Free Flat Icons (PSD format)
free-flat-icons-2

Flat Icons

20 Icons (PSD format)
free-flat-icons-3

Flat Icons

(3600 free Icons)
free-flat-icons-4

Flat Icons

24 Icons (PSD)
free-flat-icons-5

Plex

119 Icons  (PNG)
free-flat-icons-6

Cosmo Mini 

1262 Icons (PNG)
free-flat-icons-7

Eldorado Mini

1262 Icons (PNG)
free-flat-icons-9

Circle Icons Pack

150 Icons (PNG)
free-flat-icons-10

Flat Icons

24 Icons (PSD)
free-flat-icons-11

Flat Design Icons Set Vol1

16 Icons (PSD)
free-flat-icons-12

Flat Design Icons Set Vol2

16 Icons (PSD)
free-flat-icons-13

Flat Design Icons Set Vol3

16 Icons (PSD)
free-flat-icons-14

Flat Design Icons Set Vol4

16 Icons (PSD)
free-flat-icons-15

Flat Icons Pt.1

12 Icons (PSD)
free-flat-icons-16

Flat Icons Pt.2

12 Icons (PSD)
free-flat-icons-17

Flat Icons

12 Icons (PSD)
free-flat-icons-18

Flat Icon Set

16 Icons (PSD)
free-flat-icons-19

Flat Credit Card Icons

5 Icons (PSD)
free-flat-icons-20

Publicons

12 Icons (PNG & SVG)
free-flat-icons-21

Flat Social Icons

72 Icons (AI & EPS)
free-flat-icons-22

Flat Social Icons

14 Icons (PSD)
free-flat-icons-23

Free Shades

44 Icons (PSD)
free-flat-icons-24

Eldorado mini free

1262 icons (PNG)
free-flat-icons-25

Email Icons

(PSD)
free-flat-icons-26

Publicons

12 Icons (PNG, SVG)
free-flat-icons-27

Flat files

Free icons (PSD, PNG)
free-flat-icons-28

Học làm game với HTML5

on Thứ Tư, 14 tháng 8, 2013
Hiện nay, HTML5 đang trên đà phát triển, những ứng dụng của nó và những tiện ích của nó ngày càng phát triển và được nhiều cộng đồng mạng quan tâm và các nhà đầu tư lớn về CNTT chú trọng. Chưa biết nó có thể đánh bại Flash hay không, nhưng với những gì mà HTML5 hỗ trợ, nó thật tuyệt vời. Và bạn, 1 amater chưa biết gì về HTML5, nếu quan tâm nó, bạn có thể tạo ra những game cực kỳ đơn giản và dể hiểu.
Với HTML5, tất cả là có thể để làm 1 game từ cơ bản đến phức tạp, từ 2D đến hỗ trợ cả 3D rất sống động. Mình sẽ viết ra đây để giới thiệu các bạn và mong các bạn yêu thích lập trình có cơ hội tìm hiểu nó. 

Tất cả những gì bạn cần để viết 1 game HTML5 là 
+ Trình duyệt : máy của bạn cần cài ít nhất 5 trình duyệt để test và kiểm tra lỗi : IE, Chrome, Safari, Firefox, Opera. Hãy lưu ý với IE nhé, anh ấy rất là khó tính, hehe. 
+ Nền tảng Javascript : bạn cần phải có nền tảng javascipt cơ bản để có thể hiểu được những gì cơ bản nhất mà HTML5 thể hiện. Và giúp bạn hiểu những mã nguồn HTML5 nhanh hơn. 
+ Jquery : thực ra, đây là 1 thư viện viết lại bằng javascript nhưng nó giúp chúng ta dễ dàng hơn trong việc lập trình, và nó cũng fix 1 số lỗi tự động trên các trình duyệt phổ biến khi chúng ta gọi thực thi bàng jquery mà không cần quan tâm. Tuy nhiên, sự hỗ trợ này vẫn còn hạn chế, vì các trình duyệt phát triển không cái nào giống cái nào, nhất là chú IE. 
+ PHP : hoặc bất cứ ngôn ngữ server nào. Nếu bạn muốn làm 1 game HTML5 thực sự, bạn phải đồng bộ dữ liệu để lưu lên server khi cần. 
+ Kiến thức HTML5 : bạn hãy tìm hiểu về những cái mà HTML5 hỗ trợ, nó thật mạnh mẽ và đáng để tìm hiều. Bạn có thể tìm kiếm trên mạng hoặc đọc ở đây : http://slides.html5rocks.com/#landing-slide , đây là site mà được hỗ trợ củaGoogle để thành lập, rất hay và nhiều thứ cập nhật liên tục. 

Bạn cần chuẩn bị nhé. Tuần sau, mình rãnh sẽ viết demo và hướng dẫn chi tiết để các bạn làm được 1 demo như thế này : 
 

Mình đã thực hiện trong vòng khoảng 3 tuần, hehe. Các bạn nào rãnh có thể thực hiện trong vòng 1-2 tuần, vì mình còn đi làm :D