I'm using CSS 3 features like "rounded corner" or "shadow box". IMHO These are fantastic features for people like me with no graphics knowledge. But, i've noticed, IE 7-8 not support CSS 3. So i'm asking you: is there a way to "enable" some features maybe with some javascript functions to include in my html file ? Thank you! ...
What impact do you think html5 will have on the workflow/way graphic design is done for the web? Right now most designers stay in an Adobe tool, doing most of the design work there, and implement some elements with graphics and some with code. Checking out http://www.apple.com/html5/ it seems that almost everything done in a graphic can...
in the following code <html> <body> <div style="height:400px; width:400px; -moz-border-radius:100px; -webkit-border-radius:100px; border:3px solid #500; background-color:#a00; overflow:hidden;"> Why is this getting cut at the beginning??? </div> </body> </html> Why isn't the browser wrapping the text around the rounded corners. ...
Basically, what I'm trying to create is a page of div tags, each has an image inside them and I'm trying to use CSS3's nth-child to alternate the float of that specific image. But for the life of me, I can't get the nth-child to locate those images. Here is my code so far... CSS .featureBlock img:nth-of-type(even) { float: left; }...
As the design community moves to design applications & interfaces for mobile devices, a new problem has arisen: Varying Screen DPI's. Here's the situation: Touch: * iPhone 3G/S ~ 160 dpi * iPhone 4 ~ 300 dpi * iPad ~ 126 dpi * Android device @ 480p ~ 200 dpi Point / click: * Laptop @ 720p ~ 96 dpi * Desktop @ 720p ~ 72 dpi There ...
In an effort to move to HTML5, does one have to abandon jQuery or is a port underway to move jQuery to HTML5? For example, jQuery has animations like SlideDown, SlideUp etc... that aren't using HTML5 for animations? Wouldn’t HTML5 handle that more optimally? ...
I'm wondering - is there any difference in performance of using CSS Transitions vs. any of the various JS animation libraries? (scriptaculous, scripty2, jsAnim, MooTools, $fx, etc, etc). I've tried various tests in Safari / Google Chrome, and I don't actually see any difference -- I thought that CSS Transitions were supposed to be hard...
Is it available for HTML5 and CSS3 support PHP IDE ? In this days, I'm using espresso in Mac. But espresso is lacking dictionaries for HTML5. So, I want to know , What IDE support HTML5 and CSS3 ? ...
Hi all, I've created a somewhat silly site that shows you the expected weather forecast for any city in the World. On webkit based browsers, when the weather is sunny a sun with CSS3 animated rotated sunbeams appears. This works fine on Chrome. An example (sunny, at the moment) page is: http://willitraintoday.co.uk/iceland/reykjavik/ ...
I'm familiar with the way html & css work together. Recently I was previewing some html5 content demo'd by apple and saw they used a html5/css/javascript. I'm at the point where I need to know whether or not javascript is a must-learn; or if I can find similar workarounds with CSS3 & HTML5. Edited to clarify intentions: My aim is to ...
So i'll try and show how I would ideally like this to look. I have images that will be different every time, and I want them to display like a 2 row quilt. Here's an ugly example: aaabbbbddddddddddhhhhhhhhh aaabbbbddddddddddhhhhhhhhh aaabbbbeeeeeggg hhhhhhhhh bbbbeeeeeggg hhhhhhhhh ccccccccffffffffffggggiiiiii ccccccccffffffffffgg...
Hi, Does anyone know if there is a php library, or if there isnt, have any input on how one would go about generating an image via php, from basic HTML element input settings, and CSS 3 gradient parameters. To give an example on why this would be useful, I have found as of a couple days ago, that laying out the wireframe for a webpage ...
I have a page I'm converting from quirks mode to strict mode. I added this: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/DTD/strict.dtd"> All of a sudden all my tables collapsed that use cellpadding and cellspacing. The page looks fine in IE7 but has collapsed in Firefox. Is this expected? By us...
Is there any CSS 3 property supported in IE7, by default? I mean is there any css 3 properties supported in IE 7 which we can use without the use of Javascript. ...
I was thinking of using Javascript to automatically transform CSS3 attributes like border-radius, transform, box-shadow, etc. to their browser specific counterparts. I did some research and found that you can iterate over the stylesheets defined via document.styleSheets. You can find the CSS rules via document.styleSheets[0].cssRules[0]...
I am trying to style a element with the :after CSS property a.someSelector{position:relative; z-index:1;} a.someSelector:after{position:relative; z-index:0; content:" "; position:absolute; width:100px; height:100px;} It seems like the :after element can not be lower then the element itself. Is there a way to have the pseudo element l...
I am looking to use Webkit CSS3 to move a absolutely positioned DIV from one location to another on the screen when a button is pressed, by changing its left and right CSS properties. However, all the examples for doing this that I saw use a static CSS rule to apply this transition. I don't know the new position before hand, so how do ...
This is my favorite coverflow: http://paulbakaus.com/lab/js/coverflow/ Is there some way to download this? Or is there an implementation guide? All I see are some blog posts with nothing on how to implement. Thanks. ...
Hi! Is it possible to show only a part of a backgroundimage when using CSS3? I want to use an image as a background but only show half of it, so is there something like a mask you can define for your backgroundimages? ...
Hi I want to use gradient color as my page background how do I apply css to get gradient background? ...