Trình diễn ảnh với CSS3
Trong bài viết này mình sẽ cùng các bạn tìm hiểu cách làm một gallery ảnh với CSS3. Trước hết các bạn hãy xem qua demo để xem gallery này trông thế nào đã. Nếu demo quá xấu hoặc ko phù hợp với bạn thì có lẽ bạn nên về trang chủ, còn nếu bạn nào có hứng thú chúc ta sẽ cùng tiếp tục nào.
Responsive Web Design - Từ khái niệm tới thực tế
Thế giới Web mà chúng ta vốn biết xưa nay đang thay đổi. Trước đây, thợ tô màu web với thợ chọc sửa mã nguồn vốn chỉ cần quan tâm việc Web nó chạy trên màn hình máy tính như nào, nhúng được vài hiệu ứng flyout, dropdown cùng với Ajax là đã có thể bá đạo thiên hạ. Thì ngày nay, cùng với sự phát triển chóng mặt của nào những iPhone, Galaxy Note tới iPad hay Kindle Fire phổ cập tới mọi tầng lớp, anh em chúng ta lại có thêm việc để làm!
15 ví dụ tốt về Redesign
So với việc thiết kế từ đầu, Thiết kế lại một website phức tạp hơn nhiều lần vì luôn phải đối mặt với những khó khăn đặc thù khó tránh được của quá trình “tái thiết”. Nó giống như việc bạn sửa sang lại một tác phẩm lỗi thời trên bản vẽ đã lấm lem màu, đang e dè với những ý tưởng trong đầu bạn vậy. Nhiệm vụ của designer là khoác lên website một vẻ ngoài hấp dẫn hơn trước, nhưng lại không được xung đột với chức năng và nội dung web . Chính thử thách tương đối khó nhằn này là động lực để chúng ta rèn giũa sức sáng tạo bản thân. Một nhà thiết kế thực thụ sẽ tìm ra được phương án tốt nhất để giải quyết vấn đề và khoác lên mình những chiếc huân chương đầy giá trị qua mỗi trận chiến đấu cho tinh thần sáng tạo!
Tạo hình phản chiếu của một đối tượng trong Web
CSS REFLECTION là tính năng mới tuyệt vời của CSS3. Với CSS REFLECTION bạn có thể tạo hình ảnh phản chiếu của một đối tượng bất kì trong trang web nếu bạn muốn. Nếu như trước đây, để làm được điều này bạn sẽ cần một trình chỉnh sửa ảnh (photoshop chẳng hạn). Còn giờ đây ta có thể làm ảnh đối xứng của nó ngay trên trang web của mình, hơn nữa bạn có xem hình đối xứng của bất cứ đối tượng nào trong trang web của mình. Vậy chúng ta thử tìm hiểu xem nó như thế nào nhé!
Tạo hiệu ứng cho trang web với CSS3 background & transition
Trong bài viết này mình xin giới thiệu các bạn về 2 thuộc tính trong CSS 3 đó là background và transion. Bằng cách kết hợp khéo léo 2 thuộc tính trên chúng ta sẽ tạo ra một hiệu ứng đẹp giúp cho trang web trở nên sinh động hơn. Mọi người có thể xem demo ở đây. Để có thể thấy được hiệu ứng trên các bạn cần sử dụng Chrome (hoặc Firefox, Safari, Opera). Bởi thuộc tính CSS 3 transition chỉ được hỗ trợ trên trình duyệt đó.