Skip to content

Instantly share code, notes, and snippets.

Joshua Briley somecallmejosh

Block or report user

Report or block somecallmejosh

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View browser-queries.scss
@mixin browser($browser) {
@if $browser == 'firefox' {
@-moz-document url-prefix() {
@content;
}
}
@if $browser == 'galax3' {
@media only screen and (-webkit-device-pixel-ratio: 2) {
@content;
@somecallmejosh
somecallmejosh / Setup.md
Last active Apr 25, 2018
Front End Dev Setup
View Setup.md

UI / Front End Local Dev Environment at BHSI

Setup Windows Subsystem for Linux

This will give us a bash terminal. It also makes it a bit easier to manage file permissions, add dependencies, etc.

Setup Homebrew

Homebrew installs packages to their own directory and then symlinks their files into /usr/local.

View gist:bb76a4cda251166698982955b3ce001d
#Dot files
alias editbash='code ~/.bash_profile'
alias editzsh='code ~/.zshrc'
alias editgitconfig='code ~/.gitconfig'
alias editgitignore='code ~/.gitignore'
alias editnpmdefaults='code ~/.npmrc'
alias edithosts='code /etc/hosts'
alias s3config='code ~/.s3cfg'
@somecallmejosh
somecallmejosh / SassMeister-input.scss
Last active Nov 10, 2017
InuitCSS Inspired Flex Grid
View SassMeister-input.scss
// ----
// Sass (v3.4.21)
// Compass (v1.0.3)
// ----
// Inspired from: `https://github.com/inuitcss/inuitcss/blob/develop/utilities/_utilities.widths.scss`
$delimiter: \/ !default;
$breakpoint-separator: \@ !default;
$grid-margin: 8; // must be a number
View placeholder-mixin-results.scss
.form input[type='email'],
.form input[type='search'],
.form input[type='text'] {
font-size: 2rem;
outline: none;
color: #333;
font-family: "Merriweather", serif;
}
.form :-moz-placeholder,
.form ::-moz-placeholder {
View form-placeholder-mixin.scss
@mixin default-placeholder {
color: #333;
font-family: $montserrat;
}
@mixin fly-out-placeholder {
color: #777;
font-family: $merriweather;
}
View old-school-input-view-focus-blur.html
<input
type="text"
name="search"
value="search..."
alt="search" onblur="if(this.value=='') this.value='search...';"
onfocus="if(this.value=='search...')
this.value='';"
>
View form.js
'use strict';
var form = $('form'),
formFields = $('.atkForm__fields'),
formSubmit = $('.atkForm__submit'),
parentGroup = $('.atkForm__group'),
formError = $('.atkForm__group--error');
$('form input').blur(function() {
View form.scss
$field-height: 50px;
.atkForm {
input,
input[type="search"],
textarea {
/* For Safari zooming issues */
-webkit-appearance: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
font-size: 16px;
View side-by-side-form.html
<form action="#" class="atkForm atkForm--side-by-side form-1" novalidate>
<div class="atkForm__fields">
<div class="atkForm__group">
<label class="atkForm__group--label" for="email">Enter Your Email Address</label>
<input class="atkForm__group--input" type="email" name="email" required />
<div class="atkForm__group--error">Email is required</div>
</div>
</div>
<div class="atkForm__action">
<button class="atkForm__submit" type="submit">
You can’t perform that action at this time.