Tạo hình tam giác với CSS

Demo

Chat with me!

Thông thường chúng ta sẽ không để ý đến việc một border sẽ như thế nào khi kích thước của chúng lớn hơn nhiều so với thẻ chứa. Một trong các ứng dụng của kỹ thuật này là tạo ra các mũi tên (arrow) như demo trên. Chúng ta cũng có thể bắt gặp kỹ thuật này được sử dụng trên trang của Youtube.

Khi mới bắt đầu với html & css thì chúng ta sẽ nghĩ ngay tới việc dùng ảnh thay thế cho mũi tên trên. Nhưng giờ chúng ta đã có thể sử dụng kỹ thuật này mà không cần dùng đến bất kỳ một image nào ( thật thú vị phải không nào).

Vậy bắt đầu nào !

- Đầu tiên mình xin bắt đầu với một vài dòng css :

.css-border-multicolor {
  border-color: red green blue orange;
border-style: solid;
      border-width: 4px
  width: 50px;
  height: 50px;
}
và đây là kết quả :

Còn tiếp ....

Nguồn : http://jonrohan.me/guide/css/creating-triangles-in-css

Google Plus (G+) beta version.

Một mạng xã hội mới từ nhà tìm kiếm khổng lồ Google (Google +). Mặc dù đang trong phiển bản thử nghiệm, nhưng G+ đã khiến khá nhiều người nghiện mạng xã hội tò mò muốn được trãi nghiệm qua.

Một số hình ảnh từ G+ của mình :

Một số tính năng nổi bật như chia sẽ thông tin, hình ảnh video cũng như các mạng xã hội khác cũng được google tích hợp một cách hoàn hảo. Với google thì việc tìm kiếm và share link trên mạng xã hội sẽ trở nên dễ dàng hơn so với facebook.

G+ được tích hợp với Picasa hỗ trợ việc chia sẽ hình ảnh, trong phiên bản mới này google cho phép người dùng có thể tag những người thân hay bạn bè lên ảnh giống như nhũng j mà facebook đã thực hiện.