Skip to content

Instantly share code, notes, and snippets.

View webdesignberlin's full-sized avatar
:octocat:
...

Michael Raguse webdesignberlin

:octocat:
...
View GitHub Profile
@webdesignberlin
webdesignberlin / helper__equal-heights--js.js
Last active August 29, 2015 14:08
Helper Equal Heights
// by http://css-tricks.com/equal-height-blocks-in-rows/
webdesign.Helpers.equalHeights = function (group, heightSelector) {
if (!group.length) return;
var currentTallest = 0,
currentRowStart = 0,
rowDivs = [],
topPosition = 0;
group.find(heightSelector).each(function () {
@webdesignberlin
webdesignberlin / Grunt Autocompletion for bash and zsh
Created November 6, 2014 16:40
Grunt Autocompletion for bash and zsh
# To enable bash completion for grunt, add the following line to your ~/.bashrc file:
eval "$(grunt --completion=bash)"
bash: https://github.com/gruntjs/grunt-cli/blob/master/completion/bash
zsh: https://github.com/gruntjs/grunt-cli/blob/master/completion/zsh
@webdesignberlin
webdesignberlin / Git Helper
Created November 20, 2014 09:04
Git Helper
# Projekt löschen:
rm -r -f ordner/
# Branch löschen:
git branch -d branchname
git branch -D branchname
# Taggen:
git tag
git tag 1.0.0-datum
/*
==============================================
CSS3 ANIMATION CHEAT SHEET
==============================================
Made by Justin Aguilar
www.justinaguilar.com/animations/
Questions, comments, concerns, love letters:
@webdesignberlin
webdesignberlin / table-modifier.scss
Last active August 29, 2015 14:10
table-modifier
$widths: 5 10 20 30 40 50 60 70 80 90 100;
%table-base {
display: table;
float: left;
vertical-align: middle;
}
@each $width in $widths {
.table-#{$width} {
@extend %table-base;
width: $width * 1%;
@webdesignberlin
webdesignberlin / SassMeister-input.scss
Created December 8, 2014 16:22
Generated by SassMeister.com.
// ----
// Sass (v3.3.4)
// Compass (v1.0.0.alpha.18)
// ----
// Map storing values when the mixin is being called
$cache: (
width : (),
height : (),
);
@webdesignberlin
webdesignberlin / SassMeister-input-HTML.html
Last active August 29, 2015 14:11
Generated by SassMeister.com.
<!--<figure class="embed-container embed-container--16_9">
<iframe width="560" height="315" src="//www.youtube.com/embed/videoseries?list=FL2uVMOeKGxm2Ce_WSw-nPbQ" frameborder="0" allowfullscreen></iframe>
</figure>-->
<!--<figure class="embed-container embed-container--4_3">
<iframe width="560" height="315" src="//www.youtube.com/embed/videoseries?list=FL2uVMOeKGxm2Ce_WSw-nPbQ" frameborder="0" allowfullscreen></iframe>
</figure>-->
<figure class="embed-container embed-container--21_9">
<iframe width="560" height="315" src="//www.youtube.com/embed/videoseries?list=FL2uVMOeKGxm2Ce_WSw-nPbQ" frameborder="0" allowfullscreen></iframe>
</figure>
# ssh login ->
ps aux |grep apache
# ||
top
@webdesignberlin
webdesignberlin / Javascript.js
Last active August 29, 2015 14:11
HTTP POSTs with an <a>
/*
Method: We utilize the data: URI scheme to create a temporary <form> on
the fly. With a little JS this form is immediately submitted. Et voilà,
a link that sends a POST request.
Requirements;
* Support for data: scheme
* JS enabled (a fallback can be added via
@webdesignberlin
webdesignberlin / HTML.html
Last active August 29, 2015 14:11
Data Language Translate
<div data-html="[button class='lang' lang='en' data-lang-en='Voir en français']See in english[/button]"></div>
<div class="main" lang="fr">
<div class="intro">
<h1 data-lang-en="[abbr]HTML[/abbr] semantics">Sémantique <abbr>HTML</abbr></h1>
<p><em data-lang-en="Get a better understanding of how machines see your code by disabling [abbr]CSS[/abbr]. [button]Disable stylesheets[/button]">On peut simuler la perception de la page par les machines quand <abbr>CSS</abbr> est désactivé. <button>Désactiver le <abbr>CSS</abbr></button></em></p>
</div>
<div class="bloc css">
<h2 data-lang-en="With a semantic layer">Avec une couche sémantique</h2>
<div class="content" lang="la">
<h3>Donec et mollis dolor</h3>