Skip to content

Instantly share code, notes, and snippets.

View ezakto's full-sized avatar
👽
​

Nicolás Arias ezakto

👽
​
23 followers · 45 following
View GitHub Profile
@ezakto
ezakto / LICENSE.txt
Last active August 29, 2015 14:24 — forked from 140bytes/LICENSE.txt
CSS-like plain objects to CSS strings
DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
Version 2, December 2004
Copyright (C) 2015 Nicolás Arias <nicolas@nicolasarias.com>
Everyone is permitted to copy and distribute verbatim or modified
copies of this license document, and changing it is allowed as long
as the name is changed.
DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
@ezakto
ezakto / csstemplate.js
Last active May 10, 2022 01:13
Dynamic CSS templates
function CSSTemplate(stylesheet) {
var styles = document.getElementById(stylesheet);
var source = styles.innerHTML.split('$');
var _cache = {};
this.set = function(hash) {
styles.innerHTML = source.map(function(chunk){
var key, re;
for (key in hash) {
_cache[key] = hash[key];
re = new RegExp('^'+key+'\\b');
@ezakto
ezakto / style.css
Created June 27, 2015 13:53
Estilos de ejemplo (masonry layout) para http://code.ezakto.com/react/crear-administrador-de-notas-con-react.html
@import url(http://fonts.googleapis.com/css?family=Roboto:500);
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:300,400);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:700);
@font-face {
font-family: 'icons';
src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SAoEAAAC8AAAAYGNtYXDmPuayAAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZrjisKIAAAGAAAABJGhlYWQF8aIcAAACpAAAADZoaGVhB0IDxwAAAtwAAAAkaG10eA4AAUAAAAMAAAAAGGxvY2EAugCCAAADGAAAAA5tYXhwAA0AOAAAAygAAAAgbmFtZZlKCfsAAANIAAABhnBvc3QAAwAAAAAE0AAAACAAAwNVAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmAgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gDmAv/9//8AAAAAACDmAOYC//3//wAB/+MaBBoDAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAYAawByA4AC6wAMABkAJgArADAANQAAEyIGFRQWMzI2NTQmIxEiBhUUFjMyNjU0JiMRIgYVFBYzMjY1NCYjFyE1IRURITUhFREVITUhqxslJRsaJiYaGyU
@ezakto
ezakto / style.css
Created June 27, 2015 13:51
Estilos de ejemplo para http://code.ezakto.com/react/crear-administrador-de-notas-con-react.html
@import url(http://fonts.googleapis.com/css?family=Roboto:500);
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:300,400);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:700);
@font-face {
font-family: 'icons';
src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SAoEAAAC8AAAAYGNtYXDmPuayAAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZrjisKIAAAGAAAABJGhlYWQF8aIcAAACpAAAADZoaGVhB0IDxwAAAtwAAAAkaG10eA4AAUAAAAMAAAAAGGxvY2EAugCCAAADGAAAAA5tYXhwAA0AOAAAAygAAAAgbmFtZZlKCfsAAANIAAABhnBvc3QAAwAAAAAE0AAAACAAAwNVAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmAgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gDmAv/9//8AAAAAACDmAOYC//3//wAB/+MaBBoDAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAYAawByA4AC6wAMABkAJgArADAANQAAEyIGFRQWMzI2NTQmIxEiBhUUFjMyNjU0JiMRIgYVFBYzMjY1NCYjFyE1IRURITUhFREVITUhqxslJRsaJiYaGyU
@ezakto
ezakto / demo.html
Last active August 29, 2015 14:17
Full-height elements with css/js
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Demo</title>
<link rel="stylesheet" href="style.css">
<script>
(function(){
var s = document.createElement('style');
var f = function () { s.innerHTML = '.full-height{height:'+window.innerHeight+'px}'; };