Long shadow generator for Font Awesome. Built with SASS (SCSS). Fully customizable.
A Pen by Arsen Zbidnyakov on CodePen.
/* | |
Copy this into the console of any web page that is interactive and doesn't | |
do hard reloads. You will hear your DOM changes as different pitches of | |
audio. | |
I have found this interesting for debugging, but also fun to hear web pages | |
render like UIs do in movies. | |
*/ | |
const audioCtx = new (window.AudioContext || window.webkitAudioContext)() |
Long shadow generator for Font Awesome. Built with SASS (SCSS). Fully customizable.
A Pen by Arsen Zbidnyakov on CodePen.
define([], function() { | |
function dom() {} | |
dom.prototype = new Array; | |
dom.prototype.append = function(element) { element.map(function(e) { this[0].appendChild(e) }.bind(this)); return this} | |
dom.prototype.remove = function() { this.map(function(e) {e.parentNode.removeChild(e)}); return this} | |
dom.prototype.prepend = function(element) { element.map(function(e) { this[0].insertBefore(e, this[0].childNodes[0]) }.bind(this)); return this} | |
dom.prototype.empty = function(elements) { this.map(function(e) { e.innerHTML = ""}); return this} | |
dom.prototype.addClass = function(classes) { this.map(function(e) { e.className += ' '+classes}); return this} | |
dom.prototype.removeClass = function(classes) { |
People
:bowtie: |
😄 :smile: |
😆 :laughing: |
---|---|---|
😊 :blush: |
😃 :smiley: |
:relaxed: |
😏 :smirk: |
😍 :heart_eyes: |
😘 :kissing_heart: |
😚 :kissing_closed_eyes: |
😳 :flushed: |
😌 :relieved: |
😆 :satisfied: |
😁 :grin: |
😉 :wink: |
😜 :stuck_out_tongue_winking_eye: |
😝 :stuck_out_tongue_closed_eyes: |
😀 :grinning: |
😗 :kissing: |
😙 :kissing_smiling_eyes: |
😛 :stuck_out_tongue: |
#define kAppNavBarHeight 66.0 | |
@implementation TATallNavigationBar | |
- (id)initWithCoder:(NSCoder *)aDecoder { | |
self = [super initWithCoder:aDecoder]; | |
if (self) { | |
[self setupAppearance]; | |
} |
/* | |
In the node.js intro tutorial (http://nodejs.org/), they show a basic tcp | |
server, but for some reason omit a client connecting to it. I added an | |
example at the bottom. | |
Save the following server in example.js: | |
*/ | |
var net = require('net'); |
An index-title-scrubber-bar, for use with a
UICollectionView
(or even aPSTCollectionView
). Gives a collection view the index title bar for-sectionIndexTitles
that aUITableView
gets for (almost) free. A huge thank you to @Yang from [this Stack Overflow post][so], which saved my bacon here.
When you're using a UITableView
and you define the UITableViewDataSource
method -sectionIndexTitlesForTableView:
, you get a sweet right-hand-side view for scrubbing through a long table view of fields, separated by sections. The titles are the names of the sections, by default (or at least letters based on the section names).
/* | |
* BDKCollectionIndexView.h | |
*/ | |
#import <UIKit/UIKit.h> | |
/** The direction in which the control is oriented. Assists in determining layout values. | |
*/ | |
typedef enum { | |
BDKCollectionIndexViewDirectionVertical = 0, |
<script type="text/javascript"> | |
// | |
// Requires Modernizr, jquery, and columnizer.js | |
// http://modernizr.com (Requires a production version, demo doesn't include yep/nope) | |
// http://jquery.com | |
// http://welcome.totheinter.net/columnizer-jquery-plugin/ | |
// | |
// Replace [url], [target], and [options] w/ your specific needs | |
// |
protected static void FindDescendantsOfType<T>(PageData page, ICollection<T> descendants) where T : class | |
{ | |
var children = DataFactory.Instance.GetChildren(page.PageLink); | |
foreach (var child in children) | |
{ | |
if (child is T) | |
{ | |
descendants.Add(child as T); | |
} | |
FindDescendantsOfType(child, descendants); |