Nudge Up Avatar

Posts tagged css3

Posted 1 year ago

Short URL

6 Notes

Kicking Ass + Taking Names with Sass & Compass (by Nathan Henderson)

One of the better video overviews I’ve seen for SASS+Compass. Definitely check it out if you’ve wanted to “get” what it’s about but haven’t had the time.

Tags

Posted 2 years ago

Short URL

4 Notes

More or Less a Framework

Less Framework 2

A css framework for cross-media devices.

No more 960px, no hacks unless you want them, and scales nicely for popular devices. Just what I’ve been holding out for since I’m a bit lazy and tired to attempt to roll my own. 

Tags

Posted 2 years ago
via kuroir

Short URL

2 Notes

Mario "Kuroir" Ricalde: SASS is CSS on Steroids

Ever since I began learning CSS back in 2003, I remember asking myself why didn’t it provide basic mathematical operators. Seven years later, I still ask myself that question.

What would make CSS a better language to quickly develop and maintain web applications? The answer for me was pretty…

I just started using SASS and Compass myself. I can’t recommend it enough for anyone who deals in CSS.

Hat tip to David Kaneda and Jay Robinson of Sencha for turning me onto it.

Tags

Posted 2 years ago
via petervidani

Short URL

327 Notes

petervidani: simurai: I ♥ BLUR - Once again, I got distracted experimenting with CSS3. ;-) So far I just knew how to make text look blurry by adding a lot of text-shadows like in this example by David. But it’s more a glow, because the text still stays in front. But what if you wanna turn text into smoke? Luckily you can set the text-fill-color to transparent and that gives your text a really nice smoky blur. text-shadow: #fff 0 0 100px; -webkit-text-fill-color: transparent; That’s it! And if you animate it, it get’s even sexier. See the Demo (Chrome/Safari only) omgg

petervidani:

simurai:

I ♥ BLUR - Once again, I got distracted experimenting with CSS3. ;-) So far I just knew how to make text look blurry by adding a lot of text-shadows like in this example by David. But it’s more a glow, because the text still stays in front. But what if you wanna turn text into smoke? Luckily you can set the text-fill-color to transparent and that gives your text a really nice smoky blur.

text-shadow: #fff 0 0 100px;
-webkit-text-fill-color: transparent;

That’s it! And if you animate it, it get’s even sexier.

See the Demo (Chrome/Safari only)

omgg

Tags

Posted 2 years ago

Short URL

1 Notes

CSS Sprites w/out Using Background Images

Interesting, simple technique to get image hovers without needing to build out CSS sprites. Great idea.

Tags

Posted 2 years ago

Short URL

5 Notes

The New Lens Flare via CSS3

The New Lens Flare via CSS3

Tags

Posted 3 years ago
via jessedodds

Short URL

294 Notes

Adding CSS3 properties to CSSEdit's auto-completion

Today, MacRabbit pushed out the first update for CSSEdit since early 2008, which had me hopeful that they’d updated the automatic syntax completion to match that of Espresso. Alas, I was unsurprised to find that they hadn’t.

After searching Twitter to find out what the actual changes were…

I still love this app. This is a great patch to keep the autocomplete relevant.

Tags

Posted 3 years ago
via jayrobinson

Short URL

7 Notes

jayrobinson: Tyler Gaw constructed his own kinetic type video. Usually, you have to make videos like this using Adobe After Effects, but instead Tyler uses WebKit CSS properties and some JavaScript. Check it out the “video” and the source code on Tyler’s site.

jayrobinson:

Tyler Gaw constructed his own kinetic type video. Usually, you have to make videos like this using Adobe After Effects, but instead Tyler uses WebKit CSS properties and some JavaScript.

Check it out the “video” and the source code on Tyler’s site.

Tags

Likes