Skip to content

Instantly share code, notes, and snippets.

View kitze's full-sized avatar
🚀
Solving problems

Kitze kitze

🚀
Solving problems
View GitHub Profile
@kitze
kitze / CSS Puns
Created December 2, 2014 11:29
CSS Puns
.titanic{
float:none;
}
.kkk {
color: white!important;
}
.harry-potter-invisibility-cloak {
display: none;
}
.sniper-mode-engaged {
@kitze
kitze / facebookstylish
Created January 25, 2015 21:04
Stylish - Facebook Minimal Messages
#pagelet_bluebar, .fbDockWrapperRight, #rightCol, #fbChatSidebar{
display: none !important;
}
.wmMasterView{
width: 82px !important;
}
#wmMasterViewThreadlist{
width:17% !important;
@kitze
kitze / Stylish - Better Trello Theme
Last active August 29, 2015 14:14
trellostylish
.list-card-labels .card-label{
width: auto !important;
font-size: 10px !important;
padding: 0px 5px !important;
line-height: 13px !important;
border-radius: 3px !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
height: 13px !important
}
app.service('YouTubeService', function ($q, $rootScope, $timeout, MockService, $cordovaOauth) {
const clientId = 'hidden';
const youtubeScope = 'https://gdata.youtube.com';
const serverKey = 'hidden';
var isRealDevice = window.cordova !== undefined;
var results = [];
var pageTokens = [];
var initializeDefer;
@kitze
kitze / hamburger.html
Created September 23, 2015 12:34
Hamburger icon with animation
<div class="c-drawer" ng-click="vm.toggleDrawer()" ng-class="{'c-drawer--opened':vm.drawerOpened}" >
<hr class="c-drawer__line c-drawer__line--1"/>
<hr class="c-drawer__line c-drawer__line--2"/>
<hr class="c-drawer__line c-drawer__line--3"/>
</div>
@kitze
kitze / gulpfile.babel.js
Created December 3, 2015 10:10
gulpfile for generating a react component with style.js file
'use strict';
import gulp from 'gulp';
import webpack from 'webpack-stream';
import path from 'path';
import sync from 'run-sequence';
import serve from 'browser-sync';
import rename from 'gulp-rename';
import template from 'gulp-template';
import fs from 'fs';
import variables from './variables.config';
import Color from 'color';
const debuggingColors = [];
const randomColor = () => {
return '#' + (Math.random() * 0xFFFFFF << 0).toString(16);
};
const getColor = (color) => {
import is from '../../plugins/is';
const minWidth = 'min-width';
const maxWidth = 'max-width';
const query = (size, measure) => {
return `@media (${measure}: ${size}px)`
};
const matchMedia = (val) => {
@kitze
kitze / counter.js
Created January 5, 2016 12:43
redux action without switch
import * as types from '../actions/actionTypes';
const initialState = {
count: 0
};
export default counter = (state = initialState, action = {}) => {
return {
[types.INCREMENT]: {
...state,
@kitze
kitze / index.ios.js
Created January 6, 2016 15:46
react native bug
import React, { AppRegistry, View, Text } from 'react-native';
const AppContainer = () => {
console.warn('Rendering component');
console.log('simple log');
return (
<View>
<Text>
Hello world