Cách dùng thẻ input để làm Form trong HTML5

Làm Form trong HTML5 đơn giản hơn nhiều HTML thường, lý do nằm ở chỗ bạn không cần dùng Javascript để Validate (bắt lỗi dữ liệu) các trường nữa. Tất nhiên điều này không tuyệt đối, một số cái vẫn phải dùng Javascript, nhưng gì thì gì, chơi với HTML5, code mà bạn phải gõ sẽ ít hơn nhiều lần. Hiện trình duyệt Google Chrome hỗ trợ tốt nhất các thẻ input mới, do vậy tôi khuyên bạn nên dùng anh bạn này để xem các ví dụ trong bài viết. Tôi sẽ bắt đầu luôn với thẻ input mà …

Đọc thêm

Code nhúng video trong HTML5

HTML5 cho phép chúng ta nhúng video vào trang web rồi xem trực tiếp trên trình duyệt mà không cần phải sử dụng plugin của bên thứ ba như Adobe Flash Player. Hôm nay Blog Kiến càng sẽ cùng bạn xem code nhúng này cụ thể như thế nào. Ví dụ: Code mẫu: Giải thích code: Để nhúng video chúng ta bắt đầu bằng thẻ mở <video> và kết thúc bằng thẻ đóng </video> width và height quy định chiều rộng và chiều cao của video. controls làm xuất hiện nút Play (bật video), Pause (tạm dừng), tùy chọn toàn màn hình và nút điều …

Đọc thêm

Slideshow đơn giản với code Javascript thuần

Slideshow là yếu tố trợ giúp thẩm mỹ rất tốt cho trang web, hôm nay tôi sẽ giới thiệu với bạn code Javascript để làm Slideshow dạng đơn giản kiểu next, back. Code khá ngắn và cũng không phức tạp lắm. Đầu tiên bạn phải chuẩn bị vài bức ảnh, bao nhiêu cái tùy bạn, trong ví dụ này tôi lấy 4 bức JPG. Tiếp theo chúng ta cho 4 anh bạn này vào thư mục images, nhớ kiếm cả 2 ảnh next và back để cho vào luôn nếu muốn đẹp, còn không để 2 cái button thô thô …

Đọc thêm

Add-on đo kích thước trang web cho Google Chrome và FireFox

Tiện ích đo kích thước trang web
Để đo kích thước các thành phần trên trang web bạn thường phải chụp màn hình rồi đưa vào công cụ đồ họa để đo. Nếu 1 năm bạn phải đo có một hai lần thì đó là cách cũng không tệ, nhưng nếu 1 tuần mà bạn phải đo vài lần thì sao? Rõ ràng là khá phiền toái. Cả trình duyệt Chrome và FireFox đều có tiện ích rất tốt giúp bạn nhanh chóng biết được kích thước tính ra px.

Đọc thêm

9 cách sử dụng background (nền) trong CSS

Background là thuộc tính quan trọng trong CSS, nó được dùng để tạo nền cho các thẻ mà dễ thấy nhất là thẻ body. Nền có hai kiểu: nền màu và nền dùng ảnh. Nền màu là cách dùng nền phổ biến hơn cả, hầu hết các trang web đều sử dụng nền cho toàn trang là màu đơn sắc nào đó có khuynh hướng gần với màu trắng, nều màu cho các phần khác của trang thì đa dạng hơn. Có một số thuộc tính của background chỉ được hỗ trợ trong CSS3. Còn dưới đây là danh sách các …

Đọc thêm

Danh mục CSS

5 thuộc tính của font trong CSS

CSS có rất nhiều thuộc tính, bạn có thể có được trang web đẹp mà không cần biết tất cả, nhưng có một vài thuộc tính vô cùng quan trọng mà bạn không thể không biết – Font là một trong những thuộc tính như vậy. Chém gió Trong thế giới web có khoảng 10 font phổ biến rất hay được nhà thiết kế sử dụng. Có nhiều nguyên nhân nhưng chủ yếu là vì các font này hầu như đã được cài sẵn trên máy người dùng rồi, thứ nữa đây là những font quen mắt đã chứng minh …

Đọc thêm

Danh mục CSS

ColorZilla – tiện ích lấy mã màu cho dân thiết kế

ColorZilla là tiện ích mở rộng cho trình duyệt chuyên dùng để lấy mã màu hết sức tiện lợi. Dù bạn dùng Google Chrome hay FireFox sử dụng ColorZilla đều ổn cả. Khi lướt web bỗng dưng bạn thấy một màu sắc nào đó rất hợp mắt ở ảnh chụp hay hình nền…và bạn tò mò muốn biết mã màu, ColorZilla sẽ giúp bạn trong vài click. Hay khi bạn muốn chọn cho mình một mã màu tùy ý trong bảng màu, ColorZilla cũng tích hợp sẵn Color Picker cho bạn. Và bây giờ là địa chỉ tải cho Google …

Đọc thêm

Danh mục CSS

Danh sách 17 tên màu sắc tiêu chuẩn trong CSS

Dưới đây là danh sách tên các màu sắc trong CSS được hỗ trợ bởi tất cả các trình duyệt, có 17 tên màu tiêu chuẩn là: Có bạn hỏi đã có mã màu rồi còn tên màu làm gì? như vậy có thừa không? Câu trả lời là không thừa… Với mã màu bạn có rất nhiều màu sắc nhưng nói chung chúng khó nhớ hơn rất nhiều so với tên màu – vốn gần gũi hơn. Chẳng hạn tôi muốn làm chữ màu đỏ thay vì phải nhớ mã màu đỏ tôi chỉ việc nhớ tên tiếng Anh …

Đọc thêm

Danh mục CSS

Tổng hợp hơn 100 HTML Entities phổ biến

Nếu bạn muốn sử dụng ký hiệu > hoặc < trong trang HTML bạn phải sử dụng HTML Entities, cụ thể dấu < cần được viết là &#60; trong mã HTML, câu hỏi đầu tiên bạn đặt ra: tại sao lại phải rắc rối thế? Câu trả lời là, nếu bạn sử dụng dấu < thì trình duyệt có thể nhầm đấy là thẻ mở trong HTML, để tránh nhầm lẫn bạn phải sử dụng ký tự thay thế &#60; Ngoài ra có rất nhiều biểu tượng bạn không thể gõ trực tiếp được từ bàn phím, ví dụ như biểu tượng …

Đọc thêm