-
YUIConf 2012 videos are rolling out on a regular basis. We had a number of videos out this week: "The Future of YUI CSS" by Jeff Conniff and Tilo Mitra, "Attribute Walkthrough" by Luke Smith, and "When not to use YUI" by Ryan Grove.
-
Jeff's Skinner demo and Tilo's initial version of the Responsive Grid Builder are both available online.
-
Iliyan Peychev, one of our popular community members wrote a great post about YUIConf from a YUI contributor's perspective.
-
The YUI Team hosted it's first Open Hours roundtable discussion this Thursday (November 29th). Anyone can join in and participate in these discussions, and they will take place every Thursday at 2pm PST. We use Google Hangouts for these sessions, so make sure to
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<table class="yui3-table yui3-table-bordered"> | |
... | |
</table> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<table class="yui3-table"> | |
<thead> | |
<tr> | |
<th>#</th> | |
<th>Make</th> | |
<th>Model</th> | |
<th>Year</th> | |
</tr> | |
</thead> | |
<tbody> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@gray: #f4f4f4; | |
@primary: #ff7200; | |
@medPrimary: darken(@primary, 30%); | |
@darkPrimary: darken(@medPrimary, 35%); | |
@highlight: #fff; | |
#demo { | |
box-shadow: 0 0 7px darken(@gray, 10%); | |
border: 1px solid darken(@gray, 15%); | |
margin: 50px auto; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<style> | |
#square { | |
width:200px; | |
height:200px; | |
background: yellow; | |
border:3px solid black; | |
position: relative; |
This file has been truncated, but you can view the full file.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
[{"name":"ArraySort","passed":3,"failed":0,"errors":0,"ignored":0,"total":3,"duration":114,"type":"report","Basic Tests":{"name":"Basic Tests","passed":3,"failed":0,"errors":0,"ignored":0,"total":3,"duration":23,"type":"testcase","testNumbers":{"result":"pass","message":"Test passed","type":"test","name":"testNumbers","duration":2},"testStrings":{"result":"pass","message":"Test passed","type":"test","name":"testStrings","duration":2},"testMixedStrings":{"result":"pass","message":"Test passed","type":"test","name":"testMixedStrings","duration":1}},"timestamp":"Wednesday, October 10, 2012 6:40:00 PM"},{"name":"Event: Simulate","passed":67,"failed":0,"errors":0,"ignored":0,"total":67,"duration":783,"type":"report","MouseEvent Tests":{"name":"MouseEvent Tests","passed":44,"failed":0,"errors":0,"ignored":0,"total":44,"duration":446,"type":"testsuite","Event 'click' Tests":{"name":"Event 'click' Tests","passed":7,"failed":0,"errors":0,"ignored":0,"total":7,"duration":120,"type":"testcase","testDefault":{"result":"p |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<style> | |
html { | |
font-family: sans-serif; | |
color: #333; | |
} | |
#circle, #square { |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>Drag Touch</title> | |
<script type="text/javascript" src="../../../../build/yui/yui.js"></script> | |
<style> | |
#myDrag { |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
The tap module provides a gesture events, "tap", which normalizes user interactions | |
across touch and mouse or pointer based input devices. This can be used by application developers | |
to build input device agnostic components which behave the same in response to either touch or mouse based | |
interaction. | |
'tap' is like a touchscreen 'click', only it requires much less finger-down time since it listens to touch events, | |
but reverts to mouse events if touch is not supported. | |
@example |