Skip to content

Instantly share code, notes, and snippets.

View larswittenberg's full-sized avatar
🏠
Working from home

Lars Wittenberg larswittenberg

🏠
Working from home
7 followers · 5 following
View GitHub Profile
@larswittenberg
larswittenberg / pesticide.css
Last active July 16, 2024 12:18
Pesticide CSS
/*
Source: https://github.com/mrmrs/pesticide
Uage: <link rel="stylesheet" href="https://gist.githubusercontent.com/larswittenberg/d024600fab292acd302203ef3e1e6e1e/raw/f93aad5427095da6e618ad9ebf2258e26bcce549/pesticide.css">
*/
body{outline:1px solid #2980b9!important}article{outline:1px solid #3498db!important}nav{outline:1px solid #0088c3!important}aside{outline:1px solid #33a0ce!important}section{outline:1px solid #66b8da!important}header{outline:1px solid #99cfe7!important}footer{outline:1px solid #cce7f3!important}h1{outline:1px solid #162544!important}h2{outline:1px solid #314e6e!important}h3{outline:1px solid #3e5e85!important}h4{outline:1px solid #449baf!important}h5{outline:1px solid #c7d1cb!important}h6{outline:1px solid #4371d0!important}main{outline:1px solid #2f4f90!important}address{outline:1px solid #1a2c51!important}div{outline:1px solid #036cdb!important}p{outline:1px solid #ac050b!important}hr{outline:1px solid #ff063f!important}pre{outline:1px solid #850440!important}blockquote{outline:1px
@larswittenberg
larswittenberg / SassMeister-input.scss
Created November 12, 2014 16:43
Generated by SassMeister.com.
// ----
// Sass (v3.3.14)
// Compass (v1.0.1)
// ----
$map--colors: (
blue : #0066cc,
blue--light : #15b3fc,
grey : #575757,
grey--dark : #4a4a4a,
@larswittenberg
larswittenberg / mixin.scss
Last active August 29, 2015 14:01
Styling HTML5 Placeholder
/*******************************************************************************
* Placehoder Styling
*******************************************************************************/
@mixin placeholder {
&::-webkit-input-placeholder { @content; }
&:-moz-placeholder { @content; } // Firefox 18-
&::-moz-placeholder { @content; } // Firefox 19+
&:-ms-input-placeholder { @content; }
}
@larswittenberg
larswittenberg / gulpfile.js
Created May 9, 2014 10:08
Gulpfile
/*******************************************************************************
* DEPENDENCIES
*******************************************************************************/
var gulp = require('gulp');
var sass = require('gulp-sass');
var minifycss = require('gulp-minify-css');
var rename = require('gulp-rename');
var jshint = require('gulp-jshint');
var concat = require('gulp-concat');
@larswittenberg
larswittenberg / gulpfile.js
Last active August 29, 2015 14:00
Gulp Config
/*******************************************************************************
* DEPENDENCIES
*******************************************************************************/
var gulp = require('gulp');
var sass = require('gulp-sass');
var notify = require('gulp-notify');
var browserSync = require('browser-sync');
@larswittenberg
larswittenberg / readme.md
Last active August 29, 2015 14:00
Gulp.js Einrichten
  1. Node.js installieren / direkter Download Link
  2. Gulp.js global installieren: Terminal: (sudo) npm install -g gulp
  3. Die Node Module vom Git ausschließen: in der Datei .gitignore folgendes ergänzen node_modules/*
  4. Ins Projekt Verzeichnis wechseln
  5. Erstmalig: npm init ausführen, evtl Infos eingeben und Bestätigen
  6. Gulp.js für das Projekt installieren: (sudo) npm install --save-dev gulp
  7. Benötigte Plugins installieren: (sudo) npm install gulp-sass gulp-notify browser-sync --save-dev
  8. Datei gulpfile.js im Projekt Ordner anlegen und konfigurieren (siehe anderes Gist)
@larswittenberg
larswittenberg / gist:8644810
Created January 27, 2014 08:22
IE Detection with jQuery > 1.9
// Quelle: http://grochtdreis.de/weblog/2014/01/27/browserabfrage-zu-jquery-zurueckholen/
// bringt $browser zum modernen jQuery zurück
// brings back $.browser to modern jQuery
jQuery.browser={};
(function(){
jQuery.browser.msie=false;
jQuery.browser.version=0;
if(navigator.userAgent.match(/MSIE ([0-9]+)\./)){
jQuery.browser.msie=true;jQuery.browser.version=RegExp.$1;
@larswittenberg
larswittenberg / gist:6915197
Created October 10, 2013 08:51
selector count in css
// http://stackoverflow.com/questions/5228459/selector-count-in-css
// The following snippet can be run in the Firebug console in Firefox to count
// the total number of CSS selectors (not just CSS rules) and check whether
// it reaches the limit of 4095 selectors per stylesheet:
var
styleSheets = document.styleSheets,
totalStyleSheets = styleSheets.length;
for (var j = 0; j < totalStyleSheets; j++){
@larswittenberg
larswittenberg / baclground-size_cover
Last active December 23, 2015 21:59
Background Image Cover
/*
** Perfect Full Page Background Image
** http://css-tricks.com/perfect-full-page-background-image/
**
** UPDTAE: background-attachment: fixed; führt bei iOS zu Problemen
** http://codepen.io/larswittenberg/pen/zlEsL
*/
.background-image {
position: fixed;
@larswittenberg
larswittenberg / style.css
Created May 28, 2013 17:30
Firefox Button Height Fix
/*
http://davidwalsh.name/firefox-buttons
*/
input::-moz-focus-inner {
border: 0;
padding: 0;
margin-top:-2px;
margin-bottom: -2px;
}