Skip to content

Instantly share code, notes, and snippets.

View alekcz's full-sized avatar

Alexander Oloo alekcz

View GitHub Profile

Keybase proof

I hereby claim:

  • I am alekcz on github.
  • I am alekcz (https://keybase.io/alekcz) on keybase.
  • I have a public key ASBWFHHA7o9xhEHNw5W_2R_qroRw0Wy5D9N1J7dZCCpbggo

To claim this, I am signing this object:

@alekcz
alekcz / honeybadger.core.cljs
Last active April 5, 2018 21:22
HoneyBadger Express: Getting started with Clojurescript
(ns honeybadger.core
(:require [rum.core :as rum]))
(enable-console-print!)
(println "This text is printed from src/honeybadger/core.cljs. Go ahead and edit it and see reloading in action.")
;; define your app data so that it doesn't get over-written on reload
(defonce app-state (atom {:text "Hello world!"}))
@alekcz
alekcz / bem.html
Created June 11, 2017 07:34
BEM for the win!
<imaginary-tag class="book book--featured">
<imaginary-tag class="book__title">{{title}}</imaginary-tag>
<imaginary-tag class="book__cover-art"></imaginary-tag>
<imaginary-tag class="book__blurb">{{blurb}}</imaginary-tag>
</imaginary-tag>
# The Second Way
W = Framer.Device.screen.width
H = Framer.Device.screen.height
offset = 160
layerA = new Layer
backgroundColor: "#fff"
height: 120
width: 120
borderRadius: 20
opacity: 0
# The First Way
sketch.ContinueButton.onClick (event, layer) ->
sketch.BG.blur = 18
sketch.WelcomeMessage.animate
y: 100
opacity: 0
options:
time: 1
curve: "ease"
@alekcz
alekcz / index.html
Created January 25, 2017 16:05
Getting Started with Mo.js
<!DOCTYPE html>
<html>
<head>
<title>Getting Started with mo.js</title>
</head>
<body>
<script type="text/javascript" src="https://cdn.jsdelivr.net/mojs/latest/mo.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/mojs-player/latest/mojs-player.min.js"></script>
<script type="text/javascript">
class Whatsapp extends mojs.CustomShape {
@alekcz
alekcz / designer.html
Last active August 29, 2015 14:18
designer
<link rel="import" href="../paper-tabs/paper-tabs.html">
<link rel="import" href="../paper-tabs/paper-tab.html">
<link rel="import" href="../core-icon-button/core-icon-button.html">
<link rel="import" href="../core-toolbar/core-toolbar.html">
<link rel="import" href="../core-scroll-header-panel/core-scroll-header-panel.html">
<polymer-element name="my-element">
<template>
<style>