Jeff Conniff jconniff
jconniff
/ yui_dial_example_code
Created
March 31, 2014 22:41
Simple Example of YUI Dial with alternate actions to increment/decrement the value
This file contains 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
| <html> | |
| <head> | |
| <script src="http://yui.yahooapis.com/3.14.1/build/yui/yui-min.js"></script> | |
| </head> | |
| <body class="yui3-skin-sam"> | |
| <div id="demo"></div> | |
| <br /> |
jconniff
/ arrows-css-border.html
Created
February 15, 2013 18:05
This file contains 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> | |
| <meta charset="utf-8"> | |
| <!-- <script src="../../../../yui3/build/yui/yui-min.js"></script> --> | |
| <script src="http://yui.yahooapis.com/3.7.3/build/yui/yui-min.js"></script> | |
| </head> | |
| <style> | |
| .sort-arrows { |
jconniff
/ cssextras-notifications.html
Last active
December 12, 2015 04:48
This file contains 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
| <div class="yui3-alert-subtle"> | |
| <label>System Notification</label> | |
| This system will be temporarily out of service. | |
| </div> | |
| <div class="yui3-alert-urgent"> | |
| <label>Breaking News</label> | |
| Official: 'Most' of Atlanic City Underwater. Atlantic City Boardwalk Destroyed by Sandy... | |
| </div> | |
| <div class="yui3-alert-normal"> | |
| <label>Green Bay Packers</label> |
jconniff
/ cssextras-badge.html
Last active
December 12, 2015 04:38
This file contains 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
| <span class="yui3-badge">1</span> | |
| <span class="yui3-badge-success">2</span> | |
| <span class="yui3-badge-warning">4</span> | |
| <span class="yui3-badge-important">6</span> | |
| <span class="yui3-badge-info">8</span> | |
| <span class="yui3-badge-inverse">10</span> |
jconniff
/ cssextras-code-block
Last active
December 12, 2015 04:38
This file contains 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
| <pre> | |
| for (i = 0; i < 10; i+=1) { | |
| myValue = i; | |
| } | |
| </pre> |
jconniff
/ cssextras-code.html
Last active
December 12, 2015 04:38
This file contains 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
| When using a <code><div></code> make sure to... |
jconniff
/ cssextras-thumbnails.html
Last active
December 12, 2015 03:58
This file contains 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
| <ul class="yui3-thumbnails"> | |
| <li> | |
| <a class="yui3-thumb-eliptical" href="#"> | |
| <img src="red_rock_thumb.jpg" width="80" alt="landscape"/> | |
| </a> | |
| </li> | |
| <li> | |
| <a class="yui3-thumb-rounded" href="#"> | |
| <img src="red_rock_thumb.jpg" width="80" alt="landscape"/> | |
| </a> |
jconniff
/ cssextras-thumbnails-on-grid.html
Last active
December 12, 2015 03:58
This file contains 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
| <ul class="yui3-thumbnails yui3-g"> | |
| <li class="yui3-u-1-3"> | |
| <a class="yui3-thumb-eliptical"> | |
| <img src="assets/images/space_guy.jpg"/> | |
| </a> | |
| </li> | |
| <li class="yui3-u-1-3"> | |
| <a class="yui3-thumb-rounded"> | |
| <img src="assets/images/space_guy.jpg"/> | |
| </a> |
This file contains 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
| <img class="yui3-img-eliptical" src="flower.jpg" width="115" height="115" alt="flower"/> |
This file contains 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
| <img class="yui3-img-eliptical" src="stream.jpg" alt="stream"/> | |
| <img class="yui3-img-rounded" src="stream.jpg" alt="stream"/> | |
| <img class="yui3-img-bordered" src="stream.jpg" alt="stream"/> |