head
Using capo.js in Chrome DevTools Snippets to set the correct order of the <head> to improve the performance of your website.
capo.js
<head>
Animate characters and bring drawings to life with fluid movement using the AI tool from Meta AI Research, designed for easy and engaging animations.
Convert PNG and JPG images to SVG vectors quickly and easily using AI, offering a fast and efficient way to vectorize your images.
Using sshx from your terminal to share it in real-time with anyone via a link, on a multiplayer infinite canvas featuring remote cursors and chat.
sshx
Git Query Language allows you to search through .git files using an SQL-like language. It includes many SQL features such as sorting, grouping, and performing calculations.
.git
Using stylelint-order Stylelint Plugin and vscode-style VSCode Extension to organize CSS properties, enhancing readability and ensuring a consistent coding style across your projects.
stylelint-order
vscode-style
Using check-html-links to check for broken links and references in a public GatsbyJS built folder.
check-html-links
public
npoint
Using npoint for mocking publicly accessible API endpoints, ideal for fetching non-sensitive data.
Create custom CSS scrollbars easily using the online editor scrollbar.app, allowing you to personalize the look of scrollbars on your website.
scrollbar.app
Use depcheck to identify and remove unused npm packages from your JavaScript projects, helping to keep your dependencies clean.
depcheck
npm
trace.cafe
Using trace.cafe to create a shareable profile link from DevTools, perfect for profiling issues discussions with coworkers or when asking for help in forums.
Using Can I Email to check for the validity of your email's HTML/CSS syntax for the most commonly used email clients.
Can I Email
HTML/CSS
Use ls-lint, a naming linter, to enforce consistent rules for file and directory naming across your projects.
ls-lint
A handpicked collection of over 30,000 unique and creative color names, providing a rich resource for designers and developers.
Edit and customize SVG path settings interactively for each node, providing an easy way to manipulate and fine-tune SVG designs.
Create animated SVG line art for easy sketching and replay, bringing your drawings to life with smooth animations.
Use oddContrast for advanced color contrast analysis to ensure your designs meet WCAG 2 accessibility compliance standards.
oddContrast
Explore SVG path syntax by entering the d attribute string to visualize and discover its commands.
path
d
Discover the reasons behind large CSS downloads by breaking down the CSS document's size into specific selectors and declarations.
selectors
declarations
Use Jitter to create animated UIs, social media posts, apps, logos, and more with ease, offering a versatile tool for motion design.
Using create-chrome-ext for a faster scaffolding of a chrome extension using boilerplates that support multiple technologies.
create-chrome-ext
Learn about CSS selectors and combinators by organizing and classifying them based on their types for easier understanding and application.