Thiết kế CSS với Trình chỉnh sửa ứng dụng web kiểu Adobe này
Phần mềm của Adobe nổi tiếng thế giới bởi các nhà thiết kế ở mọi lứa tuổi, nhưng không hơn Photoshop. Bảng chỉnh sửa PhotoShop là toàn bộ shebang với tất cả mọi thứ bạn cần để xây dựng các thiết kế tùy chỉnh.
Và bây giờ, có miễn phí biên tập ứng dụng web, gọi là LayerStyles, mà bắt chước trình soạn thảo các lớp Photoshop ngay trong trình duyệt của bạn. Nó cho phép bạn tự động tạo mã CSS như thể bạn đang làm việc trong Photoshop.
Nếu bạn đến thăm trang xây dựng bạn có thể tinker với nó để xem nó hoạt động như thế nào.
Cửa sổ đi kèm năm bảng phong cách khác nhau tất cả đều bắt chước Photoshop. Họ theo cùng các cài đặt và họ cập nhật ngay lập tức với một hộp demo trên trang.
Đây là những tấm bạn có thể chọn từ:
- Thả bóng
- Bóng tối bên trong
- Lý lịch
- Biên giới
- Bán kính biên giới
Tất cả đều bắt chước Adobe GUI, công cụ này rất thú vị đối với các nhà thiết kế. Bạn cũng có được hoàn thành mã CSS, được tạo miễn phí.
Chỉ cần nhấp vào hộp góc dưới bên trái có nhãn “Mã CSS” đến lấy đoạn trích của bạn. Nó đi kèm với tất cả các thuộc tính CSS3 cho mọi thứ bạn đã chọn.
Và tốt nhất của tất cả, dự án này là hoàn toàn nguồn mở và miễn phí trên GitHub nếu bạn muốn tải xuống một bản sao cục bộ. Điều này không chỉ có thể vui tạo CSS, nhưng đó cũng là một cách tuyệt vời để học Làm thế nào để xây dựng một ứng dụng web.
Trang web sử dụng một nhiều của Thư viện JavaScript, cùng với Các plugin jQuery. Nó được xây dựng bởi nhà phát triển Felix Niklas, người đã thực hiện điều này như một dự án phụ.
Bạn có thể tìm nhiều máy phát điện ở nơi khác nhưng cái này thực sự độc đáo Đây cũng là ứng dụng web thú vị nhất và có lẽ là ứng dụng web thú vị nhất tôi từng thấy trong năm nay.
Hãy xem LayerStyles và xem những gì bạn nghĩ. Bạn có thể tinker với một phiên bản trực tiếp trên trang demo và tìm tất cả các mã nguồn có sẵn miễn phí trên GitHub.
Hoặc, nếu bạn muốn lan truyền nhờ người tạo, bạn có thể tweet những lời ngưỡng mộ của mình @mrflix.
