Skip to content

Instantly share code, notes, and snippets.

View kurtextrem's full-sized avatar

Jacob Groß kurtextrem

145 followers · 136 following
View GitHub Profile
@cubiq
cubiq / select-reset.html
Created May 27, 2014 12:12
How to reset a select tag
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Styled Select</title>
</head>
<style>
* {
@kangax
kangax / BEM.html
Last active August 29, 2015 14:06
<!--
<component-name>[--modifier-name|__descendent-name]
.component {}
.component__descendant {}
.component--modifier {}
-->
<article class="tweet tweet--is-expanded">
<header class="tweet__header">
@ebidel
ebidel / gist:0e3ed2f9bb5f1ae9583d
Last active August 29, 2015 14:07
Which is faster? <iframe style="display:none"> or <iframe><body style="display:none"></iframe>?

Blink aborts computing styles on descendants of display:none nodes. If the inside of the iframe has , you make remove recalc style, no layout, no painting. still does all that work because it's another document and the display:none effect does not transcend into the other document.

@kurrik
kurrik / eyeball.html
Created August 11, 2011 22:07
Renders an eyeball via CSS
<!DOCTYPE html>
<!-- Based off of the infinity symbol from http://css-tricks.com/examples/ShapesOfCSS/ -->
<html>
<head><title>CSS Eyeball</title>
<style>
#eyeball {
position: relative;
width: 140px;
height: 100px;
}
@gkmngrgn
gkmngrgn / HelloCoffeeTest.coffee
Created October 11, 2011 08:28
Coffee Compilation
# Copyright (c) 2011, the <your_company> project authors. Please don't see the
# AUTHORS file for details. All rights reserved. Use of this source code is
# governed by a BSD-style license that can be found in the LICENSE file.
# Simple test program invoked with an option to eagerly
# compile all code that is loaded in the isolate.
# VMOptions=--fuu_dart
class HelloCoffeeTest
test_main: ->
console.log "Hello, Coffee man!"
@stasilok
stasilok / ocp.php
Created March 15, 2013 22:24 — forked from ck-on/ocp.php
<?php
/*
OCP - Optimizer+ Control Panel, by _ck_, stasilok
Version 0.0.6
Free for any kind of use or modification, I am not responsible for anything, please share your improvements
* revision history
0.0.6 2013-03-16 added opcache support (autodetect opcache or ZendOptimizerPlus functionality) (because of "ZendOptimizerPlus" is renamed to "opcache" to be merged into PHP-5.5) (stasilok)
0.0.5 2013-03-10 added refresh button (GK)
0.0.4 2013-02-18 added file grouping and sorting (click on headers) - code needs cleanup but gets the job done
@Raminsiach
Raminsiach / toggleswitch.html
Created December 18, 2015 10:45
<!DOCTYPE html>
<html>
<head>
<title>Toggle Switch</title>
<style>
.switch {
position: relative;
}
.switch label {
width: 55px;
@Raminsiach
Raminsiach / css3checkbox.html
Created December 18, 2015 10:42
<!DOCTYPE html>
<html>
<head>
<title>CSS3 Checkbox</title>
<style type="text/css">
.checkbox {
width: 30px;
height: 30px;
background-color: #ddd;
position: relative;
@Raminsiach
Raminsiach / rangeslider.html
Created December 18, 2015 10:47
<!DOCTYPE html>
<html>
<head>
<title>Customized range slider, pure CSS</title>
<style>
body {
background: #f8f8f8;
}
.slider {
width: 302px;
@Raminsiach
Raminsiach / stepprogressbar.html
Created December 18, 2015 10:36
<html>
<head>
<title>Step progress bar</title>
<style type="text/css">
.container {
width: 100%;
}
.progressbar {
counter-reset: step;
}