Nguồn Công Cụ Mới dành cho Front-End và Web dev (Tháng Tám 2018)

Nếu bạn đang trong mảng web hay bạn cũng mới mới kinh nghiệm như mình. Thì những tools, công cụ hay thư viện dưới đây có thể có ích cho bạn khi làm việc, tiết kiệm thời gian kha khá. Dưới đây là Nguồn công cụ mới mà mình đã tổng hợp được:

1. Rocket by Minimamante

Rocket là thư viện tạo hiệu ứng chuyển động khi một phàn tử từ chỗ này sang chỗ khác.

https://www.minimamente.com/example/rocket/

Rocket by minimamente

2. CSShake

Một thư viện hoàn toàn bằng CSS. CSShake đúng với tên gọi của nó, nó có tác dụng tạo ra những hiệu ứng “rung, lắc” theo từng mức độ, từng cảm ứng. Chạm để rung, chạm để tạo hiệu ứng. Rung ngang, rung dọc, rung nhanh, rung chậm hay không chạm cũng rung.

https://elrumordelaluz.github.io/csshake/

CSShake

Đó chính là tác dụng của CSShake, bạn hoàn toàn có thể áp dụng nó vào một phần nào dự án của bạn như: nút “Call”, nút “Submit” …

3. LayoutIt!

LayoutIt! sẽ giúp phần coding frontend của bạn dễ dàng hơn mà bạn không cần phải là chuyên gia trong lĩnh vực như JavaScript, HTML5 hoặc CSS3

LayoutIt
LayoutIt!

Nó bao gồm 2 phần chính, đó là:

  • Bootstrap Builder
  • CSS Grid Generator

Trong đó, Bootstrap Builder giúp bạn xây dựng giao diện frontend chỉ với các thao tác kéo thả, chèn text, lấy các khối có sẵn từ Bootstrap 4 và sử dụng nó thôi. Sau khi thực hiện những thao tác đó, và cũng như chèn nội dung phù hợp với mắt mình. Bạn đã có thể lấy ngay code đó về.

Bootstrap Builder 

Tương tự đối với CSS Grid Generator, phần này thì sẽ cho bạn code CSS. Mục đích của nó là chia layout cho website. Khá là tiện lợi!

4. Clippy – CSS clip-path marker

Đây đúng là một “cứu cánh” cho mình, trong việc tạo hình các khối, các div. Với nhiều hình thù, hình dạng khác nhau mà bạn không cần động tay vào code.

https://bennettfeely.com/clippy/

Clippy

Đơn giản, bạn chỉ việc lựa chọn hình thù, và tùy chỉnh góc cạnh theo ý mình. Sau đó copy vào file của bạn là xong. Thật là tiện lợi phải không?

Leave a Reply

avatar
  Subscribe  
Notify of
%d bloggers like this: