toolsTips(22)
- HTMLTOOLS
head
Elements OrderUsing
capo.js
in Chrome DevTools Snippets to set the correct order of the<head>
to improve the performance of your website. - Animated Drawing AI ToolTOOLS
Using an AI tool presented by Meta AI Research to animate characters to move around.
- Convert PNG or JPG to SVGTOOLS
Convert PNG and JPG images to SVG vectors quickly and easily Using AI.
- SSHX CLI for real-time terminal sharingTOOLS
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. - GQL (Git Query Language) CLI toolTOOLS
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. - Linting rules for sorting CSS propertiesTOOLS
Using
stylelint-order
Stylelint Plugin andvscode-style
VSCode Extension to organize CSS properties, enhancing readability and ensuring a consistent coding style across your projects. - Broken Links & References CheckerTOOLS
Using
check-html-links
to check for broken links and references in apublic
GatsbyJS built folder. - Mocking APIs withTOOLS
npoint
ToolUsing
npoint
for mocking publicly accessible API endpoints, ideal for fetching non-sensitive data. - CSS Custom Scrollbar Maker ToolTOOLS
Using a simple online editor
scrollbar.app
for creating custom CSS scrollbar. - JS Dependencies Checker CLI ToolTOOLS
Using
depcheck
to identify unusednpm
packages from your projects. - TOOLS
trace.cafe
Tool to Make Shareable Chrome DevTools ProfileUsing
trace.cafe
to create a shareable profile link from DevTools, perfect for profiling issues discussions with coworkers or when asking for help in forums. - Email HTML/CSS Syntax Checker ToolTOOLS
Using
Can I Email
to check for the validity of your email'sHTML/CSS
syntax for the most commonly used email clients. - File and Directory Naming Linter ToolTOOLS
Using
ls-lint
a name linter to enforce rules for file and directory naming. - Color Names Collection ToolTOOLS
A handpicked list of creative 30,000+ unique color names.
- SVG Path Editor ToolTOOLS
Edit and customize SVG path settings for each node interactively and easily.
- SVG Animated Drawing ToolTOOLS
Draw an animated SVG line art for easy sketching and replay.
- Advanced Color Contrast Analysis ToolTOOLS
Using
oddContrast
for advanced color contrast analysis to ensure WCAG 2 accessibility compliance. - SVG Path Visualizer ToolTOOLS
Explore SVG
path
syntax by entering thed
attribute string to visualize and discover its commands. - CSS Size Analyzer ToolTOOLS
Discover the reasons behind large CSS downloads by breaking down the CSS document's size into specific
selectors
anddeclarations
. - Jitter Motion design ToolTOOLS
Using
jitter
for making animated UIs, social media posts, apps, logos and more. - Chrome Extension Scaffolding ToolTOOLS
Using
create-chrome-ext
for a faster scaffolding of a chrome extension using boilerplates that support multiple technologies. - CSS Selectors/Combinators Classifier ToolTOOLS
Organize and highlight CSS selectors and combinators by types.