SergSlon

DNA Double Helix

Created a lighting effect by changing the opacity when the LI are perpendicular to the monitor

A Pen by Hugo Darby-Brown on CodePen.

License.

SergSlon

Flexing pagination arrows

A Pen by SergSlon on CodePen.

License.

SergSlon

An Anonymous Pen

Using degrees to specify shadow direction

A Pen by Anonasaurus Rex on CodePen.

License.

SergSlon

AddType application/vnd.ms-fontobject .eot
AddType font/ttf .ttf
AddType font/otf .otf
AddType application/x-font-woff .woff

SergSlon

var prevWidth = element.style.width
element.style.width = 'auto'
var endWidth = getComputedStyle(element).width
element.style.width = prevWidth
element.offsetWidth // force repaint
element.style.transition = 'width .5s ease-in-out'
element.style.width = endWidth
element.addEventListener('transitionend', function transitionEnd(event) {
	if (event.propertyName == 'width') {
		element.style.transition = ''

SergSlon

element.style.width = getComputedStyle(element).width
element.style.transition = 'width .5s ease-in-out'
element.offsetWidth // force repaint
element.style.width = '300px'

SergSlon

			.container{
				margin: 0 -10px 0 -10px;

				.block{
					width: 70px;
					height: 70px;
					float: left;
					background-color: #b6b6bf;
					display: inline-block;
					margin: 10px;

SergSlon

String.prototype.format = function() {
    var i = -1, args = arguments;
    
    return this.replace(/#\{(.*?)\}/g, function(one, two) {
        return (typeof args[0] == 'object')?args[0][two]:args[++i];
    });
}

var thing = 'world!';

SergSlon

<?php
// "!defined('determinator') == "include_once" for sneaky people.
if (!defined("determinator")){
    function determinator_feof($file_pointer, &$now = NULL) {
        // Assigning a value to $now in this function changes
        // the value of whatever variable the calling function
        // passed in. Functions with side effects... huzzah!
        $now = microtime(true);
        
        // Have we reached the end of the file?

SergSlon

<?php

const SPACING_X = 1;
const SPACING_Y = 0;
const JOINT_CHAR = '+';
const LINE_X_CHAR = '-';
const LINE_Y_CHAR = '|';

$table = array(
	array(