Tài nguyên mới dành cho nhà thiết kế và phát triển web (tháng 10 năm 2012)

Mỗi tháng có hàng tá nội dung miễn phí được chia sẻ bởi những người rất hào phóng trong cộng đồng thiết kế web và phát triển web; hầu như không thể theo kịp với tất cả những thứ mới này. Tuy nhiên, bạn không nên lo lắng; trong bài này chúng tôi đã chọn 10 'công cụ' hữu ích khác nhau, từ đoạn mã đến công cụ, khung cho đến plugin để làm cho công việc và cuộc sống của bạn như là nhà thiết kế và phát triển web dễ dàng hơn.

Hãy kiểm tra chúng.

Kiểm tra tất cả các tài nguyên mới của chúng tôi (theo tháng):

Tháng 10 năm 2012
Tháng 11 năm 2012
Tháng 12 năm 2012

CSS

CSS viết tắt của "Hệ thống SlideShow dựa trên CSS" là một khung được tạo bởi Lea Verou (được gọi là guru CSS). Về bản chất, khung này cho phép bạn tạo các slide thuyết trình với các tiêu chuẩn web HTML và CSS. Trình chiếu này hỗ trợ các phím tắt như ←, →, ↓ và ↑ để điều hướng qua các slide.

Nếu bạn làm CSS và HTML, thì khung này là tôi nghĩ thay thế (tốt hơn) cho các phần mềm giá cao như MS PowerPoint.

Cây cảnh

Bonsai là một thư viện đồ họa JavaScript nhẹ với API trực quan. Chúng ta có thể sử dụng thư viện này để vẽ các hình đơn giản như hình chữ nhật, hình tam giác, hình tròn hoặc đồ họa có độ phức tạp sâu. Thư viện này cũng có thể được sử dụng để phân phối kết xuất đồ họa Vector có thể mở rộng (SVG) trong các trình duyệt không được hỗ trợ dưới dạng dự phòng.

Ngoài ra, bonsai cũng cung cấp một vài tính năng bao gồm Hoạt hình, Sự kiện và Bộ lọc để làm cho các đồ họa này hoạt động tương tác hơn.

Mô hình đáp ứng

Các mẫu phản hồi là một tập hợp các mẫu mà bạn có thể sử dụng để xây dựng một trang web đáp ứng. Bộ sưu tập này bao gồm một số ví dụ về bố cục và điều hướng đáp ứng với một vài mẫu phản hồi khác của các thành phần web phổ biến như hình ảnh, video, bảng và biểu mẫu.

Bộ công cụ Effin

Đây có lẽ là tất cả những gì bạn cần để giúp phát triển trang web của bạn. Effin Toolsets là tập hợp của một tá công cụ hữu ích dành cho các nhà phát triển web, được đóng gói tất cả ở một nơi.

Một trong những công cụ trong bộ sưu tập này mà cá nhân tôi thấy cực kỳ hữu ích là Người đăng ký, công cụ này sẽ thay đổi những ký tự này, < và >, vào mã HTML của họ để đoạn mã của bạn sẽ hiển thị chính xác bên trong

nhãn.

Bẩn

Susy là một lưới đáp ứng cho La bàn. Giống như bất kỳ khung lưới đáp ứng nào khác ngoài đó, nó bao gồm một số kiểu được xác định trước nhưng vì nó được xây dựng bằng Sass và La bàn nên khung này có thể cấu hình nhiều hơn.

Susy cho phép bạn tùy chỉnh số cột, chiều rộng cột, máng xối và phần đệm lưới, biến nó thành lưới riêng của bạn phù hợp với trang web của bạn. Susy sẽ làm tất cả công việc khó khăn: phép tính. Nếu bạn là một người siêu đam mê thích làm việc với Sass và La bàn, tiện ích mở rộng này chắc chắn dành cho bạn.

Điều hướng thả xuống vô hạn

Một menu thả xuống là một thành phần phổ biến chúng tôi tìm thấy trên một trang web. Tuy nhiên, việc tạo một điều hướng thả xuống không dễ dàng như vẻ ngoài của nó. Harry Roberts CSS Wizardry, may mắn thay, đã chia sẻ “mã ma thuật” để tạo một điều hướng thả xuống vô hạn (thật tuyệt vời).

Bourbon gọn gàng

Neat là một khung lưới đáp ứng giúp bạn chạy một trang web đáp ứng dễ dàng. Nó được xây dựng dựa trên Sass và Bourbon, một bộ sưu tập các mixin hữu ích cho Sass. Khung này là một viên ngọc Ruby, nó có thể được cài đặt thông qua Terminal hoặc Command Prompt với dòng lệnh này đá quý cài đặt gọn gàng.

Máy đánh chữ

Sẽ không có đủ cho các biểu tượng. Máy đánh chữ là một tập hợp các biểu tượng phông chữ bao gồm khoảng 88 ký tự. Bạn có thể thêm các biểu tượng này thông qua @mặt chữ quy tắc và áp dụng chúng cho trang web của bạn với các phần tử giả CSS hoặc nhúng chúng trực tiếp với ký tự HTML của chúng.

Bằng cách sử dụng webfont để phân phối các biểu tượng của bạn, bạn có thể có lợi thế là không cần phải triển khai CSS sprite và điều chỉnh vị trí nền để hiển thị các biểu tượng, màn hình độ phân giải cao sẵn sàng và về mặt kỹ thuật, nó giảm yêu cầu http và tiêu thụ băng thông thấp hơn biểu tượng bitmap.

Chú thích

Thư viện này cho phép bạn thêm nhận xét, thẻ và đánh dấu vào nội dung web của bạn và cùng với Annotate. Bạn có thể lưu trữ các chú thích của mình miễn phí.

Sân bay

Khi bạn đang ở sân bay, bạn sẽ thấy bảng thông tin chuyến bay với việc lật văn bản trên đó. Với plugin jQuery này, Airport, chúng tôi có thể tạo hiệu ứng văn bản quay phim tương tự.

Phần kết luận

Đó là tất cả trong tháng này. Bạn đã thử bất kỳ thứ gì trong số này? Đâu là một sở thích của bạn? Bạn có tìm thấy bất kỳ nội dung thú vị nào khác cho các nhà thiết kế / phát triển web mà chúng tôi đã bỏ lỡ trong danh sách này không?.

Hãy chia sẻ chúng trong hộp bình luận bên dưới, và chúng tôi cũng muốn nghe suy nghĩ của bạn.