I know there is -webkit-gradient and -moz-linear-gradient. But what is the standard way of defining a gradient? Like there is: -webkit-border-radius and -moz-border-radius and the standard is meant to be border-radius. ...
Hello all, After my 1st question with relation to CSS3 gradients in which I was recreating an 'inner glow' I've now got to the point where I'm not so happy with the way in which webkit renders the effect. Basically, if you give an element a background colour and apply a border radius to it, webkit lets the background colour "bleed" out...
I'm working on a website that has a lot of transparency involved, and I thought I would try to build it entirely in RGBA and then do fallbacks for IE. I need a "facebox" style border effect, where the outer border is rounded and is less opaque than the background of the box it surrounds. The last example from http://24ways.org/2009/work...
Quick question, is it possible to have an input field in a form use a non-system font in html5 and css3? So if someone types in the form field the text could be something like gotham? ...
Hi, just a quick question: Could I apply position relative and float left on one element? Does someone use it? div { float: left; position: relative; top: 0px; left: 0px; (...) } Thanks! ...
I'm the author of the multi-column articles Greasemonkey script (http://userscripts.org/scripts/show/9022), which I'm trying to port from Firefox to WebKit-based browsers like Chrome. In doing so, I ran into this WebKit issue (I'm the reporter of the bug). In essence, the offsetLeft property doesn't seem to be set correctly for paragra...
I'm developing an offline web app that (for now) only targets Safari on the iPhone/iPod. Mostly for fun, but also as a way to lessen my dependency on jQuery event bindings (and thereby hopefully speed up UI responsiveness), I tried substituting some CSS3 for basic show/hide functionality. The following code is a simplified example that ...
I'd like to set vendor styles with Javascript, something like this: elem.style.mozBorderRadius = '5px'; Is this possible? If so, how? ...
I'd like to start using HTML5's basic features, but at the same time, keep my code backwards compatible with older browsers (graceful degradation). For instance, I'd like to use the cool CSS3 properties for making rounded corners. Is there any available tutorial for writing gracefully degradable HTML5 ? Additionally, what browsers shoul...
Hello, I wanted to be able to create a effect identical to CSS3 text-shadow Property, making it available to browsers that doesn’t support this CSS3 Property (like IE 7 and 8). And so I found two plugins: Text Shadow and Drop Shadow Effect. I decided to use Text Shadow, because it was released in the end of 2008, and because it was mo...
To clarify the weird title. I am trying to use figure out if there is a way, either by javascript or some other means, when the user is presented with a standard text keyboard to listen for the keyboards action like 'GO' or 'Search'. This button is in the bottom right corner of the keyboard used in Safari on the iPhone. This is NOT a ...
Hello. I am designing a 960px wide layout with an unordered list. Each list item is 240px wide, so 4 list items fit horizontally in a row. I have about 20 rows on the page.... I want every other list item to have a background of #ececec, so my css would be: ul li:nth-child(2n+2){ background-color:#ececec; } This works. The only p...
Hi. I am using the following css to create list items with a chckerboard background ( every other list item has a grey background, which shift every row to create a checkerboard pattern: li:nth-child(8n+2), li:nth-child(8n+4), li:nth-child(8n+5), li:nth-child(8n+7) { background-color:grey; } Is there way I can do this using jquery...
I'm looking for a good fallback for both HMLT5 and CSS3 so I could use it and it would still look ok in other browsers. Thanks ...
Hi all, How does something like this work without Flash? http://www.dirtyphonebook.com/dashboard/425-205-1921 I right-clicked on it but there's no Flash menu. I love Flash because its stable and works. But is using some sort of Javascript hack for this kind of complex behavior actually a good idea? ...
I'm working on HTML for a small web application; the design calls for a content area with rounded corners and a drop shadow. I've been able to produce this with CSS3, and it works flawlessly on Firefox and Chrome: However, Internet Explorer 7 and 8 (not supporting CSS3) is a different story: Is there an easy, lightweight JavaScript...
I'm making a slideshow and the images won't be static, they'll be pulled in dynamically through an array and finally it will look like this: What i'm wondering is, what is more CPU friendly, CSS3 & jQuery making transitions fade simply by changing the CSS class of the div that will fill the screen, or, Canvas with drawn on it refre...
like this in my design both side of div has border like this and content in div can be increased or decreased . and in any condition both side top and bottom should be blur like this. How to make this possible? using css, image any method... ...
Hi, anyone got any ideas on how to reproduce the gloss of iPhone app icons using WebKit and CSS3 and/or a transparent overlay image? Is this even possible? ...
With the following html, when I hover over child, I get a green background on parent. How can I stop that from happening? I do want the green background if I am hovering outside of the child element. CSS3 is fine. <style> .parent { padding: 100px; width: 400px; height:400px; } .parent:hover { background-color: green; } ...