Cập nhật: [ Css ]

Hôm nay  Laptrinhweb xin chia sẻ cho các bạn một logo đầy màu sắc được làm từ CSS3, đó là logo Colorvivo. Qua bài viết này, các bạn sẽ có thể tận dụng thuộc tính  transform để sắp xếp các màu sắc thành các hình thù như ý.

Tạo logo Colorvivo bằng CSS3

Cập nhật: [ PHP ]

Chuyển đổi định dạng PDF sang định dạng hình ảnh JPG hoặc các định dạng khác có thể quá đơn giản với việc sử dụng phần mềm của bên thứ ba. Tuy nhiên, hôm nay  Laptrinhweb muốn mang đến cho các bạn mới tìm hiểu cũng như các bạn đã có kiến thức về ngôn ngữ PHP có thêm nhiều kinh nghiệm, mình xin chia sẻ cho các bạn một tính năng rất hay mà PHP mang lại cho chúng ta. Tính năng này sẽ giúp các bạn chuyển đổi các file PDF thành những file với định dạng ảnh là JPG.

Chuyển đổi file PDF sang JPG bằng PHP

Cập nhật: [ PHP ]

Hôm nay Laptrinhweb xin tiếp tục mang đến cho các bạn một đoạn code PHP đơn giản nhưng rất hữu dụng. Với đoạn code này các bạn có thể dễ dàng tính số tuổi của một người mà không cần phải suy nghĩ tính toán gì cả, chỉ cần biết thông tìn về ngày tháng năm sinh của người đó là okie.

Tính tuổi dựa trên ngày sinh với PHP

Cập nhật: [ Css ]

Trong bài viết ngày hôm nay, Laptrinhweb xin chia sẻ cho các bạn 6 hiệu ứng chữ đẹp mắt được làm từ CSS3. Các bạn có thể sử dụng những hiệu ứng này cho chính website hay blog của mình.

Hiệu ứng chữ đẹp mắt với CSS3

Cập nhật: [ Css ]

Hẳn là các bạn đã từng quen với các hiệu ứng động mà Google thường mang đến cho chúng ta ngay trên trang chủ của họ, được gọi với cái tên là Google Doodle. Hôm nay chúng ta sẽ bắt chước làm một kiểu đơn giản của họ, điều đặc biệt trong hiệu ứng này là tất cả đều được làm bằng html và CSS3, không sử dụng bất kì một đoạn script nào.

Google Doodle animation bằng CSS3

Cập nhật: [ Css ]

Hôm nay Laptrinhweb sẽ cùng với các bạn tạo logo forrst chỉ bằng CSS3 thuần (không sử dụng hình ảnh). Chìa khóa chính cho việc tạo logo này đó là các hình tam giác và hiệu ứng bóng đổ đều sử dụng thuộc tính borders. Và qua bài viết này mình chắc chắn là các bạn sẽ có thể hiểu và sử dụng tốt thuộc tính transform: rotate(xdeg) của CSS3.

Forrst logo bằng CSS3

Cập nhật: [ Css ]

Hôm nay chúng ta tiếp tục tìm hiểu sâu hơn về CSS3 bằng cách làm một ví dụ đơn giản về cây gia phả (Family Tree). Với chỉ các phần tử danh sách (list) chúng ta sẽ kết nối lại với nhau dựa trên các phần tử Pseudo cùng với hiệu ứng hover tuyệt đẹp. Mình bảo đảm với các bạn, bài viết ngày hôm nay sẽ rất hữu ích cho các bạn.

Tạo cây gia phả (Family Tree ) bằng CSS3

Cập nhật: [ Css ]

Với logo Apple thì có lẽ là chúng ta đã quá quen thuộc rồi, và sẽ rất đơn giản nếu như chúng ta dùng các phầm mềm như Photoshop để tạo logo này. Thế còn CSS3 thì sao ? Có lẽ đến bây giờ thì mình có thể quả quyết là với các thuộc tính CSS3 mang lại, chúng ta có thể vẽ nhiều hơn chúng ta tưởng về những logo hay các hình thù khác nhau.

Tạo logo Apple bằng CSS3

Cập nhật: [ Javascript ]

Việc chèn các câu gợi ý vào các fileds trong form sẽ giúp người dùng dễ dàng nhận biết họ cần phải nhập cái gì trong filed đó. Còn Auto focus sẽ tự động giúp người dùng nên cần nhập cái gì đầu tiên. Đây là 2 chức năng cơ bản mà hầu như mọi website đều dùng cho những mẫu form có trong website của mình.

Chèn Gợi Ý Và Auto Focus Form Fields Với jQuery

Cập nhật: [ PHP ]

Nếu trang web của các bạn có rất nhiều video được lưu trữ tại Youtube hoặc Vimeo thì hẳn là việc lấy thumbnail từ những website này không hề dễ dàng chút nào. Tuy nhiên, không phải là không có cách để lấy những thumbnail này.

Cách lấy ảnh thumbnail từ Youtube hoặc Vimeo video

Cập nhật: [ PHP ]

Thỉnh thoảng, bạn sẽ cần liệt kê danh sách time zone có sẵn cho phép người dùng lựa chọn time zone tại quốc gia hay thành phố mà họ đang sinh sống.

Tạo danh sách Time Zones với PHP

Cập nhật: [ Css ]

Hôm nay , Laptrinhweb sẽ chia sẻ cho các bạn một vài hiệu ứng tuyệt đẹp với  Border Transitions. Qua bài viết này, các bạn có thể học hỏi thêm một vài kinh nghiệm trong việc sử dụng những thuộc tính căn bản của CSS3 và hơn hết là có thể áp dụng những hiệu ứng này vào trong các trang web hay blog của các bạn.

CSS3 border transition effects

Cập nhật: [ HTML ]

Canvas là phần tử mới xuất hiện trong HTML5, việc hiểu rõ và sử dụng canvas sẽ giúp các bạn có thể viết được nhiều ứng dụng như games. Trong bài viết này, chúng ta sẽ tạo một ứng dụng nhỏ đơn giản về HTML5 Canvas. Với ứng dụng này, các bạn có thể lấy mã màu theo HEX và RGB mà chúng ta thường gọi với cái tên là ” Color Picker “.

Tạo ứng dụng Color Picker đơn giản với HTML5 Canvas

Cập nhật: [ Css ]

Tất cả chúng ta đều biết Windows Metro UI rất được các web developers sử dụng bởi giao diện đẹp và rất thân thiện với người dùng, với những màu sắc và hiệu ứng động  bắt mắt. Hôm nay mình sẽ chia sẻ cho các bạn một đoạn CSS3 giúp các bạn có thể thiết kế cho chính trang web hay blog của mình theo phong cách Metro. Điều đặc biệt là nó có khả năng responsive nữa.

Tạo giao diện Windows Metro Style Boxes với CSS3