Which programming languages and tools does shortcode.dev cover?
Updated
shortcode.dev covers 15 named categories: Artisan, Blade, CLI, CSS, Git, HTML, JavaScript, Laravel, Liquid, Markdown, Node, PHP, Vue, WordPress, and WP-CLI. Each category is a browsable group of snippets, so you can jump straight to the technology you're working in rather than searching a mixed feed. The site describes itself as "a collection of useful snippets and code examples. Elements, attributes and selectors."
Full category list
| Category | What it covers | Example snippets listed |
|---|---|---|
| Artisan | Laravel's command-line tool | migrate fresh, artisan up, artisan down, make auth |
| Blade | Laravel's templating engine | asset url, method field, ternary, yield, return data |
| CLI | General shell and server commands | scp, directory detailed view, show directory disk space, disk space linux, restart MySQL server |
| CSS | Styling and selectors | pseudo class :empty, inset, clip path, style selection, bounce animation |
| Git | Version control | soft reset, add ssh key to keychain, remove file from cache, git log, git config global |
| HTML | Markup elements and attributes | details, datalist, auto play video, dns prefetch, block search engine crawlers |
| JavaScript | Browser and language features | sort array, get data attributes, defer, async, localStorage remove item |
| Laravel | PHP framework | enable strict mode, prevent lazy loading, reverse, production only install, clear cache route |
| Liquid | Shopify's templating language | variable default value, for loop last item, get tags, get posts, post excerpt |
| Markdown | Documentation formatting | image, emoji, table, link, inline code |
| Node | Node.js runtime | readdir, parse path, os module, module filename, module dirname |
| PHP | Language syntax and functions | sprintf, uppercase, class, copyrights, shell exec |
| Vue | Vue.js framework | boilerplate vue component, serve vue project, create new vue project, install vue cli, v-show |
| WordPress | CMS hooks and admin behavior | add shortcode, disable Gutenberg editor, add meta data fields to REST API, register script, add body class |
| WP-CLI | WordPress command line | list post types, list custom post type, list taxonomies, import to sub-site, export single page |
How the categories are organized
The grouping follows the tool you're already using, not a single language. That matters for two reasons:
- Framework-specific snippets stay with their framework. Laravel appears both as its own category and through Artisan (its CLI) and Blade (its templating engine). If you're debugging a Laravel app, you have three relevant buckets instead of one.
- Overlapping tools are separated. Git and CLI are distinct, as are WordPress and WP-CLI. A shell command like
scpsits under CLI, while a WordPress-specific command sits under WP-CLI.
Each category page also lists its snippets individually and links to an "All [category] code snippets" view, so you can scan the full set for that technology.
Choosing where to look
- Working in a Laravel project? Start with Laravel, then check Artisan and Blade for command-line and template tasks.
- Doing front-end work? CSS, HTML, JavaScript, and Vue are the relevant groups.
- Managing a WordPress site? Use WordPress for hooks and admin behavior, WP-CLI for terminal operations.
- Need a general shell or server command? CLI covers things like
scp, disk space checks, and restarting MySQL. - Writing docs or READMEs? Markdown holds formatting snippets such as tables, links, and inline code.
If you're not sure which bucket a task belongs to, the category names map closely to the tool you'd name out loud — "how do I do X in Git" points to the Git group, and so on.