There is no :nth-letter pseudo-element (and no :first-char) in CSS. The :first-letter pseudo-element (which the question mentions in the title and in the prose but does not use in the code) works, but to color other letters, you must wrap each of them in an element of its own, normally span.
This is not a bug in jQuery, it is a bug (or possibly, a feature) of the IE rendering engine. It seems this problem is being caused by the fact that Internet Explorer does not correctly re-render the page after removing the LINK element from the DOM. In this particular case, the LINK tag is … Read more
In case of jQuery Mobile Tap used to work only on mobile devices. This is not case any more. VClick was created to bridge a gap between click/tap incompatibility among desktop/mobile devices. Now days you case freely use tap but there are few problems. Tap will fail on iOS platform. Touchstart should be used instead. … Read more
Updated Answer (Pure CSS3) Extreme requirements sometimes need extreme solutions. I’ve built upon my original answer (below) to make a pure css solution that works (and can be made to work better, if you want to invest the time in it). The current example is a bit “choppy” in rendering, which may be okay for … Read more
Mobile Safari has limits to what size background images it will display before subsampling, you may be getting hit by this problem because of the size of your background: The maximum size for decoded GIF, PNG, and TIFF images is 3 megapixels for devices with less than 256 MB RAM and 5 megapixels for devices … Read more
This may not be what you want, but you can get two lines per option, by using the “optgroup” tag e.g: <select> <optgroup label=”Click below for ‘yes'”> <option value=”yes”>Yes</option> </optgroup> <optgroup label=”Click below for ‘No'”> <option value=”no”>No</option> </optgroup> </select>
As already mentioned this can’t be done with floats, they can’t inherit heights, they’re unaware of their siblings so for example the side two floats don’t know the height of the centre content, so they can’t inherit from anything. Usually inherited height has to come from either an element which has an explicit height or … Read more
outerHTML (not sure, you need it — just in case) Limitations: CSSOM is used and stylesheets should be from the same origin. function getElementChildrenAndStyles(selector) { var html = $(selector).outerHTML(); selector = selector.split(“,”).map(function(subselector){ return subselector + “,” + subselector + ” *”; }).join(“,”); elts = $(selector); var rulesUsed = []; // main part: walking through all … Read more
With two states, you can just maintain the current toggled state as a boolean (I used clickState). If you wanted to have multiple states, you could continue to add 1 to the state count and then check the modulus of the total count to determine which function should fire based on the state. I updated … Read more
MenuButton uses Menu internally and has a similar API. In such way that MenuButton contains MenuItems list just like Menu. So I think you need to try to play with .menu, .menu-button and .menu-item CSS selectors in caspian.css. More specifically with .menu-item. EDIT: It seems you need to change the .context-menu too, because the popped … Read more