This is with the touchEnabled fix (1) and the -ms-touch-action fix (2)
Manual tests pass, unit tests pass.
Dial
Comment with any issues re. the YUI Blog theme. |
/** | |
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 |
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>Drag Touch</title> | |
<script type="text/javascript" src="../../../../build/yui/yui.js"></script> | |
<style> | |
#myDrag { |
<!DOCTYPE html> | |
<html> | |
<head> | |
<style> | |
html { | |
font-family: sans-serif; | |
color: #333; | |
} | |
#circle, #square { |
[{"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 |
<!DOCTYPE html> | |
<html> | |
<head> | |
<style> | |
#square { | |
width:200px; | |
height:200px; | |
background: yellow; | |
border:3px solid black; | |
position: relative; |
@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; |
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
<table class="yui3-table"> | |
<thead> | |
<tr> | |
<th>#</th> | |
<th>Make</th> | |
<th>Model</th> | |
<th>Year</th> | |
</tr> | |
</thead> | |
<tbody> |