Skip to content

Instantly share code, notes, and snippets.

View jensgro's full-sized avatar

Jens Grochtdreis jensgro

View GitHub Profile
@jensgro
jensgro / oneliners.js
Created May 7, 2019 13:11 — forked from mikowl/oneliners.js
👑 Awesome one-liners you might find useful while coding.
// By @coderitual
// https://twitter.com/coderitual/status/1112297299307384833
// Remove any duplicates from an array of primitives.
const unique = [...new Set(arr)]
// Sleep in async functions. Use: await sleep(2000).
const sleep = (ms) => (new Promise(resolve => setTimeout(resolve, ms)));
// Type this in your code to break chrome debugger in that line.
@jensgro
jensgro / index.html
Last active January 30, 2019 22:09
Platzhalterbilder/Placeholder images
<h1>Overview of placeholder-image services | Übersicht von Platzhalterbilder-Diensten</h1>
<!-- Übersicht: https://www.paulund.co.uk/image-placeholder-apis -->
<ul class="imageservicelist">
<li>
<h2><a href="http://unsplash.it">Unsplash.it</a></h2>
<img class="flexible" src="http://unsplash.it/400/300" alt="Unsplash.it" />
</li>
<li>
<h2><a href="http://lorempixel.com/">Lorem Pixel</a></h2>
<img class="flexible" src="http://lorempixel.com/400/300/" alt="Lorem Pixel" />
@jensgro
jensgro / animiertes-svg.svg
Created May 18, 2018 17:28
animiertes SVG
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@jensgro
jensgro / dabblet.css
Created May 16, 2018 07:18 — forked from LeaVerou/dabblet.css
Animated line headings
/**
* Animated line headings
*/
h1 {
display: flex;
align-items: center;
width: 100%;
box-sizing: border-box;
@jensgro
jensgro / jquery-bsp.js
Created March 15, 2018 13:26
jQuery-Beispiel
$(".el").on("click", function(){
// hier kommt Dein Zeug hin
});
$(".el").on("mouseenter", function(){
// hier kommt Dein Zeug hin
});
$(".el").on("mouseleave", function(){
// hier kommt Dein Zeug hin
@jensgro
jensgro / schlechter-code.css
Created February 14, 2018 14:08
Schlechter Code
.page {width:700px; height:auto; background-color: #fff; margin:auto; margin-top:0px;}
.body {
margin:0;
padding:0;
background-color:#fff;
background-image:url(../img_all/header/header1.jpg);
background-repeat:no-repeat;
}
.body2 {
@jensgro
jensgro / dynamische-klassenzuweisung-mit-vue-js.markdown
Created February 9, 2018 10:27
Dynamische Klassenzuweisung mit vue.js
@jensgro
jensgro / displaying-code-with-css-sass-edition.markdown
Last active December 20, 2017 18:44
Displaying Code with CSS - Sass-Edition