Multiple Slick carousels và Tabs bootstrap

Chào các bạn! Bài viết hôm nay có thể là khá ngắn nhưng có lẽ sẽ có nhiều người gặp phải trường hợp này. Mới đây thôi, trong 1 dự án mình làm cũng gặp phải case này nên muốn chia sẻ cho các bạn cùng tham khảo. Bài toán được đặt ra ở đây......

Bootstrap 5 alpha đến rồi! Có những thay đổi gì mới?

Chào các bạn! Các bạn cũng không lạ gì với blog của mình nữa, đa phần là viết về bootstrap. Và bài này cũng không ngoại lệ. Tuy nhiên, thay vì nói về cách sử dụng các component trong Bootstrap 3, Bootstrap 4 hoặc so sánh về sự khác nhau giữa 2 version này thì......

Bài 33 – Tạo multiple borders cho 1 element

Chào các bạn! Đã bao giờ các bạn phải tạo 1 box mà có nhiều border chưa? Thực ra vấn đề này không khó. Bạn có thể dùng phương pháp truyền thống đó là tạo nhiều element con bên trong rồi thêm border cho các element đó. Như vậy có nghĩa là 1 box có......

Bài 32 – Tìm hiểu về Masonry layout và áp dụng CSS3 Multi-column trong 5ph

1. Tìm hiểu về Masonry layout Trước khi học về CSS3 Multi-column, mình nghĩ mình nên giới thiệu qua cho các bạn hiểu về Masonry layout. Các bạn cùng nhìn ảnh dưới này nhé Ảnh bên trên là 1 dạng hiển thị kiểu Masonry layout. Vậy kiểu hiển thị này bắt nguồn từ đâu? Tên......

Bài 31 – Sự khác nhau giữa Bootstrap 3 và Bootstrap 4 – Phần cuối

Chào các bạn, Qua 2 bài trước, các bạn cũng có thể thấy được sự khác nhau giữa 2 phiên bản Bootstrap 3 và Bootstrap 4 không phải là ít. Bài viết này mình sẽ tiếp tục liệt kê những sự khác nhau còn lại giữa 2 bản và đây cũng là những điểm khác......

Bài 30 – Sự khác nhau giữa Bootstrap 3 và Bootstrap 4 – Phần 2

Chào các bạn, Tiếp nối bài viết trước Sự khác nhau giữa Bootstrap 3 và Bootstrap 4 bài này mình liệt kê tiếp những phần khác cho các bạn cùng tham khảo nhé! Component Bootstrap 3 Bootstrap 4 Buttons Styles Bao gồm các class .btn-default và .btn-info. Riêng với class .btn-secondary không được sử dụng......

Bài 29 – Sự khác nhau giữa Bootstrap 3 và Bootstrap 4 – Phần 1

Chào các bạn! Trước khi đi vào chi tiết sự khác biệt giữa 3 phiên bản Bootstrap 3 và Bootstrap 4, mình muốn hỏi 1 câu: đã có bao bạn đã từng sử dụng cả 2 phiên bản Bootstrap? Và khi dùng bootstrap 4, các bạn có nhận ra được ở bootstrap 4 đã có......

Bài 28 – Hiểu chính xác về Responsive Web Design và cách chia khoảng màn hình

Chào các bạn, thuật ngữ Responsive Web Design có lẽ không còn xa lạ gì với mọi người nữa. Bất kỳ ai làm về web đều đã từng làm hoặc ít nhất là nghe tới thuật ngữ Responsive Web Design này. Tuy nhiên, để hiểu chính xác về nó và cách phân chia các khoảng......

Bài 27 – Tìm hiểu chính xác về Semantic element trong HTML5

Chào các bạn! Các bạn làm việc với HTML, HTML5 vậy đã từng nghe tới thuật ngữ Semantic tag hoặc Semantic element bao giờ chưa? Thực ra thuật ngữ này đã có từ rất lâu, ở cả các phiên bản HTML cũ chứ không phải chỉ tới HTML5 mới có. Vậy Semantic tag hay Semantic......

Bài 26 – Tạo các khối hình học bằng CSS3 (phần 3)

Chào các bạn! Tiếp tục với seri Tạo khối hình học bằng CSS3, bài này mình sẽ giới thiệu tới các bạn cách tạo 1 số hình phức tạp khá là thú vị. Cùng theo dõi bài viết dưới đây nào. 1. Hình ngôi sao 5 cánh HTML <div id="main"> <div class="container"> <div class="row"> <div......

