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 / complete file.html
Last active August 29, 2015 14:07
Editable Table
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Editable Table</title>
<link rel="stylesheet prefetch" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<style>
.table-editable {
position: relative;
}
@webdesignberlin
webdesignberlin / css.css
Last active August 29, 2015 14:07
animated background
body {
background-color: #5796d4;
overflow-x: hidden;
font-family: "Roboto Slab","Helvetica Neue",Helvetica,Arial,sans-serif;
}
/* Assets */
.image-wrap {
position:relative;
width:100%;
@webdesignberlin
webdesignberlin / sql update console
Created October 21, 2014 16:10
Update sql Konsole
mysql -uroot -p'dev' -hlocalhost dbname < /blubb.sql
@webdesignberlin
webdesignberlin / responsive-typo.scss
Last active August 29, 2015 14:07
responsive typography mixin
$debug: false;
// Variables
$responsive-typo__max-width: 1440px !default;
$responsive-typo__small-screen-width: 480px !default;
$responsive-typo__base-html-font-size: 87.5% !default;
$responsive-typo__step: 10px !default;
$responsive-typo__font-size-step: 1% !default;
@mixin responsive-typo {
@webdesignberlin
webdesignberlin / alternate-file.js
Last active August 29, 2015 14:07
alternate file if fileinput empty
function handleFile(file){
console.log(file)
}
document.querySelector('form').onsubmit = function(evt){
evt.preventDefault();
var fileField = document.querySelector('[name=file]');
// Keine Datei gewählt? Default per XHR holen!
if(fileField.files.length === 0){
var req = new XMLHttpRequest();
table { display: table }
tr { display: table-row }
thead { display: table-header-group }
tbody { display: table-row-group }
tfoot { display: table-footer-group }
col { display: table-column }
colgroup { display: table-column-group }
td, th { display: table-cell }
caption { display: table-caption }
.element {
position: relative;
top: 50%;
transform: translateY(-50%);
}
/*
* Predefined Settings
*/
var model = {
daysObj: {
0: [0,1,2,3,4,5,6],
1: [1,2,3,4,5,6,0],
2: [2,3,4,5,6,0,1],
3: [3,4,5,6,0,1,2],
<figure class="teaser">
<a href="#" title="[HEADLINE]" class="teaser__link">
<header class="teaser__header">
<h2 class="teaser__headline">[Headline]</h2>
</header>
<img src="http://dummyimage.com/500x100/000/fff.png" alt="[IMGDescription]" class="teaser__image" />
<figcaption class="teaser__description">[Text]</figcaption>
<button class="teaser__button">[LINKTEXT)</button>
</a>
</figure>
<a href="javascript:void(0)">Trigger</a>