Sử dụng Tooltips với Pure CSS – Hint.css

hintcss-w550
Share Button

Hint.css là một thư viện tooltip trong CSS giúp bạn có thêm những lựa chọn về tooltips cho trang của bạn. Sự khác biệt lớn giữa Hint.css và plugin tooltip khác là Hint.css sử dụng thuộc tính data-*, và thuộc tính class để hiển thị vị trí tooltips. Nó chỉ tương thích với những trình duyệt hiện đại, hỗ trợ đầy đủ HTML5 và CSS3.

Continue reading

Những bộ Iconsets cao cấp dành cho UI Design

10-othericons-iconset-premium-1
Share Button

Cả hai điện thoại di động và web giao diện có thể trông đẹp mắt hơn thông qua việc sử dụng icons thích hợp. Có rất nhiều loại icons với nhiều phong cách khác nhau, vì vậy điều quan trọng là phải tìm ra khi nào và tại sao bạn cần họ. Thế Giới Php sẽ giới thiệu đến các bạn nhưng bộ icons cao cấp với hàng trăm lựa chọn khác nhau và mong rằng nó sẽ giúp ích được cho các bạn trong các dự án sau này.

Continue reading

Sử dụng Stretchy Navigation với Css và jQuery

Stretchy Navigation
Share Button

Bạn có muốn sử dụng Stretchy Navigation trong CSS và jQuery? Đó là một hướng kích hoạt tròn mà trải dài trên click / tap để lộ các mục điều hướng. Có 3 trường hợp người sử dụng khác nhau, nơi đoạn này sẽ có ích cho bạn:

1) Chuyển hướng cố định.

2) Thêm nút nội dung.

3) Sửa nút nội dung.

Cấu trúc HTML là khá cơ bản: thẻ DIV được sử dụng để bọc một danh sách có thứ tự (có chứa các item điều hướng) và một nút kích hoạt (đối với các biểu tượng trình đơn). Một phần tử SPAN bổ sung được sử dụng để tạo ra các nền co giãn.

Continue reading

OkayNav jQuery – Menu rút gọn dành cho Web Responsive

okaynav-jquery
Share Button

Thanh menu luôn là một phần không thể thiếu đối với một trang web. Để có được 1 thanh menu như ý, có thể thay đổi tùy theo kích thước trang web cũng như thiết bị hiển thị thì thật không dễ tí nào. Với OkayNav jQuery, thì mọi chuyện điều trở nên dễ dàng hơn bao giờ hết. Nó sẽ giúp bạn rút ngắn thanh menu thành 1 cụm khi kích thước trình duyệt thay đổi, thay vì hiển thị tất cả.

 

Continue reading

16 Vector Icons miễn phí để làm User Avatars

user-avatar-svg-ai-free
Share Button

Hôm nay, chúng tôi mang đến cho bạn một bộ tuyệt vời của các biểu tượng vector: nhưng đây không phải chỉ là những biểu tượng bình thường, mà là những biểu tượng avatar mà bạn có thể sử dụng trong các dự án và các trang web của bạn miễn phí.

Được thiết kế bởi Users Insights, những 16 biểu tượng vector có sẵn trong cả hai định dạng Illustrator và Sketch. Tải về từ đây.

Continue reading