Skip to content

Instantly share code, notes, and snippets.

View dani-z's full-sized avatar
:octocat:

Daniel Zaremba dani-z

:octocat:
View GitHub Profile
@dani-z
dani-z / dabblet.css
Created December 26, 2012 21:28 — forked from anonymous/dabblet.css
Simple button [CSS]
/* Simple button [CSS] */
html,body {
min-height: 100%;
height: 100%;
overflow: hidden;
}
/* Fancy noise */
html:after {
@dani-z
dani-z / index.html
Created February 12, 2013 08:45
A CodePen by dani-z. Un-doing tables - A simple take on un-doing tables. Most of the SASS stuff is just there to make it look nice. The meat is at the bottom.
<table>
<thead>
<tr>
<th scope="col">Name</th>
<th scope="col">Email</th>
<th scope="col">Dept, Title</th>
<th scope="col">Phone</th>
</tr>
</thead>
<tbody>
@dani-z
dani-z / index.html
Created February 12, 2013 08:47
A CodePen by YozhEzhi. Masked text - Forked @ Amanda Hawkins
<!DOCTYPE html>
<html>
<head>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
</head>
<body>
<div>
<h1 class="ex1">mask-image</h1>
<h1 class="ex2">mask-image</h1>
<h1 class="ex3">mask-image</h1>
@dani-z
dani-z / index.html
Last active December 12, 2015 10:39
A CodePen by Andrey.
<ul class="tabrow">
<li><span>Lorem</span></li>
<li><span>Ipsum</span></li>
<li class="selected"><span>Sit amet</span></li>
<li><span>Consectetur adipisicing</span></li>
</ul>
@dani-z
dani-z / index.html
Created February 28, 2013 00:11
A CodePen by dani-z. cssPanelMenu - Based on http://jpanelmenu.com/
<nav class="main-nav" id="main-nav">
<a href="#">This</a>
<a href="#">Little</a>
<a href="#">Piggy</a>
<a href="#">Went</a>
<a href="#">To</a>
<a href="#">Market</a>
</nav>
<div class="page-wrap">
<?php
function themename_customize_register($wp_customize){
$wp_customize->add_section('themename_color_scheme', array(
'title' => __('Color Scheme', 'themename'),
'priority' => 120,
));
// =============================
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>&lt;picture&gt; with different fallbacks</title>
</head>
<body>
<h1>&lt;picture&gt; with different fallbacks</h1>
<p>Don't forget to check which resources are loaded, regardless of what is displayed.</p>

SMACSS + Sass + BEM

SMACSS

Scalable and
Modular
Architecture for
C
S
S

// names and colors from http://flatuicolors.com/
$turquoise: #1ABC9C;
$green-sea: #16A085;
$emerland: #2ECC71;
$nephritis: #27AE60;
$peter-river: #3498DB;
$belize-hole: #2980B9;
$amethyst: #9B59B6;
$wisteria: #8E44AD;
@dani-z
dani-z / hbs.js
Created August 18, 2013 20:33 — forked from tbranyen/hbs.js
/* RequireJS Ember.Handlebars Plugin v0.1.0
* Copyright 2012, Tim Branyen (@tbranyen)
* hbs.js may be freely distributed under the MIT license.
*/
define(["ember", "text"], function(Ember) {
var hbs = {
version: "0.1.0",
// Invoked by the AMD builder, passed the path to resolve, the require