Skip to content

Instantly share code, notes, and snippets.

View jslegers's full-sized avatar

John Slegers jslegers

107 followers · 223 following
View GitHub Profile
@jslegers
jslegers / _clearfix.scss
Last active October 30, 2018 12:59
Clearfix code without duplication
%display-block-hacked {
display: block;
*zoom: 1;
}
%clear-both {
clear : both;
}
%blank-as-table {
@jslegers
jslegers / jslegers-responsive-mixin.scss
Created July 21, 2013 13:21
Improvement of SassMeister-input.scss file at https://gist.github.com/micahgodbolt/5851228
/*
Scoped Media Query Mixins - an element query workaround.
@mixin respond-to-all : generates @media () {}
@mixin respond-to-screen : generates @media screen and () {}
@mixin respond-to-screen-only : generates @media screen only and () {}
Accepts the following input :
@jslegers
jslegers / index.html
Last active January 16, 2020 21:38
Simple 2 player version of the "connect four" game. All code is MIT licenced.
<body>
<span id="a">red</span>
<span id="b">yellow</span>
<span id="n">Are you sure you want to start a new game?</span>
<span id="w">The %s player won.
Do you want to play a new game?</span>
<div id="game">It's the <span id="c"></span>&nbsp;player's move.
<table id="gameboard">
<tr>
<td id="c-1-1"></td>
@jslegers
jslegers / style.scss
Created July 26, 2013 13:24
A CodePen by Hugo Giraudel. Sass mixin for scrollbar styling - Because I can't ever remember the right syntax for scrollbars styling in WebKit, here is a little Sass mixin to do it for you.
@import "compass";
/**
* Mixin scrollbar
*/
@mixin scrollbar($size, $primary, $secondary: lighten($primary, 25%)) {
::-webkit-scrollbar {
width: $size;
height: $size;
}
@jslegers
jslegers / gist:6562976
Created September 14, 2013 15:34
Hiding mobile specific content on IE6-8
/* Add the desktop-hidden class to any HTML tag that contains mobile specific content */
.desktop-hidden {
*display:none !important; /* IE6-7 */
}
@media \0 screen {
.desktop-hidden {
display:none !important; /* IE8 only */
@jslegers
jslegers / superglobals.php
Last active August 29, 2015 13:56
Create a formatted list of all superglobals
<?php
// Generate a formatted list with all superglobals
//----------------------------------------------------
// Custom superglobal variable $_CUSTOM
$_CUSTOM = array('USERNAME' => 'john', 'USERID' => '18068416846');
// List here whichever superglobals you want to print
// This could be your own custom superglobals
$globals = array(
'$_SERVER' => $_SERVER, '$_ENV' => $_ENV,
@jslegers
jslegers / _generated-placeholders.scss
Last active March 22, 2022 12:40
// This code will only work if you use Sass 3.3 (or higher)
// Configuration :
// -----------------------------------------
$screensizes : (
'default' : 0 infinity,
'mobile' : 0 767px,
'phone' : 0 480px,
'tablet' : 481px 767px,
@jslegers
jslegers / __math.scss
Last active August 29, 2015 14:08
// Some code is my own
// Some code is coming from https://github.com/adambom/Sass-Math/blob/master/math.scss
// Some code is coming from http://thesassway.com/advanced/inverse-trigonometric-functions-with-sass
// Some code coming from http://thesassway.com/advanced/math-sequences-with-sass
@function power($base, $exponent) {
$ret: 1;
@if $exponent > 0 {
@for $i from 1 through $exponent {
$ret: $ret * $base;
@jslegers
jslegers / selfdescriptive.php
Last active January 8, 2016 04:19
self descriptive number
<?php
// PHP implementation of my solution for James Grimes's puzzle @ https://www.youtube.com/watch?v=K6Qc4oK_HqY
// The following function calculates the (only) self descriptive number for any number of digits
//
// With "self descriptive number", I mean :
// -------------------
// The first digit tells me how many zeros are in the number
// The second digit tells me how many ones are in the number
// The third digit tells me how many twos are in the number
@jslegers
jslegers / eat-sleep-code-repeat.js
Created January 20, 2016 01:38
(function repeat() {
eat();
sleep();
code();
repeat();
})();