Skip to content

Instantly share code, notes, and snippets.

View dcooney's full-sized avatar

Darren Cooney dcooney

View GitHub Profile
@dcooney
dcooney / tmpl-alm-template.js
Last active March 8, 2017 21:17
Example Underscore.js repeater template for the REST API + Ajax Load More
<script type="text/html" id="tmpl-alm-template">
<li <# if(!data.thumbnail){ #> class="no-img" <# } #>>
<# if(data.thumbnail){ #>
<a href="{{{data.link}}}"><img src="{{{data.thumbnail}}}" alt="{{{data.thumbnail_alt}}}" /></a>
<# } #>
<h3><a href="{{{data.link}}}">{{{ data.post_title }}}</a></h1></h3>
<p class="entry-meta">{{{ data.date }}}</p>
<p>{{{ data.post_excerpt }}}</p>
</li>
</script>
@chranderson
chranderson / nvmCommands.js
Last active July 13, 2025 05:06
Useful NVM commands
// check version
node -v || node --version
// list locally installed versions of node
nvm ls
// list remove available versions of node
nvm ls-remote
// install specific version of node
@bfintal
bfintal / cheatsheet.js
Last active June 28, 2025 01:10
Gutenberg Cheat Sheet
// Get the data of a block
wp.data.select( 'core/block-editor' ).getBlocks()[0]
// Update attributes of another block
// wp.data.dispatch( 'core/editor' ).updateBlockAttributes( clientID, attributes )
wp.data.dispatch( 'core/block-editor' ).updateBlockAttributes( '10d88a6d-95d6-4e07-8293-5f59c83a26c0', { heading: 'New Heading' } )
// Get currently selected block.
wp.data.select( 'core/block-editor' ).getBlockSelectionStart()
@jenssogaard
jenssogaard / ACF Gutenberg get block fields
Created February 22, 2019 21:08
Helper class for ACF and Gutenberg. Get blocks fields by passing block_id and post_id.
<?php
namespace JensSogaard;
class BlockHelper
{
/**
* Gets ACF fields for a specific block on a given post
* @author Jens Soegaard <[email protected]>
*/
public function getBlockFromPage(string $block_id, int $post_id)
@bradtraversy
bradtraversy / tailwind-webpack-setup.md
Last active July 15, 2025 11:46
Setup Webpack with Tailwind CSS

Webpack & Tailwind CSS Setup

Create your package.json

npm init -y

Create your src folder

Create a folder called src and add an empty index.js file. The code that webpack compiles goes in here including any Javascript modules and the main Tailwind file.