Hiệu ứng Zoom vào chi tiết ảnh hay dùng với các trang web bán hàng. Khi đó, chúng ta có hình ảnh sản phẩm ở kích cỡ vừa phải, nhưng rõ ràng người dùng muốn mua thường thích nhìn kỹ càng hơn, lúc đó khi họ di chuột vào bức ảnh, hiệu ứng giống như kính lúp soi vào sẽ xuất hiện, cho phép thấy kích thước lớn. Trường hợp chỉ cần phóng to đơn giản bạn dùng CSS3 để Zoom ảnh là đủ rồi. Tuy nhiên nếu muốn hiệu ứng đẹp hơn, tốt hơn chúng ta cần xài Jquery. Plugin Cloud Zoom …
Với đa số trang web, văn bản là thành phần quan trọng hàng đầu. Việc tác động tới cách trình bày của văn bản thông qua CSS là cách thức phổ biến để tạo ra hiệu ứng thẩm mỹ cũng như ấn tượng với người đọc. Hôm nay Kiến càng sẽ giới thiệu với bạn 8 thuộc tính như thế. Danh sách các thuộc tính văn bản trong CSS mà chúng ta sẽ xem xét trong bài này bao gồm: text-indent letter-spacing word-spacing text-decoration text-align line-height text-transform vertical-align Giờ chúng ta sẽ bắt đầu đi vào các thuộc tính cụ …
Làm form bằng HTML và chỉnh sửa lại giao diện cho đẹp với CSS không khó, bạn chỉ cần nhớ mấy cái input type là OK. Vấn đề nằm ở Validate, tức là chuẩn hóa dữ liệu nhập vào và một số yêu cầu khác nữa. HTML5 làm form cũng rất tốt, nhưng có hạn chế là chưa được hỗ trợ rộng rãi và thống nhất giữa các trình duyệt, do vậy chúng ta vẫn phải cậy nhờ khá nhiều vào Javascript. Về sau bạn sẽ biết ngoài việc bắt lỗi dữ liệu tại máy khách thì chúng ta còn …
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à …
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 …
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ô …
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 …
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ó 3 cách để có một thứ gì đó: một là bạn tự làm ra nó, hai là bạn bỏ tiền túi ra mua và cuối cùng – cái mà ai cũng hào hứng – bạn có nó hoàn toàn miễn phí!