Raphael clip-rect issues with text in IE8/9 - raphael

Afternoon,
I'm trying to apply a clip-rect to some text within Raphael 1.5.2, with little success. It works fine on FF, Chrome and even IE6, but doesn't appear to clip on IE8 or 8.
Here's a fiddle that illustrates the problem.
Is anyone aware of a workaround, other than move to Raphael 2?
Thanks,
Nick

Use clip-path, not clip-rect.

Related

CodeBlocks dark theme (not just the editor's theme)

I want to change my theme in CodeBlocks to dark. And I do not mean just the editor's theme.
I'll show you what I mean:
I want to change every whitespace to dark. How can I do so?
CodeBlocks doesn't have this feature. The closest you can get is this which is most probably not the solution you would desire.

Why is my React app not loading correctly in Edge 84 (chromium) but does in chrome?

I have tried a django/react app as well as a base react app made using the create-react-app command. Both end up breaking in one way or another. For instance, the align-items tag does nothing (tried center, right, left). On my django/react app I have a header that loads perfectly on chrome but all I see is a background color on edge.
Maybe you should try adding display:flex so that the align-items property works.And for different browser testing try the webkit rule so that it is stable across all browsers.
See if it helps. Thank You
I'm going to be honest, I went and reloaded the server (have not changed anything since my posting) and it's working completely fine now. I was looking for errors but I dont see any. To clarify, I was having issues with displaying CSS correctly in a react app. Even using the baseline create-react-app and using a align-items property would not function at all in Edge, but would in chrome. Thanks to all who tried to help; hopefully this was a weird one-off.

CSS3 Scaling box with box-shadow disappears in Safari 7

got a strange issue with safari 7.
I have a simple box that gets scaled on hover the funny thing since Safari 7 it seams that the box shadow disappears when scaling the box.
Does anyone else had this issue and a solution?
Running example:
http://pizzadatoni.ch/shop/chur/pizza-xxextra/
Thanks for your help :)
Looks like it's a bug in Webkit (as of this writing in the webkit nightly). Here's a simple demo to reproduce. And here's the bug report I filed.
It's not a fix, but you can avoid this problem by using filter: drop-shadow() instead of box-shadow().
Oddly enough, applying a border-radius (even a small one) seems to fix the problem.
border-radius: 0.02px;
see a demo here: http://codepen.io/anon/pen/ONWOGp

what is the Alternative Way of TabActivity?

Hi I want to use Tab Activity(My Tab View must be at bottom) and android version 4.0 or later told that tabactivity is deprecated. so it must be a better way than it. but I could not find properly. some tutorials gave me advise to use Fragments but really I don't know anything about it. so please suggest me best tutorial or sample code for Fragments Or other best alternative way.
Thanks!
One suggestion is to use the Sherlock ActionBar. Inside the package there are good sample projects about Fragments, ActionBar, Navigation with tabs! I recommend ActionBarSherlock!
It also is 2.x compatible!!!
here is a link from android developer site,
http://developer.android.com/reference/android/app/TabActivity.html
and a tutorial,
http://maxalley.wordpress.com/2013/05/18/android-creating-a-tab-layout-with-fragmenttabhost-and-fragments/
Just by following above links you can create i easily.

rotate3d or matrix3d transition not working correct in IE10

I try to make a flip-page effect in IE10.
When i make the transformation with rotateY(180deg) it works well,
but with rotate3d(0,1,0,180deg) it makes a strange flip at 90deg (only on IE10!).
Have a look at this jsfiddle on IE10: http://jsfiddle.net/wG6gk/2/
Is this a IE Bug or does the container need any additional CSS attributes?
Css3 is in draft mode, each browser can have it's own perception of Css3.
I don't think that it is a bug.
According to my experience in css3, rotate3d is one the css3 properties that is hardware accelerated (more accelerated than rotateX and rotateY). But in this case you can't use rotate3d for IE, because it will not act the way you expect here.