DEV Community

Cover image for Resources for Devs: Frontend Tools
Curious Web Addicts
Curious Web Addicts

Posted on

6

Resources for Devs: Frontend Tools

An updated collection of useful resources that I use (almost) regularly.

CSS

Animations

  • Keyframes: generate CSS animations and more.

  • Animista: playground with a collection of CSS animations.

  • Animate.css: a library of ready-to-use, cross-browser animations for use in your web projects.

Layouts Snippets

  • CSS Layout: a collection of popular layouts and patterns made with CSS.

  • CodeMyUI: web design & UI Inspiration with code snippets.

Test & Find

Performance

  • Progessive Tooling: a list of community-built, third-party tools that can be used to improve page performance

Privacy and Legal

  • TLDR Legal: lookup popular software license in plain English.

  • Iubenda: generate documents to make your website or app compliant with the law, across multiple languages and legislations

  • Blacklight: a real-time website privacy inspector that reveal the specific user-tracking technologies on the site—and who’s getting your data.

Bonus: Interesting Projects

  • Skaffolder: create fully working prototype applications in minutes.

  • Mermaid JS: diagramming and charting tool that uses Markdown-inspired text definitions and a renderer to create and modify complex diagrams.

  • Percollate: a command-line tool that turns web pages into beautifully formatted PDF, EPUB, or HTML files.

  • Templatemaker: custom sized papercraft and packaging templates for free.

  • 1ty: one-time self-destructing links for sharing sensitive information.

Top comments (0)

AWS Security LIVE!

Join us for AWS Security LIVE!

Discover the future of cloud security. Tune in live for trends, tips, and solutions from AWS and AWS Partners.

Learn More

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay