CSS selectors by no means stop to amaze me in how highly effective they are often in matching advanced patterns. Most of that flexibility is in guardian/youngster/sibling relationships, very seldomly in worth matching. Take into account my shock after I discovered that CSS permits matching attribute values regardless off case!
Including a spacei to the attribute selector brackets will make the attribute worth search case insensitive:
/* case delicate, solely matches "instance" */ [class=example] background: pink; /* case insensitive, matches "instance", "eXampLe", and so forth. */ [class=example i] background: lightblue;
The use circumstances for this i flag are seemingly very restricted, particularly if this flag is knew information for you and also you’re used to an ordinary lower-case customary. A free CSS classname customary may have and would proceed to result in issues, so use this case insensitivity flag sparingly!
Create a CSS Flipping Animation
CSS animations are a variety of enjoyable; the fantastic thing about them is that by way of many easy properties, you possibly can create something from a chic fade in to a WTF-Pixar-would-be-proud impact. One CSS impact someplace in between is the CSS flip impact, whereby there’s…
How I Stopped WordPress Remark Spam
I really like virtually each a part of being a tech blogger: studying, preaching, bantering, researching. The one half about running a blog that I completely detest: coping with SPAM feedback. For the previous two years, my weblog has registered 8,000+ SPAM feedback per day. PER DAY. Bloating my database…
FileReader API
As broadband pace continues to get sooner, the online continues to be extra media-centric. Typically that may be good (Netflix, different streaming companies), typically that may be dangerous (eager to learn a information article nevertheless it has an accompanying ineffective video with it). And each social service does…
Utilizing MooTools For Opacity
Though it is attainable to attain opacity utilizing CSS, the hacks concerned aren’t fairly. For those who’re utilizing the MooTools JavaScript library, opacity is as straightforward as utilizing a component’s “set” methodology. The next MooTools snippet takes each picture with the “opacity” class and units…
Supply hyperlink
