Skip to content

Instantly share code, notes, and snippets.

View lukasborawski's full-sized avatar
✨

Lukas Borawski lukasborawski

✨
48 followers · 45 following
View GitHub Profile
@lukasborawski
lukasborawski / input.html
Last active December 31, 2015 13:49
Smooth SASS animations @mixin - http://sassmeister.com/gist/7995928.
<div class="test-div"></div>
@lukasborawski
lukasborawski / input.html
Last active April 12, 2016 22:00
CSS3 multicolumn SASS @mixin - http://sassmeister.com/gist/8051863.
<div class="test-div"></div>
@lukasborawski
lukasborawski / input.html
Last active January 1, 2016 03:59
Grid Layout SASS Concept - http://sassmeister.com/gist/8088973.
<div class="grid_row">
<div class="col-3"></div>
<div class="col-6"></div>
<div class="col-3"></div>
</div>
@lukasborawski
lukasborawski / input.scss
Last active January 3, 2016 08:09
Background sprite with retina ready SASS @mixin - http://sassmeister.com/gist/8433951.
$global-sprite-name: 'global_sprite';
$global-sprite-type: "png";
$global-sprite-size: 600px 600px;
@mixin bg-sprite($x: 0, $y: 0, $retina: false) {
$file-type: $global-sprite-type;
background: url('../images/' + $global-sprite-name + '.' + $file-type) $x $y no-repeat;
background-size: 600px 600px;
@if $retina == true {
@media
@lukasborawski
lukasborawski / input.scss
Last active February 12, 2021 11:12
Perfect media-queries screen breakpoints SASS @mixin. Tested on Apple Devices: iPhone4, iPhone5, iPad3, MacBook Pro, iPad Mini. http://sassmeister.com/gist/8529371
$media-queries: true;
@mixin bp($point) {
@if ($media-queries) {
$bp-large-screen: 1824px;
$bp-bigscreen: 1824px;
$bp-ipad-max: 1024px;
$bp-ipad-min: 768px;
$bp-iphone5-max: 568px;
$bp-iphone-max: 480px;
@lukasborawski
lukasborawski / scripts.js
Last active August 29, 2015 13:59
Facebook competition accessibility from liking of profile.
(function(){
window.fbAsyncInit = function() {
FB.init({
appId : '8547685675671896', // App ID
// channelUrl : 'http(s)://yourdomain.com/channel.html', // Channel File
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
@lukasborawski
lukasborawski / gulpfile.js
Created November 18, 2014 15:43
Gulp synchronous tasks running.
var gulp = require('gulp');
var async = require('async');
gulp.task('task1', function() {
console.log('1');
});
gulp.task('task2', function(cb) {
setTimeout(function () {
console.log('2');
@lukasborawski
lukasborawski / appController.js
Last active August 29, 2015 14:17
MVC JavaScript App Structure
var _userForm = {
getElement: {
d: $(document),
f: $('.js-userForm')
},
send: function() {
var self = this;
@lukasborawski
lukasborawski / axios.js
Created July 13, 2017 07:50
Nuxt.js Axios Plugin
import * as axios from 'axios'
import { getCookieInClient } from '../util/assist'
export default ({ app, store, redirect }) => {
// The server-side needs a full url to works
if (process.SERVER_BUILD) {
axios.defaults.baseURL = `http://${process.env.HOST || 'localhost'}:${process.env.PORT || 3000}`
}
@lukasborawski
lukasborawski / index.component.js
Last active December 18, 2018 10:21
Angular 2 DOM Mutation Observer with Event Emmiter
observeDOMChanges() {
this.observer = new MutationObserver(mutations => {
mutations.forEach(function(mutation) {
EventEmmiter.emit(true)
});
});
var config = { attributes: true, childList: true, characterData: true };
this.observer.observe(this.elRef.nativeElement, config);
}