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 / composer.bash
Last active Oct 5, 2018
Install composer on a linux machine
View composer.bash
php -r "copy('', '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 / touchormouse.js
Created Apr 25, 2018
Check for Touch or mouse
View touchormouse.js
document.documentElement.addEventListener("mouseover", (el) => {
document.documentElement.addEventListener("touchstart", (el) => {
jr-smith /
Last active Mar 29, 2018 — forked from tony-caffe/Contract Killer
The latest version of Bytes Unlimted ‘killer contract’ for web professionals

Between Johnathan Smith

And [customer name].


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 / 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 / SyncMediaQueriesJavaScript.css
Created Mar 18, 2018
Sync Media Queries with Javascript
View SyncMediaQueriesJavaScript.css
/** Great way to sync media queries with your javascript: **/
body::before {
content: ‘small’,
display: none;
@media all and (min-width: 1000px) {
body::before {
content: ‘medium’;
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 / rationalize.css
Created Mar 18, 2018
Rationalize Reset CSS
View rationalize.css
/** taken from **/
@import url('normalize.css');
@import url('opinionate.css');
* =============================================================================
* Base
* =============================================================================
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 / MaterialDesignBoxShadows.css
Created Mar 18, 2018
Material Design Box Shadows
View MaterialDesignBoxShadows.css
/** taken from **/
.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.