Collection #01 – Link hay về HTML5 và CSS3

Cuối tuần, Cosmos xin gửi đến các bạn một số link đến các bài viết hay về HTML5 và CSS3 mà Cos sưu tầm được.

Hoa anh đào

Hoa anh đào HTML5 CSS3
[button name=”Source” url=”https://developer.mozilla.org/media/uploads/demos/e/l/elufo/5efb2533c28b17d06ed2d594736bb410/css3-cherry-blossom_1319479594_demo_package/index.html”/%5D
Bạn đã nhìn thấy những bức ảnh chụp hoa anh đào thật đẹp? Rồi những bức ảnh vector dạng wmf hay ảnh đã chuyển về dạng gif, png… Giờ  đây bạn có thể ngắm một bức ảnh hoa anh đào vẽ hoàn toàn bằng CSS3, thật tuyệt vời.

Font chữ làm icon

Font chữ dùng làm icon CSS3
[button name=”Source” url=”http://www.heydonworks.com/article/a-free-icon-web-font”/%5D
Bạn có thể ứng dụng các kí tự đặc biệt này làm icon cho blog của mình, áp dụng @font-face của CSS3. Xem cách sử dụng @font-face tại đây.

Game khối lục giác

Game khối lục giác HTML5 CSS3

[button name=”Source” url=”http://www.fungamescool.com/HexagonalCrystal/hexagonal-crystal.html”/%5D
Với game này, bạn click chuột vào tất cả các khối, trừ khối màu xám, sao cho khối lục giác rơi xuống khối màu xám. Nếu rơi ra ngoài bạn sẽ thua. Game có 15 màn. Đủ để bạn xả stress🙂

Quy tắc ba phần trong thiết kế

Quy tắc ba phần trong thiết kế

[button name=”Source” url=”http://tympanus.net/codrops/2012/05/23/understanding-the-rule-of-thirds-in-web-design/”/%5D
Quy tắc đơn giản nhưng rất hữu ích trong thiết kế.

Video Player bằng HTML5

Video Player bằng HTML5 CSS3

[button name=”Source” url=”http://videojs.com/”/%5D

Thời của Flash đã qua. Với HTML5 bạn có thể chơi được cả video. Hãy xem thử nhé😉

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s