A Pen by Francis Rupert on CodePen.
chore: add Oyster build script | |
docs: explain hat wobble | |
feat: add beta sequence | |
fix: remove broken confirmation message | |
refactor: share logic between 4d3d3d3 and flarhgunnstow | |
style: convert tabs to spaces | |
test: ensure Tayne retains clothing |
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="utf-8"> | |
<title>page title</title> | |
</head> | |
<body> | |
<ul> | |
<li><a href="link.html">thing 1</a></li> |
<ul> | |
<li><a href="link.html">thing 1</a></li> | |
<li><a href="link.html">thing 2</a></li> | |
<li><a href="link.html">thing 3</a></li> | |
</ul> |
<!--From /library/asdf.html--> | |
<div data-component="asdf" data-variation="v0" data-source="library"></div> | |
<!--From /components/asdf.html--> | |
<div data-component="asdf" data-variation="v0"></div> |
// Stripped out of https://s.yimg.com/zz/combo?ge/tyc/js/1.0/backyard-min.js&ge/tyc/js/1.3/tyc-components-min.js | |
YUI().use("node", "event", "event-resize", "io", "io-xdr", "json-parse", "node-event-simulate", function (c) { | |
var b = 1; | |
c.all('input[type="radio"]').each(function (e) { | |
var d = e.get("name"); | |
if (d == "govt data requests") { | |
if (b == 1) { | |
e.set("checked", true) | |
} else { | |
e.set("checked", false) |
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="utf-8"> | |
<title>page title</title> | |
<style> | |
.container { | |
margin: 40px; |
This is a quick rundown of how and why we use YUI3 grids at App.net
As far as I can tell there are three types of CSS grids: a static-width pre-defined grid, a flexible-width pre-defined grid, and a generative grid. In the first two grids (pre-defined width), you basically decide how many columns you have across the screen, and then create blocks in any multiple of those. This pattern often looks like "span-4", "span-6", "pull-10", "push-5", etc. You find this style in popular frameworks like Bootstrap and Blueprint.
The third way, the generative/recursive grid system, doesn't seem to be as popular as the others. I am not entirely sure why, because the generative grid can pack more punch in less lines. In this vein is there is OOCSS and YUI3 CSS Grids.
@include keyframe(fadeout) { | |
0% { | |
opacity: 1; | |
} | |
100% { | |
opacity: 0; | |
} | |
} |
@include keyframes(appear-and-roundify) { | |
0% { opacity: 0; @include border-radius(2px); } | |
100% { opacity: 1; @include border-radius(10px); } | |
} |