Tất cả
Việc làm
Công ty

Tạo thông báo việc làm ngay

8 việc làmCSS

Thông tin công ty

Bài viết liên quan

Xem tất cả
7 thư viện CSS Animation cực hay cho lập trình viên Frontend

7 thư viện CSS Animation cực hay cho lập trình viên Frontend

Bài viết được sự cho phép của tác giả Nguyễn Thành Nam Đối với lập trình viên frontend, việc tạo hiệu ứng và hoạt ảnh trên trang web là một phần quan trọng của việc tối ưu hóa trải nghiệm người dùng. Có nhiều thư viện mạnh mẽ giúp lập trình viên thực hiện công việc này một cách dễ dàng và hiệu quả. 1. Animate.css Animate.css là một thư viện animation CSS nhẹ và dễ sử dụng, giúp thêm hiệu ứng vào các phần tử HTML một cách nhanh chóng. Với nhiều loại hiệu ứng như bounce, fadeIn, zoomIn, thư viện này mang lại sự linh hoạt và đa dạng cho trang web của bạn. Sử dụng CDN để nhúng Animate.css <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" /> Sử dụng hiệu ứng <div class="animate__animated animate__bounce">Chào mừng bạn đến trang web!</div> 2. GSAP (GreenSock Animation Platform) GSAP là một thư viện animation mạnh mẽ, cung [...]

Đọc thêm
Tối ưu hóa hiệu suất với ReactJS và CSS

Tối ưu hóa hiệu suất với ReactJS và CSS

Trong thế giới phát triển web đầy sôi động, reactjs nổi lên như một thư viện JavaScript phổ biến giúp xây dựng các ứng dụng web giao diện người dùng liền mạch và tương tác. Khi nói đến việc tạo kiểu cho các ứng dụng ReactJS, CSS đóng một vai trò quan trọng trong việc xác định giao diện trực quan và khả năng sử dụng tổng thể. Hiểu được cách tích hợp và tối ưu hóa CSS trong ReactJS là điều cần thiết để tạo ra các ứng dụng hiệu quả cao, hấp dẫn về mặt thẩm mỹ. CSS trong ReactJS CSS (Cascading Style Sheets) là một ngôn ngữ tạo kiểu được sử dụng để định nghĩa giao diện trực quan của trang web. Ngôn ngữ này giúp kiểm soát các khía cạnh như màu sắc, kiểu chữ, bố cục và hành vi đáp ứng, tạo ra sự thống nhất và tăng cường khả năng bảo trì trong quá trình phát triển. Vì vậy, việ [...]

Đọc thêm
Top 5 CSS Frameworks tốt nhất cho anh em Developer 2024

Top 5 CSS Frameworks tốt nhất cho anh em Developer 2024

CSS là một trong 3 ngôn ngữ trụ cột của anh em lập trình Frontend bên cạnh HTML và JavaScript. Để xây dựng được giao diện của một Website hoàn chỉnh, chúng ta sẽ cần phải viết khá nhiều CSS; trong đó sẽ có nhiều style được sử dụng lại với nhiều Website khác nhau. Vì vậy có nhiều các CSS Frameworks được tạo ra giúp anh em Dev thuận tiện hơn, tối ưu hóa thời gian viết code và hoàn thiện dự án. Bài viết hôm nay chúng ta cùng nhau tìm hiểu top 5 CSS Frameworks tốt nhất hiện nay và xem bạn đã biết và sử dụng bao nhiêu trong số đó nhé. CSS Framework là gì? CSS - Cascading Style Sheets là một ngôn ngữ được sử dụng để tìm và định dạng lại các phần tử được tạo ra bởi HTML, giúp tạo phong cách (styles) cho các phần tử trên trang Web như bố cục, màu sắc, màu chữ, font chữ, … CSS Framework là tập hợp các đoạn code CSS có cấu [...]

Đọc thêm
Bí kíp code CSS hiệu quả hơn mà các bạn nên biết

Bí kíp code CSS hiệu quả hơn mà các bạn nên biết

Bài viết được sự cho phép của tác giả Trần Anh Tuấn Trong quá trình đi làm và học tập mình đã tích hợp được nhiều kinh nghiệm cũng như nhiều lỗi về CSS mà chúng ta trong lúc làm hay gặp, trong bài viết này mình chia sẻ chúng cho các bạn hi vọng sẽ giúp ích cho các bạn nhé. Xuất hiện khoảng trống giữa các thẻ, nguyên nhân có thể  là do margin, padding, thẻ inline-block hoặc chưa dùng reset CSS Kích thước lớn hơn dự kiến dù đã set width, height, nguyên nhân là chưa dùng box-sizing: border-box dẫn đến width height thêm padding và border vô nên to hơn Khi dùng flexbox co lại màn hình nhưng cấu trúc không rớt xuống hàng nguyên nhân là do mặc định flex-wrap: nowrap nên nó sẽ không rớt Khi làm việc với chữ đặc biệt là dạng người dùng nhập vào nhiều người cố ý spam với 1 từ dài như aaaaaaaaaaaaa hoặ [...]

Đọc thêm