| $(document).ready( function() { | |
| $('#ClickWordList li').click(function() { | |
| $("#txtMessage").insertAtCaret($(this).text()); | |
| return false | |
| }); | |
| $("#DragWordList li").draggable({helper: 'clone'}); | |
| $(".txtDropTarget").droppable({ | |
| accept: "#DragWordList li", | |
| drop: function(ev, ui) { | |
| $(this).insertAtCaret(ui.draggable.text()); |
| $('[placeholder]').focus(function() { | |
| var input = $(this); | |
| if (input.val() == input.attr('placeholder')) { | |
| input.val(''); | |
| input.removeClass('placeholder'); | |
| } | |
| }).blur(function() { | |
| var input = $(this); | |
| if (input.val() == '' || input.val() == input.attr('placeholder')) { | |
| input.addClass('placeholder'); |
| body { | |
| -webkit-font-smoothing: antialiased; | |
| text-rendering: optimizeLegibility; | |
| font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; | |
| } |
| /* custom navbar */ | |
| .navbar-inner { | |
| min-height: 40px; | |
| padding-left: 20px; | |
| padding-right: 20px; | |
| background-color: #d8e0e4; | |
| background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(216, 224, 228)), to(rgb(152, 158, 161))); | |
| background-image: -webkit-linear-gradient(top, rgb(216, 224, 228), rgb(152, 158, 161)); | |
| background-image: -moz-linear-gradient(top, rgb(216, 224, 228), rgb(152, 158, 161)); | |
| background-image: -ms-linear-gradient(top, rgb(216, 224, 228), rgb(152, 158, 161)); |
| height: 100%; | |
| background-image: url(bg-center-stretch.png); | |
| background-attachment: scroll; | |
| background-size:cover; | |
| background-repeat: no-repeat; | |
| background-position: center center; |
| Because somehow I always end up trolling the interwebs looking for a reference for these. | |
| <table> | |
| <tr> | |
| <th>Symbol</th> | |
| <th>Code</th> | |
| <th>Entity Name</th> | |
| </tr> | |
| <tr> |
An ongoing project to catalogue all of these sneaky, hidden, bleeding edge selectors as I prepare my JSConf EU 2012 talk.
Everything is broken up by tag, but within each the selectors aren't particularly ordered.
I have not tested/verified all of these. Have I missed some or got it wrong? Let me know. - A
A friendly reminder that you may need to set this property on your target/selected element to get the styling results you want:
-webkit-appearance:none;
| <div class="img-caption"> | |
| <img src="/content/images/2015/10/PIA19912_hires-3.jpg"> | |
| <div class="caption"> | |
| <h2>Name of Photo</h2> | |
| © 2015 NASA | |
| </div> | |
| </div> | |
| <img src="/content/images/2015/10/PIA19912_hires-3.jpg" class="img-left"> |
| Required for Site to Launch | |
| - [ ] Generate Real Screenshots for all the pages - Approx 10 images needed | |
| - [ ] Finalized Homepage | |
| - [ ] Responsive Navbar | |
| - [ ] Add class for currently selected navbar item | |
| - [ ] Fix Form Field Error Labels Positions | |
| - [ ] Verify that Forms Submit Correctly | |
| - [ ] Pricing Plans Box, Refactor, and verify fix responsive issues | |
| - [ ] Fix Responsive issues on 9 pages |
