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

Cập nhật: [ HTML ]

HTML5 Template luôn luôn là mẫu theme mà mình muốn chia sẻ cho các bạn. Nếu muốn tìm một template vừa đơn giản, vừa gọn gàng và khả năng responsive cao thì Lifesocial sẽ là mẫu theme tuyệt vời mà các bạn nên áp dụng ngay cho chính website hay blog của mình. Lifesocial Free html5 Template hoàn toàn miễn phí được tạo bởi  TemplateMonster.

Lifesocial Free html5 Template

Cập nhật: [ Css ]

CSS3 luôn luôn mang lại những cảm hứng và điều bất ngờ cho những ai lần đầu sử dụng nó. Hôm nay, mình tiếp tục chia sẻ cho các bạn một bộ sưu tập những hiệu ứng tuyệt đẹp dành cho các icon. Những hiệu ứng này rất thích hợp cho các trang được thiết kế theo dạng phẳng (flat design).

Icon Hover Effects với CSS3

Cập nhật: [ PHP ]

Backup hay sao lưu dữ liệu luôn luôn là việc làm cần thiết và quan trọng nhất.  Có rất nhiều cách để backup database cho website của các bạn. Hôm nay, Laptrinhweb xin chia sẻ cho các bạn thêm một cách nữa đó là sử dụng đoạn code PHP bên dưới để backup dữ liệu thành một file XML.

Backup Database thành một file XML với PHP

Cập nhật: [ Javascript ]

Cookies là một dạng lưu trữ dữ liệu trên máy người dùng, nó cho phép các bạn lưu lại dữ liệu nhập từ người dùng theo thời gian ấn định. Ví dụ như khi các bạn viếng thăm một trang web và đăng nhập với username và password, thì các bạn có thể lưu lại thông tin này ngay tại trình duyệt nếu như trang web đó có hỗ trợ Cookies (Với lựa chọn “Remmember me”).

Hướng dẫn sử dụng Cookies trong Javascript

Cập nhật: [ Css ]

Hôm nay, tình cờ ghé thăm một blog nước ngoài và mình bị ấn tượng ngay với một hiệu ứng động trên sidebar của blog đó. Và ngay lập tức mình nghĩ ngay tới việc chia sẻ nó cho các bạn, với hiệu ứng này các bạn có thể áp dụng vào ngay cho website hay blog của mình.

Tạo 3D Animating Sidebar với CSS3