Chuyển đến nội dung chính

Bài đăng

Hiển thị các bài đăng có nhãn CSS Frameworks

11 Công cụ CSS và tài nguyên

Đối với những người vẫn còn đang học CSS, hoặc muốn đi sâu hơn một chút vào các môn học CSS cụ thể, tôi nghĩ rằng đây là một danh sách các tài nguyên học tập CSS rất hữu ích. Cùng Thưởng thức! 1. Unfolding the Box Model Slide tương tác khám phá CSS 3D Transforms.  Nhấn trái hoặc phải phím mũi tên để thăng tiến.  Xem trong toàn màn hình cho kết quả tốt nhất. 2. CSS Diner Một trò chơi nhỏ được thiết kế độc đáo để giúp bạn tìm hiểu các lựa chọn CSS.  Gõ vào bộ chọn đúng để hoàn thành mỗi cấp độ.  Bạn cũng có thể nhảy đến một mức độ khác bằng cách mở trình đơn với các biểu tượng bánh hamburger ở bên phải. 3. Learn CSS Selectors Interactively Một hình dung đơn giản của selectors trong CSS.  4. Front End Web Development Quiz 5. The Magic of CSS 6. Enjoy CSS Một sân chơi CodePen giống như cho việc học CSS.  Phần thú vị của việc này là nó tập trung vào CSS, với một thực đơn mà bạn có thể chọn một tính năng CSS và sau đó sử dụng ...

CSS preprocessors Tài nguyên và ứng dụng

Một Preprocessor CSS là một công cụ mà làm cho CSS mạnh mẽ, linh hoạt và dễ dàng hơn để viết. CSS preprocessors thêm chức năng mới cho css như các biến, các hằng số mixins và chức năng. SimpleLESS Codekit CodeKit giúp bạn xây dựng các trang web nhanh hơn và tốt hơn. Tính năng hàng đầu của nó được liệt kê dưới đâ. Hammer là một công cụ phát triển web cho thiết kế web và các nhà phát triển. Xây dựng ra các trang web HTML tĩnh và các mẫu nhanh chóng ,dễ dàng. Không ồn ào, không có lộn xộn, không PHP.  Scout.app là một ứng dụng đa nền tảng mang lại sức mạnh của Sass & Compass vào tay của nhà thiết kế web. Prepros là một thiết kế web mã nguồn mở & Phát triển công cụ miễn phí làm tất cả công việc nặng nhọc cần thiết để xử lý trước CSS, JS & hình ảnh. Compass.app là một khuôn khổ làm cho stylesheets và đánh dấu của bạn dễ dàng hơn để xây dựng và duy trì. WinLESS Koala Crunch! LiveReload

Công cụ tối ưu CSS

Stylesheets có thể rất lớn, để đảm bảo tải trang web của bạn một cách nhanh chóng bạn cần để tối ưu hóa CSS của bạn. Ở đây tôi đã biên soạn trực tuyến miễn phí Công cụ tối ưu hóa CSS mà có thể giảm bớt, tối ưu hóa và tái định dạng stylesheet của bạn, kiểm tra xem chúng ra sao và chọn một trong đó phù hợp với nhu cầu của bạn. Styleneat – CSS Organizer CSS Compressor – Online Code Compressor CSS Compressor để làm giảm kích thước mã CSS và làm cho các trang web của bạn tải nhanh hơn. Bạn có thể chọn từ bốn cấp độ nén, tùy thuộc vào cách rõ ràng bạn muốn CSS nén để được so với mức độ nén. Đó là nhanh chóng, dễ dàng và miễn phí. ProCSSor Clean CSS – Optmize and Format your CSS CleanCSS là tối ưu hóa CSS mạnh mẽ và định dạng. Về cơ bản, nó có mã CSS của bạn và làm cho nó sạch hơn và ngắn gọn hơn. CSS Comb Helium CSS CSS Beautifier Code Beautifier – CSS Formatter and Optimiser CSS Lint ZBugs The W3C CSS Validation Service

CSS Frameworks và Tài nguyên Thiết kế Responsive

Trong phần này, tôi sẽ tìm thấy một số thư viện CSS đáp ứng, Plugins và Hướng dẫn để giúp chúng ta nhanh chóng và dễ dàng phát triển đáp ứng bố trí trang web. Foundation Foundation bao gồm hàng chục các phong cách và các yếu tố để giúp bạn nhanh chóng đặt cùng nguyên mẫu có thể click.   Các hình thức, các nút, tab, tất cả các loại công cụ tốt. Grid cho phép bạn nhanh chóng đặt cùng bố cục trang cho các thiết bị di động và máy tính để bàn. Bạn không cần hai trang web khác nhau - Grid được xây dựng để tạo ra một kinh nghiệm vững chắc trên tất cả các loại thiết bị với cùng đánh dấu chính xác. Less Framework 4  Less Framework 4 là một hệ thống lưới điện CSS cho việc thiết kế các trang web thích ứng. Nó chứa 4 bố trí và 3 bộ cài đặt trước kiểu chữ, tất cả đều dựa trên một mạng lưới duy nhất. InuitCSS inuit.css is built to work on smaller screens (such as tablets) and tiny screens (such as phones) straight out of the box with minimal effort. ...