html

  1. filiallion

    Share Tìm hiểu về Canvas trong HTML5

    HTML5 hiện nay đang chiếm giữ vị trí quan trọng trong lĩnh vực web, với các ưu điểm vượt trội giúp HTML5 có sức mạnh vượt ra ngoài phạm vị khi không chỉ là dùng để thiết kế các website thông thường mà HTML5 còn được sử dụng để thiết kế các game trên nền web. Và Canvas là một thành phần rất quan...
  2. filiallion

    Share Nhúng video vào website trong HTML5

    Video là nội dung có khả năng truyền đạt rất tốt với hình ảnh trực quan, sinh động, chính vì vậy mà có nhiều website sẽ sử dụng video làm một phần trong nội dung. Ở đây tôi không đề cập tới các thể loại website chuyên video như YouTube hay Vimeo... mà chỉ đề cập tới việc nhúng video vào các...
  3. filiallion

    Admin Giao diện quản trị website Laravel chuyên nghiệp Vuexy 4.1.0

    Giao diện quản trị HTML luôn luôn cần thiết đối với bất kỳ một dự án website nào bởi gần như tất cả các website đều phải có quản trị để quản lý nội dung, người dùng... Và một giao diện quản trị tốt cũng sẽ giúp cho việc quản lý website trở nên dễ dàng, chuyên nghiệp hơn, đặc biệt là đối với các...
  4. filiallion

    Share Thiết kế giao diện website đơn giản với thư viện Water.css

    Các bạn đang có ý định phát triển website đơn giản, nhẹ nhàng thì có thể cân nhắc sử dụng thư viện Water.css để thiết kế giao diện. Nếu xem Water.css như một CSS framework thì không chính xác bởi vì thư viện Water.css chỉ cung cấp vài thành phần cơ bản như form, typography,... mà thôi. Điểm nổi...
  5. filiallion

    Share Xây dựng giao diện website với CSS framework Shoelace.css

    Tôi tiếp tục giới thiệu với các bạn một CSS framework khác đó là Shoelace.css. Nếu các bạn đã sử dụng qua Bootstrap, UIkit hay Metro thì các bạn hoàn toàn dễ dàng làm quen với Shoelace.css. CSS framework Shoelace.css cũng cung cấp các thành phần dùng để xây dựng giao diện website như grid...
  6. filiallion

    Share Tạo các thành phần website với thư viện Tailwind CSS

    Hiện nay có rất nhiều thư viện CSS và JavaScript dùng để xây dựng giao diện website, hầu hết các thư viện đều hỗ trợ tạo ra nhiều thành phần khác nhau như button, form, table, card,... Tuy nhiên, hầu hết các thư viện đều cung cấp rất nhiều thành phần mà ít khi các bạn dùng tới, nhất là đối với...
  7. filiallion

    Share Thiết kế giao diện website với CSS framework Tachyons

    Thiết kế giao diện website các bạn sẽ nghĩ tới Bootstrap, UIkit, Metro hay cao cấp hơn có thể là React, Angular,... Với sự hỗ trợ của các thư viện này, các bạn sẽ dễ dàng thiết kế hoàn chỉnh giao diện website cũng như việc quản lý mã lập trình trở nên tốt hơn. Bài viết này tôi sẽ giới thiệu với...
  8. filiallion

    Share Sử dụng CSS framework Pure để thiết kế giao diện website

    Hiện nay, để thiết kế giao diện website đa phần các bạn đều sử dụng CSS framework và cũng có nhiều CSS framework để phục vụ các bạn, một trong số các CSS framework phổ biến nhất hiện nay phải kể đến là Bootstrap, UIkit, Metro... Các CSS framework này đáp ứng gần như toàn bộ các yêu cầu thiết kế...
  9. filiallion

    Share Thiết kế giao diện website với CSS framework Skeleton

    Nói về CSS framework thì chắc chắn các bạn đều biết đến Bootstrap, đây là một CSS framework rất nổi tiếng được rất nhiều các bạn thiết kế website sử dụng để dựng giao diện. Ngoài Bootstrap thì còn nhiều CSS framework khác như UIkit hay Metro, bài viết này tôi tiếp tục giới thiệu với các bạn một...
  10. filiallion

    Share Tạo hiệu ứng hoạt hình đẹp với thư viện Infinite

    Với sức mạnh của CSS3 các bạn có thể dễ dàng tạo ra nhiều hiệu ứng hoạt hình mà không cần phải dùng tới hình ảnh hay JavaScript. Các hiệu ứng hoạt hình như hiệu ứng loading, nhấp nháy... sẽ tạo điểm nhấn cho website, góp phần làm cho website trở nên chuyên nghiệp hơn. Bài viết này tôi giới thiệu...
  11. filiallion

    Share Tạo hiệu ứng khi hover hình ảnh với thư viện Hover Effect Ideas

    Trên các website đẹp, ngoài nội dung thì hình ảnh là một phần không thể thiếu, vì vậy các hiệu ứng với hình ảnh thường được các bạn lập trình viên quan tâm. Việc tạo ra các hiệu ứng đẹp cho hình ảnh giúp cho website trở nên chuyên nghiệp hơn. Hiện nay có rất nhiều cách để tạo hiệu ứng cho hình...
  12. filiallion

    Share Thiết kế giao diện website đẹp mắt với CSS framework Topcoat

    Tính thẩm mỹ của website là một yếu tố quan trọng giúp cho website đạt được thành công, tất nhiên đây không phải là yếu tố quyết định mà hiệu suất, nội dung và nhiều yếu tố khác kết hợp mới tạo nên sự thành công cho một website. Về mặc thẩm mỹ hiện nay các bạn có thể thiết kế ra nhiều kiểu mẫu...
  13. filiallion

    Share Sử dụng CSS framework ModestaCSS để thiết kế giao diện website

    Với sự phổ biến của các CSS framework hiện nay, công việc thiết kế các giao diện website bằng HTML với CSS ngày càng trở nên nhẹ nhàng và nhanh chóng hơn rất nhiều. Mỗi một CSS framework có một đặc điểm, giao diện riêng, tuỳ vào yêu cầu thiết kế mà các bạn chọn cho mình một CSS framework phù...
  14. filiallion

    Share Xây dựng bố cục website đơn giản với thư viện Smart CSS Grid

    Tôi đã giới thiệu với các bạn nhiều thư viện CSS dùng để xây dựng bố cục website bao gồm cả các thư viện đơn giản cho tới các thành phần trong các CSS framework. Bài viết này tôi tiếp tục giới thiệu với các bạn một thư viện tương tự đó là Smart CSS Grid. Thư viện Smart CSS Grid là một bộ CSS nhỏ...
  15. filiallion

    Share Tạo hiệu ứng hình ảnh tương tự Instagram với thư viện Instagram.css

    Instagram là một mạng xã hội hình ảnh lớn nhất hiện nay thuộc quyền sở hữu của Facebook. Mạng xã hội Instagram chứa tới hàng tỉ hình ảnh do người dùng tải lên, mỗi hình ảnh người dùng có thể áp dụng nhiều hiệu ứng khác nhau tạo ra sự khác lạ cho hình ảnh, từ hình ảnh màu các bạn có thể chuyển...
  16. filiallion

    Share Tạo bố cục website với thư viện 60GS

    Hiện nay có nhiều CSS framework giúp các bạn lập trình viên front-end thiết kế giao diện một cách nhanh chóng. Trong các CSS framework đó luôn luôn có một thành phần quan trọng đó là các lưới (Grid) dùng để trình bày bố cục website. Thành phần này được xem là quan trọng bởi bất kỳ website nào...
  17. filiallion

    Share Tạo form đẹp mắt một cách nhanh chóng với thư viện Boilerform

    Mặc định các trình duyệt khác nhau tạo ra một kiểu dáng form khác nhau và thật sự là không được đẹp. Nếu các bạn muốn tạo ra một form có kiểu dáng đồng nhất trên mọi trình duyệt từ máy tính, máy tính bảng cho tới điện thoại di động thì các bạn có thể viết CSS tuỳ chỉnh. Tuy nhiên, các bạn có thể...
  18. filiallion

    Share Tạo hiệu ứng hoạt hình loading với thư viện Repaintless.css

    Khi truy cập website các bạn sẽ cần một khoảng thời gian nhỏ để trang web hiển thị toàn bộ nội dung trên trình duyệt, trong khoảng thời gian chờ đợi này nhiều website thiết kế các biểu tượng chuyển động hoạt hình vừa giúp người dùng biết tình trạng tải trang cũng như tạo cảm giác mọi thứ đều...
  19. filiallion

    Share Tạo hiệu ứng hoạt hình chuyên nghiệp với thư viện WickedCSS Animations

    Nếu các bạn đang cần tìm một thư viện CSS trình diễn các hiệu ứng hoạt hình chuyên nghiệp thì có lẽ các bạn không thể bỏ qua thư viện WickedCSS Animations. Đây là bộ thư viện được viết hoàn toàn bằng CSS với rất nhiều hiệu ứng đẹp mắt. Các chuyển động hoạt hình đều rất mượt, tạo cảm giác tự...
  20. filiallion

    Share Tạo hiệu ứng loading đẹp mắt bằng CSS

    Với sự hỗ trợ mạnh mẽ CSS3 của các trình duyệt web hiện nay, các bạn hoàn toàn có thể tạo ra nhiều hiệu ứng hoạt hình đẹp mắt. Một trong số các hiệu ứng hoạt hình thường được sử dụng trên website đó chính là loading. Hiệu ứng loading được tạo ra với mục đích báo hiệu cho người dùng biết tiến...
Back
Top