Skip to content

Instantly share code, notes, and snippets.

View blackfalcon's full-sized avatar
:octocat:
Building things ...

Dale Sande blackfalcon

:octocat:
Building things ...
View GitHub Profile
@blackfalcon
blackfalcon / SassMeister-input-HTML.html
Last active February 10, 2020 21:22
Auro color swatch compare sheet
<div class="flex-outer">
<div class="flex-inner">
<div class="box blackType">These are current colors being used under legacy names</div>
<div class="box blackType gray-100">gray-100 / cloud</div>
<div class="box blackType gray-200">gray-200 / disabled</div>
<div class="box gray-500">gray-500 / orca</div>
</div>
<div class="flex-inner">
@blackfalcon
blackfalcon / cliHacks-bash-git.md
Last active December 25, 2022 17:46
CLI hacks with BASH (and some GiT too)

As professionals we look to always optimize our workload. Through better processes and shortcuts we can eliminate unnecessarily repetitive tasks. One of the tools I use quite often is the Command Line Interface (CLI) and Git, and this is an area that we can automate quite extensively through some really simple to learn BASH hacks.

We all have tasks that we do endlessly, and there are tasks that we do independently and don't realize that there is a definitive pattern that we can embrace, put them to use in a simpler function and alter the results on a per use basis. It is through years of doing things the hard way that I have found some simple tricks that makes my life much easier to maintain.

What is BASH anyway?

Let's get this out of the way quickly first. In short, it is a Unix shell and command language most common on Linux and macOS and recently has made it's way to Windows as well. It is the common interface for running simple commands or other applications such as GiT, Curl, Ack, etc ...

If you

<cool>
<p>Hi { message() }</p>
<script>
message() {
return 'there'
}
</script>
<style type="postcss" scoped>
@blackfalcon
blackfalcon / switch.bash
Last active September 4, 2018 20:34
Easy Git branch switcher in the CLI
# put this in your .bashrc
function switch() {
git branch | grep "$1" | pbcopy && tmp=$(pbpaste) && git checkout $tmp
}
# example branch ... 8038031-update-things-long-branch-name-of-things
# use in the CLI
# $ switch 38031 (or any unique searchable string)
@blackfalcon
blackfalcon / fun-with-specificity.html
Last active May 14, 2021 18:07
Fun with Specificity
<div id="copy">
<ul>
<li class="more-copy">
<p class="copy">
hello
</p>
</li>
</ul>
</div>
@blackfalcon
blackfalcon / SassMeister-input.scss
Created December 15, 2015 16:41
Generated by SassMeister.com.
// ----
// libsass (v3.2.5)
// ----
@import "include-media";
$breakpoints: map-merge($breakpoints, (
'dtmobile': 999px,
'small': 492px,
'medium': 700px,
@blackfalcon
blackfalcon / SassMeister-input-HTML.haml
Last active December 1, 2015 23:22
Generated by SassMeister.com.
.block
@blackfalcon
blackfalcon / SassMeister-input-HTML.haml
Last active December 1, 2015 18:20
Generated by SassMeister.com.
.block desktop large
.block.webkit webkit
.block.dppx dppx
.block.resolution min-res
@blackfalcon
blackfalcon / flexbox-input.scss
Last active November 25, 2015 03:02
Treehouse flexbox course
// ----
// libsass (v3.2.5)
// ----
/* =================================
Page Styles
==================================== */
* {
box-sizing: border-box;
@blackfalcon
blackfalcon / scrolling-content-input.scss
Last active November 25, 2015 02:55
Scrolling content examples
// ----
// libsass (v3.2.5)
// ----
.container {
float: left;
margin-right: 100px;
width: 300px;
max-height: 200px;
overflow: scroll;