Skip to content

Instantly share code, notes, and snippets.

View Chrisedmo's full-sized avatar

Chris Mousdale Chrisedmo

20 followers · 37 following
View GitHub Profile
@Chrisedmo
Chrisedmo / debug.css
Created April 17, 2018 08:50 — forked from zaydek-old/bookmark.min.js
A simple CSS debugger
*:not(path) {
color: hsla(210, 100%, 100%, 0.9) !important;
background: hsla(210, 100%, 50%, 0.5) !important;
outline: solid 0.25rem hsla(210, 100%, 100%, 0.5) !important;
box-shadow: none !important;
}
@Chrisedmo
Chrisedmo / debug.css
Created April 17, 2018 08:50 — forked from zaydek-old/bookmark.min.js
A simple CSS debugger
*:not(path) {
color: hsla(210, 100%, 100%, 0.9) !important;
background: hsla(210, 100%, 50%, 0.5) !important;
outline: solid 0.25rem hsla(210, 100%, 100%, 0.5) !important;
box-shadow: none !important;
}
@Chrisedmo
Chrisedmo / _lazyFocusImager.twig
Created March 4, 2018 22:34 — forked from sjelfull/_lazyFocusImager.twig
Twig/Craft macro for lazy responsive images/bgimages with Imager and Focuspoint
{#
// lazyLoaded Image/bgImages, optimized with Imager and Focuspoint
---------------------------------------------------------------------------
https://nystudio107.com/blog/creating-optimized-images-in-craft-cms
https://github.com/aelvan/Imager-Craft
https://github.com/smcyr/Craft-FocusPoint
for the bgImage intrinsic ratio classname creation check:
https://github.com/inuitcss/inuitcss/blob/develop/objects/_objects.ratio.scss
@Chrisedmo
Chrisedmo / styles.less
Created December 29, 2017 23:18 — forked from brandondurham/styles.less
Using Operator Mono in Atom
/**
* Using Operator Mono in Atom
*
* 1. Open up Atom Preferences.
* 2. Click the “Open Config Folder” button.
* 3. In the new window’s tree view on the left you should see a file called “styles.less”. Open that up.
* 4. Copy and paste the CSS below into that file. As long as you have Operator Mono SSm installed you should be golden!
* 5. Tweak away.
*
* Theme from the screenshot (http://cdn.typography.com/assets/images/blog/operator_ide2.png):
@Chrisedmo
Chrisedmo / craftblockwrap.twig
Created November 16, 2017 21:24 — forked from croxton/craftblockwrap.twig
Craft CMS matrix blocks intelligent wrapping
{# _partials/blocks/blocks.html #}
{#
Blocks component
Outputs a matrix field blocks, intelligently wrapping blocks that need to be inset from the edges
@param {object} contentBlocks (MatrixBlockModel)
#}
{# Parameters #}
@Chrisedmo
Chrisedmo / osx_bootstrap.sh
Last active November 14, 2017 23:00 — forked from codeinthehole/osx_bootstrap.sh
Script to install stuff I want on a new OSX machine
#!/usr/bin/env bash
#
# Bootstrap script for setting up a new OSX machine
#
# This should be idempotent so it can be run multiple times.
#
# Notes:
#
# - If installing full Xcode, it's better to install that first from the app
# store before running the bootstrap script. Otherwise, Homebrew can't access
@Chrisedmo
Chrisedmo / caskconfig.sh
Last active June 7, 2017 14:10
My Cask Config
#!/bin/sh
#
# Some cask packages that I like.
#
brew cask install sketch
brew cask install atom
brew cask install alfred
brew cask install slack
brew cask install paparazzi
brew cask install transmit
@Chrisedmo
Chrisedmo / README.md
Created April 11, 2017 14:18 — forked from hofmannsven/README.md
My simply MySQL Command Line Cheatsheet
@Chrisedmo
Chrisedmo / Craft3ValetDriver.php
Created February 1, 2017 10:29
Craft 3 Composer Install Valet Driver
<?php
class Craft3ValetDriver extends ValetDriver
/* https://github.com/laravel/valet/blob/master/cli/drivers/CraftValetDriver.php */
{
/**
* Determine if the driver serves the request.
*
* @param string $sitePath
* @param string $siteName
@Chrisedmo
Chrisedmo / eager-loading.twig
Created December 11, 2016 22:13
#CraftCMS: Eager-Load Nested Sets of Elements
{#
According to docs (https://craftcms.com/docs/templating/eager-loading-elements),
this is how you Eager-Load Nested Sets of Elements
#}
{% set entries = craft.entries({
section: 'news',
with: [
'entriesField.assetsField'
]