Hướng dẫn sử dụng Con bướm xinh Web Screensaver

Sau khi viết bài “CSS3 3D Butterfly – Con bướm xinh phiên bản CSS3“, tôi có ý tưởng làm chương trình này, mục đích vui vẻ là chính, chế ra cái Web Screensaver để anh em chơi dịp Tết sắp đến xuân sắp về. Hôm nay tôi sẽ hướng dẫn các bạn cách cấu hình để có thể điều khiển được chương trình này theo ý mình.

Create a CSS Flipping Animation – Tạo hiệu ứng lật 3D bằng CSS3

Animation là một kỹ thuật hoạt hình rất hấp dẫn và mạnh mẽ của CSS3. Bài hướng dẫn hôm nay của MyLớp.edu.vn sẽ giúp bạn tạo ra một hoạt hình khá bắt mắt, đó là hiệu ứng lật 3D, được sử dụng khá nhiều trong các trang web. Hiệu ứng này sử dụng các thuộc tính perspective, transform, transition và các hàm rotateY(), rotateY() của CSS3.

CSS Background Animations – Tạo hoạt hình đám mây trôi đơn giản

Background animations là một kỹ thuật mạnh mẽ, tạo được hiệu quả bất ngờ nếu bạn biết sử dụng một cách đúng đắn. Trước kia, để làm được việc này, ta phải dùng JavaScript khá phức tạp. May thay, từ khi CSS3 ra đời vài năm gần đây, mọi việc trở nên đơn giản hơn. MyLớp.edu.vn xin giới thiệu tới bạn một ví dụ đơn giản tạo hoạt hình đám mây trôi bằng cách cuộn ảnh nền từ phải sang trái.

Animated scroll to top jQuery Effects

Animated scroll to top là hiệu ứng khá phổ biến và hữu ích trên các trang web có chiều dài lớn. Ở bất kỳ vị trí nào, người dùng cũng có thể cuộn lên phía trên cùng của trang web bằng cách click lên nút “Back to top” thường nằm ở phía dưới bên phải trang web. Hiệu ứng rất êm, mượt, tạo cảm giác dễ chịu.

Đây là một hiệu ứng khá đơn giản mà chúng ta có thể xây dựng bằng jQuery và một chút CSS. Nào, hãy cùng MyLớp.edu.vn tìm hiểu cách làm nhé.

Bật Shortcode cho Excerpt và Text Widget trong WordPress

Shortcode mặc định được bật để có thể chèn vào trong nội dung bài viết, nhưng lại không được bật khi bạn muốn chèn vào Excerpt hoặc Text Widget. Khi mới phát triển trang MyLớp.edu.vn, tôi đã gặp phải vấn đề là shortcode không hoạt động trong Excerpt. Để bật nó, bạn phải thêm một bộ lọc cho hàm the_excerpt bằng cách chèn đoạn code như phía trong bài viết.

CSS Notification Boxes – Tạo các hộp thông báo đẹp mắt bằng CSS

Các hộp thông báo là các thành phần gây chú ý trên các trang web. Để gây được sự chú ý với người truy cập, các hộp này phải được thiết kế bắt mắt, cuốn hút, khác biệt. Hôm nay MyLớp.edu.vn sẽ hướng dẫn các bạn cách tạo ra những hộp thông báo như vậy một cách đơn giản bằng CSS3. Nếu bạn biết CSS, bạn có thể tự sửa code để phù hợp hơn với các dự án web của mình.

Hướng dẫn chèn HTML5 Video vào trang web bằng Video.JS

HTML5 Video giúp bạn chèn video vào trang web một cách khá dễ dàng và tiện lợi. Điểm đặc biệt hay của kỹ thuật này là Video có thể xem được trên tất cả các trình duyệt hiện đại, trên tất cả các nền tảng từ PC, Laptop cho tới Tablet, Mobile…, không phân biệt HĐH Windows, Mac, Adroid hay iOS… Điểm hay nữa của HTML5 Video đó là ta không cần phải cài thêm các plug-in như Flash Player lên các trình duyệt. Quá tuyệt phải không nào?

Và, hôm nay MyLớp.edu.vn sẽ hướng dẫn bạn tìm hiểu cách chèn HTML5 Video vào các trang web cũng như sử dụng thư viện Video.JS để tạo ra một Video Player đẹp đẽ, chuyên nghiệp hơn.

Giới thiệu khóa học Bootstrap 3 bằng Video tiếng Việt

Bootstrap đã, đang và sẽ là CSS Framework hàng đầu trong việc tạo ra các trang web có tính thích nghi cao, gọi là web responsive. Web Responsive là những trang web có thể xem tốt trên tất cả các kích thước màn hình của tất cả các thiết bị khác nhau, từ PC, Laptop, Tablet, Smart Phone cho tới TV… Việc các Web Designer tiếp cận Bootstrap là một điều tất yếu phải xảy ra, nếu bạn không muốn mình bị tụt hậu so với thời cuộc!

Để quá trình mới học Bootstrap được thuận lợi, dễ dàng, nhiều hứng thú, MyLớp.edu.vn xin giới thiệu tới các bạn khóa học Bootstrap 3 bằng Video từ cơ bản tới nâng cao. Đây là khóa học do Web Development Tutorials là người Việt Nam thiết kế nên các bạn khỏi lo trở ngại về vấn đề tiếng Anh nữa nhé!