Skip to content

Instantly share code, notes, and snippets.

Johnathan R. Smith jr-smith

Block or report user

Report or block jr-smith

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
@jr-smith
jr-smith / composer.bash
Last active Oct 5, 2018
Install composer on a linux machine
View composer.bash
php -r "copy('https://getcomposer.org/installer', 'composer-setup.php');"
php composer-setup.php --install-dir=/bin --filename=composer
#mv composer.phar /usr/local/bin/composer
rm composer-setup.php
View laravel.bash
// Add model (with all: factory, seed, migration)
php artisan make:model
@jr-smith
jr-smith / touchormouse.js
Created Apr 25, 2018
Check for Touch or mouse
View touchormouse.js
document.documentElement.addEventListener("mouseover", (el) => {
document.documentElement.classList.add("is-mouse");
});
document.documentElement.addEventListener("touchstart", (el) => {
document.documentElement.classList.add("is-touch");
});
@jr-smith
jr-smith / Contract.md
Last active Mar 29, 2018 — forked from tony-caffe/Contract Killer 3.md
The latest version of Bytes Unlimted ‘killer contract’ for web professionals
View Contract.md

Between Johnathan Smith

And [customer name].

Summary:

We’ll always do our best to fulfill your needs and meet your expectations, but it’s important to have things written down so that we both know what’s what, who should do what and when, and what will happen if something goes wrong. In this contract you won’t find any complicated legal terms or long passages of unreadable text. We’ve no desire to trick you into signing something that you might later regret. What we do want is what’s best for both parties, now and in the future.

So in short;

@jr-smith
jr-smith / PrintLinkInCSSPrintOnly.css
Created Mar 18, 2018
Print the href when a document is printed with css
View PrintLinkInCSSPrintOnly.css
@media only print {
a[href]:after {
content: " (" attr(href) ")"
}
}
@jr-smith
jr-smith / SyncMediaQueriesJavaScript.css
Created Mar 18, 2018
Sync Media Queries with Javascript
View SyncMediaQueriesJavaScript.css
/** Great way to sync media queries with your javascript: https://mobile.twitter.com/selbekk/status/975145895909117952 **/
body::before {
content: ‘small’,
display: none;
}
@media all and (min-width: 1000px) {
body::before {
content: ‘medium’;
}
@jr-smith
jr-smith / CenterButtonText.css
Created Mar 18, 2018
Center Button Text in Boostrap and .btn class
View CenterButtonText.css
.btn {
display: inline-flex;
align-content: center;
align-items: center;
}
@jr-smith
jr-smith / rationalize.css
Created Mar 18, 2018
Rationalize Reset CSS
View rationalize.css
/** taken from https://github.com/niksy/rationalize.css/blob/master/index.css **/
@import url('normalize.css');
@import url('opinionate.css');
/**
* =============================================================================
* Base
* =============================================================================
*/
@jr-smith
jr-smith / ResponsiveTextSize.css
Created Mar 18, 2018
Responsive Text Size in Body
View ResponsiveTextSize.css
body {
font-size: calc(0.95rem + 0.1vw);
}
@jr-smith
jr-smith / MaterialDesignBoxShadows.css
Created Mar 18, 2018
Material Design Box Shadows
View MaterialDesignBoxShadows.css
/** taken from https://codepen.io/sdthornton/pen/wBZdXq **/
.card-1 {
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.card-1:hover {
box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
You can’t perform that action at this time.