Bài 25 – Tạo các khối hình học bằng CSS3 (phần 2)

Chào các bạn, Ở bài trước, mình đã nói tới cách tạo 1 số khối hình học đơn giản bằng HTML/CSS. Để tiếp tục với seri Tạo khối hình học bằng CSS3, hôm nay mình tiếp tục giới thiệu cách tạo 1 số khối hình học khác nữa. Các bạn có thể theo dõi bài......

Bài 24 – Tạo các khối hình học bằng CSS3 (phần 1)

1. Lời nói đầu Chào các bạn, Đã khi nào các bạn gặp rắc rối trong việc tạo các khối hình học vuông, tròn, tam giác chưa? Có lẽ không ít bạn từng gặp phải trường hợp oái oăm là tạo 1 tam giác nhưng chỉnh mãi vẫn không đúng design và cuối cùng đành......

Bài 23 – Một số Spinner, Loading animation đẹp (phần 4)

Chào các bạn! Chúng ta lại gặp lại nhau trong series bài viết về tạo các icon loading, spinner chỉ bẳng HTML5 và CSS3, không có chút xíu gì dính dáng tới Jquery cả. Ở 3 bài trước, mình cũng đã giới thiệu tới các bạn khá nhiều các mẫu đẹp. Đơn giản có, phức......

Bài 22 – Một số Spinner, Loading animation đẹp (phần 3)

Chào các bạn! Tiếp tục về seri về tạo spinner, loading chỉ với HTML5 và CSS3, mình sẽ giới thiệu thêm 5 demo nữa về “bộ sưu tập” spinner, loading cho các bạn cùng tham khảo nhé. 1. Loading dot Ở các bài trước, cũng có demo loading dạng dot như thế này. Tuy nhiên......

Bài 21 – Một số Spinner, Loading animation đẹp (phần 2)

1. Lời mở đầu Chào các bạn! Như trong bài trước mình đã giới thiệu tới các bạn một số demo tạo spinner và loading đẹp chỉ với HTML5 và CSS3. Các bạn có thể xem lại phần 1 ở đây nhé: Bài 20 – Một số Spinner, Loading animation đẹp (phần 1). Tiếp tục......

Bài 20 – Một số Spinner, Loading animation đẹp (phần 1)

1. Lời mở đầu Chào các bạn! Có lẽ không ít lần các bạn sẽ đau đầu về việc lựa chọn ảnh spinner, loading để sử dụng. Như các bạn cũng biết, đối với ảnh về loading hay spinner thì thường định dạng gif, mà những ảnh gif này phải có nền nếu không trông......

Bài 19 – Tạo Collapse và Accordion với Bootstrap 3

Chào các bạn! Đã lâu rồi, hôm nay mình mới quay trở lại với đề tài về bootstrap. Thật là một thiếu sót lớn khi mình giới thiệu về các component hữu dụng của bootstrap 3 nhưng lại bỏ qua collapse và accordion. Vậy nên bài này mình xin phép được bổ sung về cách......

Bai 18 – Top 5 xu hướng Front-end developement cho năm 2018

Những năm gần đây, sự phổ biến của JavaScript đã được gia tăng rất nhiều. Có một bằng chứng để chứng tỏ sự thay đổi đó. Vào đầu năm nay, IBM đã công nhận JavaScript là một trong những ngôn ngữ lập trình tốt nhất của năm. Họ lập luận rằng bí mật sự thành......

Bài 17 – Cách sử dụng icon font trong thiết kế web

Chào các bạn! Ngày nay thiết kế web ngày càng phát triển và ngày càng có nhiều kỹ thuật mới được sử dụng, một trong những kỹ thuật khá hay đó là dùng icon font. Khái niệm chắc các bạn cũng đã từng nghe và sử dụng. Tuy nhiên, bạn dùng nó nhưng bạn đã......

Bài 16 – Một số CSS3 hover effect đẹp (Phần 4)

Chào các bạn! Sau kỳ nghỉ tết Nguyên Đán vui vẻ, tích lũy tràn đầy năng lượng, chúng ta tiếp tục quay trở lại với seri vui mắt này. Hôm nay mình sẽ giới thiệu tới các bạn thêm một số effect mới. 1. Effect 8 Để bắt đầu với effect này, chúng ta cùng......