html

  1. filiallion

    Share Chuyển đổi nội dung HTML thành văn bản với thư viện html2text

    Trong nhiều trường hợp, các bạn cần lấy nội dung văn bản đã loại bỏ các thẻ HTML từ một trang HTML thì các bạn thường sử dụng hàm strip_tags do PHP cung cấp. Với hàm strip_tags, các bạn sẽ loại bỏ hoàn toàn các thẻ HTML một cách dễ dàng chỉ với một dòng lệnh PHP đơn giản. Tuy nhiên, kết quả mà...
  2. filiallion

    Share Thu gọn nội dung HTML với thư viện HtmlMin

    Tốc độ website là một vấn đề rất được quan tâm, đặc biệt là các công cụ tìm kiếm như Google hay Bing. Một website có tốc độ nhanh giúp cho thứ hạng hiển thị trên các bộ máy tìm kiếm thêm cải thiện đáng kể. Chính vì vậy, các bạn lập trình viên khi xây dựng một website rất lưu ý tới việc rút gọn...
  3. filiallion

    Share Tạo hiệu ứng hover cho button với thư viện Hover Buttons

    Các button mà các bạn thiết kế trong các form nhập liệu hay bất kỳ đâu cũng sẽ trở nên thu hút hơn nếu nó được thiết kế đi kèm với các hiệu ứng khi hover. Bài viết này tôi sẽ giới thiệu với các bạn thư viện Hover Buttons dùng để tạo hiệu ứng khi hover lên button. Hover Buttons là một thư viện...
  4. filiallion

    Share Tạo hiệu ứng hover đơn giản với thư viện Simple Hover

    Nếu các bạn muốn thiết kế hiệu ứng hover kèm với nội dung cho hình ảnh hay đối tượng bất kỳ thì thư viện Simple Hover là một sự lựa chọn tốt. Tên gọi của thư viện đã cho biết việc sử dụng rất đơn giản, chỉ với vài khai báo mã lệnh HTML là các bạn đã có thể tạo hiệu ứng hover. Hiện tại, thư viện...
  5. filiallion

    Share Tạo hiệu ứng hover hình ảnh dành riêng cho Bootstrap với thư viện Bootstrap Image Hover

    Thư viện Bootstrap đã quá quen thuộc với các bạn thiết kế giao diện website và Bootstrap cũng là một trong các thư viện CSS được sử dụng nhiều nhất hiện nay. Với sự phổ biến cũng như sức mạnh của mình, Bootstrap nhận được sự qua tâm, đóng góp của nhiều lập trình viên bằng các thư viện mở rộng hỗ...
  6. filiallion

    Share Thiết kế nhiều hiệu ứng hover đẹp mắt với thư viện Mocassin.css

    Tôi đã giới thiệu với các bạn thư viện tạo hiệu ứng hover Direction Reveal ở bài viết "Tạo hiệu ứng hover nội dung với thư viện Direction Reveal", bài viết này tôi tiếp tục giới thiệu với các bạn thư viện khác đó là Mocassin.css. Thư viện Mocassin.css cung cấp rất nhiều hiệu ứng đẹp được phân...
  7. filiallion

    Share Tạo hiệu ứng hover nội dung với thư viện Direction Reveal

    Trên một website sẽ có rất nhiều hiệu ứng được tạo ra bởi CSS và JavaScript, trong đó hiệu ứng hover có lẽ là hiệu ứng được sử dụng nhiều nhất. Các bạn sẽ thấy hiệu ứng hover lên các liên kết, văn bản, hình ảnh hay một khối nội dung. Bài viết này tôi giới thiệu với các bạn thư viện Direction...
  8. filiallion

    Share Tạo hiệu ứng hover đẹp mắt với thư viện Izmir

    Nếu các bạn muốn thiết kế các hiệu ứng khi hover lên hình ảnh, đối tượng nào đó thì các bạn có thể tham khảo các hiệu ứng của thư viện Izmir. Với tôi, các hiệu ứng hover mà thư viện Izmir thiết kế thật sự rất đẹp mắt, tạo cảm giác chuyên nghiệp. Tất cả các hiệu ứng được thiết kế chuyển động rất...
  9. filiallion

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

    CSS framework Baseguide là một framework nhỏ với vài thành phần cơ bản giúp tạo bố cục, danh sách, bảng, form và một số các CSS trợ giúp thiết kế nhanh giao diện website. Baseguide phù hợp với các website nhỏ, ví dụ như trang hướng dẫn sử dụng, tài liệu,... Mặc dù vậy, các thành phần mà...
  10. filiallion

    Share Sử dụng thư viện CSS siimple để thiết kế các thành phần trên website

    Nếu các bạn đang cần một thư viện CSS có thiết kế phẳng thì siimple là sự lựa chọn tốt hiện nay. Cũng giống như Bootstrap hay các CSS framework khác, siimple cung cấp các thành phần giúp các bạn xây dựng bố cục, các thành phần cơ bản như button, form, card, list, menu,... Cách sử dụng siimple...
  11. filiallion

    Share Thiết kế giao diện website bằng CSS framework turretcss

    CSS framework turretcss là một thư viện rất hữu ích dành cho các bạn thiết kế giao diện website. Với nhiều thành phần được cung cấp sẽ giúp cho việc thiết kế giao diện website trở nên dễ dàng, nhanh chóng hơn. Đặc điểm đáng chú ý của thư viện turretcss đó là nó được viết hoàn toàn bằng CSS với...
  12. filiallion

    Share Thiết kế giao diện website với sự hỗ trợ của thư viện Concise CSS

    Nếu các bạn đang tìm kiếm một thư viện CSS nhỏ gọn nhưng cung cấp đầy đủ các thành phần cơ bản để xây dựng giao diện website thì Concise CSS là một sự lựa chọn tốt. Không giống như Bootstrap hay các CSS framework khác, Concise CSS chỉ là một thư viện CSS đơn giản, cung cấp các thành phần để xây...
  13. filiallion

    Share Thiết kế giao diện website chuyên nghiệp bằng CSS framework Schema

    Hiện nay, Bootstrap đang là một CSS framework được sử dụng phổ biến nhất, gần như hầu hết các ứng dụng web sử dụng Bootstrap làm thư viện chính để thiết kế giao diện. Sức mạnh của Bootstrap là điều chắc chắn lập trình viên nào cũng công nhận nhưng nó không phải là thư viện bắt buộc phải có, và...
  14. filiallion

    Share Sử dụng thư viện RaisinCSS để thiết kế giao diện website

    Tiếp tục là một thư viện CSS để thiết kế giao diện website, lần này là RaisinCSS. Mỗi thư viện CSS có một ưu điểm khác nhau, có thư viện cung cấp nhiều thành phần, có thư viện ít thành phần nhưng nhiều tuỳ chọn cho mỗi thành phần. Tuỳ vào yêu cầu thực tế của dự án mà các bạn lựa chọn cho phù hợp...
  15. filiallion

    Share Thiết kế giao diện website chuyên nghiệp với thư viện Spectrum CSS

    Các bạn thiết kế giao diện website thì chắc chắn đã nghe nói tới Bootstrap với phiên bản hiện tại là Bootstrap 4.x. Phiên bản Bootstrap 4.x với nhiều cải tiến đáng giá giúp cho các bạn thiết kế giao diện sử dụng thuận tiện hơn với nhiều thành phần được nâng cấp. Sự phổ biến của Bootstrap là...
  16. filiallion

    Share Tạo hiệu ứng shadow dễ dàng với thư viện Box-shadows.css

    Hiệu ứng CSS shadow thường được sử dụng để thiết kế làm nổi các thành phần trên website. Việc thiết kế hiệu ứng shadow thật sự rất đơn giản chỉ với vài dòng lệnh CSS3. Tuy nhiên, nếu các bạn muốn công việc của mình trở nên đơn giản và nhanh chóng hơn nữa thì việc sử dụng một thư viện khác là lựa...
  17. filiallion

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

    Nếu các bạn thiết kế website thì chắc chắn các hiệu ứng chuyển động hoạt hình thường xuyên được sử dụng để làm phong phú cũng như làm nổi bật các nội dung của website. Việc thiết kế các hiệu ứng chuyển động hoạt hình có thể được thiết kế bằng CSS hoặc JavaScript, mỗi cách thức đều có ưu và nhược...
  18. filiallion

    Share Chuyển đổi ngôn ngữ đánh dấu văn bản Markdown sang HTML với thư viện Parsedown

    Ngôn ngữ đánh dấu văn bản Markdown hiện nay được sử dụng rộng rãi, bởi tính đơn giản, dễ dùng. Các bạn có thể thấy GitHub cũng đang sử dụng Markdown để trình bày nội dung tập tin README.md. Tuy nhiên, trên nền tảng web thì ngôn ngữ đánh dấu văn bản Markdown chưa được các trình duyệt web hỗ trợ...
  19. filiallion

    Admin Giao diện quản trị website React đẹp mắt Wieldy 2.0.0

    Gần như bất kỳ một website nào đang hoạt động trên Internet đều có một thành phần không thể thiếu đó chính là trang quản trị. Mặc dù đối với người dùng thì trang quản trị không bao giờ xuất hiện nhưng với các quản trị viên website thì đó là công cụ hữu dụng nhất đối với họ. Vì tầm quan trọng của...
  20. filiallion

    Share Tạo chương trình nghe nhạc đơn giản bằng HTML5

    Kể từ khi HTML5 ra đời, việc thiết kế các website đã trở nên dễ dàng hơn, không phải sử dụng nhiều thư viện ngoài cho các tính năng thông dụng. Một trong số đó phải kể đến đó là khả năng nhúng các tập tin âm thanh vào website. Các bạn có thể sử dụng tính năng này của HTML5 để xây dựng website...
Back
Top