| <?php | |
| /******************************************************** | |
| * Usage: | |
| * - include this file in any document | |
| * - use the following PHP tags to show / hide content: | |
| * | |
| * <?php if( LIKED ): ?> | |
| * Welcome my friend | |
| * <?php else: ?> |
| /** | |
| * Just fucking around with CSS3 | |
| */ | |
| html { | |
| background: linear-gradient( 73deg, #fff, #999 ); | |
| min-height: 100%; | |
| } | |
| @keyframes bg{ | |
| 0% { background: #eee; text-indent: 10% } |
| /** | |
| * The first commented line is your dabblet’s title | |
| */ | |
| html{ | |
| background: #f06; | |
| background: linear-gradient(90deg, #ccc, #fff); | |
| min-height:100%; | |
| } | |
| .tooltip{ |
| /********************************************************************* | |
| * A wrapper for jSmart template engine to make it work with jQuery | |
| * Project URL: http://code.google.com/p/jsmart/ | |
| ********************************************************************/ | |
| var Smarty = function( template_id, data ) | |
| { | |
| var target = $( '#' + template_id ); |
| <html> | |
| <head> | |
| <title>SoundCloud $.wave64 Example</title> | |
| <style> | |
| body{ | |
| background: #333; | |
| } | |
| canvas{ | |
| display: block; |
Generally one implements notifications by listening for events on specific models but if one wishes to have a single global message interchange, it could be done as follows:
var pubsub = new Backbone.Model;
View1 = Backbone.View.extend({
initialize: function(){
pubsub.bind('custom event', callback);
}
// ...
| /** | |
| * Pulsating image with Chrome CSS3 filters | |
| */ | |
| html { | |
| background: linear-gradient( 70deg, #fff, #666 ); | |
| min-height: 100%; | |
| } | |
| @keyframes color-pulsate{ | |
| 0% { -webkit-filter: hue-rotate(0deg) saturate(20%) } |
| .stripe{ | |
| background: #900; | |
| display: inline-block; | |
| padding: 5px 10px; | |
| color: #fff; | |
| margin-left: 50px; | |
| position: relative; | |
| } |
| body{ | |
| background: #fff; | |
| } | |
| #rule{ | |
| width: 587px; | |
| height: 34px; | |
| background: #fff; | |
| position: absolute; |
| /** | |
| * CSS Based touch slider | |
| */ | |
| #slider{ | |
| width: 300px; | |
| height: 40px; | |
| border: 1px solid #999; | |
| margin: auto; | |
| margin-top: 100px; |