Skip to content

Instantly share code, notes, and snippets.

View AleksejDix's full-sized avatar
💚
in love with vue

Dix AleksejDix

💚
in love with vue
View GitHub Profile
@AleksejDix
AleksejDix / SassMeister-input-HTML.html
Created October 14, 2014 15:26
Generated by SassMeister.com.
<div class="product">
<a href="#">
<div class="ebook-cover">
</div>
</a>
</div>
@AleksejDix
AleksejDix / gist:7b6a108dfa9d82bf9e69
Created May 19, 2015 10:55
change cmd root directory to the project folder
Wenn du dein Startverzeichnis ändern willst, dann mach folgendes
Suche nach regedit.exe und öffne es.
Navigiere zu HKEY_CURRENT_USER >> Software >> Microsoft >> Command Processor
Öffne Autorun oder erstelle eine neue Variable mit dem Namen Autorun (Wert der erweiterbaren Ziechenfolge)
Doppelklicke die Autorun Variable und setzte den Wert auf CD /D I:\Projekte
Starte cmd und TADA! Es startet mit dem neuen Verzeichnis
Viel Spass beim testen
@AleksejDix
AleksejDix / gulpfile.js
Created September 7, 2015 20:45
gulp setup must be improved
var
gulp = require('gulp'),
stylus = require('gulp-stylus'),
postcss = require('gulp-postcss'),
sourcemaps = require('gulp-sourcemaps'),
autoprefixer = require('autoprefixer'),
rupture = require('rupture'),
nunjucksRender = require('gulp-nunjucks-render'),
lost = require('lost'),
plumber = require('gulp-plumber'),
@AleksejDix
AleksejDix / SassMeister-input-HTML.html
Created February 24, 2016 08:46
Generated by SassMeister.com.
<div class="product-list">
<div class="product-list__item">
<a href="/">
<img src="https://cdn.siroop.ch/media/images/sized/GP2Tg0xBog-IlKewvYrQ2A.200x200.jpg" alt="radio" />
</a>
<div class="product__title">
<a href="/">
Super Radio
</a>
@AleksejDix
AleksejDix / SassMeister-input-HTML.html
Created February 24, 2016 13:10
Generated by SassMeister.com.
<div class="page">
<ul class="list-media">
<li class="list-media__item">
<div class="flag flag--top">
<div class="flag__media"> <img src="https://cdn.siroop.ch/media/images/sized/ZfV81H_AQ49u4D0pql3ikw.200x200.jpg"/></div>
<div class="flag__body">
<div class="product__title"></div>
<div class="product__top-feature"></div>
<div class="product__price">ab <span class="price__currensy">CHF </span><strong class="price__amount">99.99 </strong></div>
</div>
@AleksejDix
AleksejDix / SassMeister-input-HTML.html
Created February 25, 2016 10:13
Generated by SassMeister.com.
<div style="width: 2pc; height: 2pc; background: red;"></div>
<div style="width: 32px; height: 32px; background: red;"></div>
<div style="width: calc(1in/6); height: calc(1in/6); background: red;"></div>
@AleksejDix
AleksejDix / Markdown jekyll hacks
Created October 14, 2016 08:40
add figure element with figcaption to markdown
$( document ).ready(function() {
$('.markdown p img').unwrap().wrap('<figure></figure>').after(function() {
return '<figcaption>'+this.alt+'</figcaption>';
});
});
<!-- Begin MailChimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7.css" rel="stylesheet" type="text/css">
<style type="text/css">
#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; width:100%;}
/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
<div id="mc_embed_signup">
<form action="//club.us15.list-manage.com/subscribe/post?u=e5a13faf71344dad21ad2816c&amp;id=d435621ef0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
@AleksejDix
AleksejDix / css_regression_testing.md
Created June 19, 2017 15:04 — forked from cvrebert/css_regression_testing.md
Survey of screenshot-based CSS testing tools

Currently considering https://github.com/webdriverio/webdrivercss


Core Goals:

  • Can test in up-to-date versions of all major browsers
  • Can test on up-to-date versions of all major OSes
  • Can test in IE9 (because Bootstrap v4 will support IE9+)
  • Don't want to have to setup/maintain our own cluster of VMs running all the necessary OSes (and all the versions of Windows)
  • Workflow for management of reference/baseline/norm screenshots
const serialize = (form) => {
if (typeof form != 'object' && form.nodeName != "FORM") return;
const idDisqualified = el => (el.name && !el.disabled && el.type != 'file' && el.type != 'reset' && el.type != 'submit' && el.type != 'button');
const isChecked = el => (el.type != 'checkbox' && el.type != 'radio') || el.checked;
return Array
.from(form.elements)
.filter(el => idDisqualified(el))