Tổng hợp công cụ dành cho Web Designer

 

Nếu bạn là Web Designer thì chắc bạn cũng hiểu việc viết những dòng CSS cũng khá nhàm chán và đôi khi code cũng không như ý, đặc biệt là đối với newbie. Để hạn chế những dòng code nhàm chán thì các công cụ tạo CSS ra đời. Hôm nay, mình sẽ giới thiệu cho các bạn các công cụ hữu ích mà mình hay dùng.

 

ThemeShock’s CSS3 Drop Shadow Generator

Công cụ này giúp bạn tạo hiệu ứng đổ bóng. Ngoài ra, nếu bạn làm biếng thì có thể dùng các hiệu ứng có sẵn.

 

Tổng hợp công cụ dành cho Web Designer

 

ThemeShock’s CSS3Text Shadow Generator

Thêm một công cụ nữa đến từ ThemeShock, nhưng cái này được dùng để tạo hiệu ứng cho chữ.

 

Tổng hợp công cụ dành cho Web Designer

 

Css Button Generator

Tạo nhanh các nút bấm với nhiều hiệu ứng độc đáo

 

Tổng hợp công cụ dành cho Web Designer

 

ColorZilla’s Ultimate CSS Gradient Generator

Tạo dải màu Gradient.

 

Tổng hợp công cụ dành cho Web Designer

 

HTML Table Style Generator

Hỗ trợ tạo bảng nhanh chóng.

 

Tổng hợp công cụ dành cho Web Designer

 

CSS3 3D Cube Generator

Công cụ này giúp bạn tạo khối 3D.

 

Tổng hợp công cụ dành cho Web Designer

 

CSS Box Shadow Generator

Thêm một công cụ giúp bạn tạo hiệu ứng đổ bóng. Nhưng mình thích cái này hơn vì giao diện sáng sủa hơn nhiều.

 

Tổng hợp công cụ dành cho Web Designer

 

HSL Color Picker

Tìm mã màu, đặc biệt có hỗ trợ mã màu hsla.

 

Tổng hợp công cụ dành cho Web Designer 8

CSS3 Factory – CSS3 Gradient Generator

Tạo dải màu Gradient, nhưng cái này dễ dùng hơn của ColorZilla

 

Tổng hợp công cụ dành cho Web Designer

 

CSS3 Maker

Một trang tổng hợp rất nhiều công cụ hữu ích giúp bạn viết code CSS dễ dàng hơn.

 

Tổng hợp công cụ dành cho Web Designer

 

CSS3 Generator

Tương tự như CSS3 Maker nhưng thiết kế tốt hơn nhiều.

 

Tổng hợp công cụ dành cho Web Designer

 

Material Palette

Công cụ này giúp bạn phối màu theo phong cách Material Design.

 

Tổng hợp công cụ dành cho Web Designer

 

Web Code Tools

Đây là một trang mà bạn phải bookmark, bởi vì nó có rất nhiều thứ hay ho giúp bạn code nhanh hơn rất nhiều. Đặc biệt là hỗ trợ tạo rich snippets.

 

Tổng hợp công cụ dành cho Web Designer

 

 

 

Trích nguồn: https://bundlesbug.com

Tổng hợp công cụ dành cho Web Designer
3 (60%) 2 votes