What are you working on? v6

[jaybuz]

This one works fine! [url]http://wbond.net/sublime_packages/package_control[/url]

[editline]7th October 2011[/editline]

[QUOTE=StinkyJoe;32657816]The latest versions already support a good chunk of properties without vendor prefixes, but don't count too much on it yet. If you're using Sublime Text 2, get the Prefixr extension - easily installable through the Package Control extension. Ctrl + Alt + X on a declaration, and it automatically adds the necessary vendor prefixes.[/QUOTE]

When I enter:

border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;

why doesn't it return any of the vendor prefix versions? Try it here: [url]http://prefixr.com[/url]

[iamacyborg]

[QUOTE=Torekk;32657677]No, that's not what I meant. I mean if Mozilla Firefox, Safari, Opera and Chrome support the W3C style of CSS properties. Like

box-shadow: 1px 1px 2px 5px #000; <- W3C
-moz-box-shadow: 1px 1px 2px 5px #000; <- Mozilla Firefox
-o-box-shadow: 1px 1px 2px 5px #000; <- Opera
-webkit-box-shadow: 1px 1px 2px 5px #000; <- Safari and Chrome

So you don't have to write those 4 lines everytime.

I'm not sure if Chrome supports it fully, but it seems like for most.[/QUOTE]

Just a quick point, but you want the box-shadow to be the last thing in the list, not the first.

Also, anyone ever seen an email with a working video in it? Getting some ideas for work as we do a lot of video stuff and it'd be nice to start playing around with new tech now that HTML5 is reasonably supported.

[kraffslol]

[img]http://i.imgur.com/0m0st.png[/img]
Played around a bit with CSS

[Jelly_]

[quote]Hmm, dubstep is a lot like PHP. It's so easy, 99% of the things that make up its catalog are crap.[/quote]
[url]https://twitter.com/#!/thinglet/status/122510992759472128[/url]

[del]Don't[/del] be in that 1%

[Weiss]

[QUOTE=Jelly;32676800][url]https://twitter.com/#!/thinglet/status/122510992759472128[/url]

Don't be in that 1%[/QUOTE]
So don't be in that 1% that isn't crap?

[Jelly_]

[QUOTE=Weiss;32677388]So don't be in that 1% that isn't crap?[/QUOTE]

I phrased it wrong. :downs:

[russelg]

[img]http://puu.sh/6G1h[/img]

Ze sound of progress, my friends!

[Mr.T]

McMaster Carr has one of the best interfaces on the web.

[url]http://www.mcmaster.com/[/url]

[Weiss]

So I started working on a thing with Zack0Wack0, using Express/Jade/Stylus/MongoDB in Node, as a learning project. The choice to use Jade/Stylus was his, I just figured it might be fun to learn something new!

[rant]You know what I [i]fucking love[/i] though? When programs decide they know better than me what I'm trying to do.

#userbar
	[...]
	a#snippets(href='snippets')
		span.icon.snippets
		| Snippets
		.menu
			a(href='snippets/list') List
			.sep
			a(href='snippets/search') Search...
	[...]

So this is totally valid, right. Indentation's all correct. .menu is clearly a child of that a (there's better ways to do this, I know, I shouldn't be nesting a tags inside other a tags, but nobody throws an error over it 'cept Jade)

But! Jade says no, clearly my indentation (which is supposed to be how it decides the DOM tree, being pythonic) is [i]incorrect[/i], and I couldn't possibly intend for .menu to be a child of a#snippets! So it sticks it in #userbar instead.

I fucking love when people decide their code should think for the user, and I love it even more when they don't give you a way to explicitly tell it what you want. Sure, I can embed HTML, but if I wanted to write this design in HTML (having experienced this, [i]I do[/i]) I would just write the entire thing in HTML.

If I were the blogging type, I'd probably go and write an angry blog post about how Jade is terrible and not to let computers think for you because computers, as we all know, aren't very smart. But it appears I'm more the foruming type, so instead I'll write an angry forum post. Hey! Look, I already did.

Now I think I'll fume silently for a little while.[/rant]

Aside from this, I sort of kind of like how Jade/Stylus work, although I am much more comfortable with my curly braces and what-not. I like being able to tell the computer exactly what I want.

[eddy-tt-]

[img]http://horobox.co.uk/u/Reag_1318090991.png[/img]

Real mature Russel.
First you steal sites, then deny it, then use alts on my sites and now spam my email.

[russelg]

omg alt of a permabanned user braking rules omg

[editline]kfjdklgj[/editline]

these emails are fabricated.

my real email address is [email][e-mail][/email]
SPAM ME

[eddy-tt-]

[QUOTE=RusselG;32680932]Did I ever deny it?[/QUOTE]

Yes you did actually.
Now bugger off, it's clear I don't want anything to do with you.

[russelg]

[QUOTE=eddy-tt-;32680960]Yes you did actually.
Now bugger off, it's clear I don't want anything to do with you.[/QUOTE]

Proof?

[StinkyJoe]

[QUOTE=RusselG;32680985]Proof?[/QUOTE]

Are you 5 years old?

[twenty]

Been working on a design on and off for the past few weeks. Pretty simple but eh. It's a design I made when I had nothing to do and I've offered it to a local gaming community.

Content "borrowed" from Jelly on page 58 :v:

-snip image too big-

[url]http://i.imgur.com/64okQ.png[/url]

[Jelly_]

[QUOTE=twenty;32682187]Been working on a design on and off for the past few weeks. Pretty simple but eh. It's a design I made when I had nothing to do and I've offered it to a local gaming community.

Content "borrowed" from Jelly on page 58 :v:

-snip image too big-

[url]http://i.imgur.com/64okQ.png[/url][/QUOTE]

I stole the content from someone else to begin with. :v: Forgot where though.

[spidersdesign]

If someone could tell me how to skew an element using CSS3 to look like: [img]http://ahb.me/4iXA[/img] I would be very appreciative.

[Ac!dL3ak]

[QUOTE=spidersdesign;32683350]If someone could tell me how to skew an element using CSS3 to look like: [img]http://ahb.me/4iXA[/img] I would be very appreciative.[/QUOTE]

[url=https://developer.mozilla.org/en/CSS/transform]transform[/url]

[spidersdesign]

Ok I have managed to do that but can't do the opposite. Any ideas - I have tried fiddling but can't get it to work.

[html]
<style>
.outer
{
-webkit-perspective: 300;
}
.inner
{
-webkit-transform: rotateY(20deg);
-webkit-transform-origin: -100px 0;
-webkit-transform-origin-x: -100px;
-webkit-transform-origin-y: 0px;
}
</style>
<div class="outer">
<div class="inner">
</div>
</div>
[/html]

[Ac!dL3ak]

[QUOTE=spidersdesign;32683645]Ok I have managed to do that but can't do the opposite. Any ideas - I have tried fiddling but can't get it to work.

[html]
<style>
.outer
{
-webkit-perspective: 300;
}
.inner
{
-webkit-transform: rotateY(20deg);
-webkit-transform-origin: -100px 0;
-webkit-transform-origin-x: -100px;
-webkit-transform-origin-y: 0px;
}
</style>
<div class="outer">
<div class="inner">
</div>
</div>
[/html][/QUOTE]

[url]https://developer.mozilla.org/en/CSS/transform#skew[/url]

[adamjon858]

Thought this article on node.js was pretty interesting: [url]http://teddziuba.com/2011/10/node-js-is-cancer.html[/url]

[TerabyteS_]

[QUOTE=spidersdesign;32683350]If someone could tell me how to skew an element using CSS3 to look like: [img]http://ahb.me/4iXA[/img] I would be very appreciative.[/QUOTE]I think chrome can do 3D transforms. I think it's the only way to do such a thing.

[Ac!dL3ak]

[QUOTE=TerabyteS_;32683766]I think chrome can do 3D transforms. I think it's the only way to do such a thing.[/QUOTE]

no it's not

[img]http://dl.dropbox.com/u/11275736/s/d/n/transform.png[/img]

[spidersdesign]

Skewing doesn't work. It produces:

[img]http://ahb.me/4i_9[/img]

The code I posted correctly produces the effect that I wanted. I also want the same effect where the perspective is flipped (the left side is further away) but haven't been able to achieve that.

[Ac!dL3ak]

[QUOTE=spidersdesign;32684584]Skewing doesn't work. It produces:

[img]http://ahb.me/4i_9[/img]

The code I posted correctly produces the effect that I wanted. I also want the same effect where the perspective is flipped (the left side is further away) but haven't been able to achieve that.[/QUOTE]

[css]
.outer
{
-webkit-perspective: -300;
}
.inner
{
-webkit-transform: rotateY(-20deg);
-webkit-transform-origin: 100px 0;
-webkit-transform-origin-x: 100px;
-webkit-transform-origin-y: 0px;
}
[/css]

maybe?

[spidersdesign]

[QUOTE=Ac!dL3ak;32684737][css]
.outer
{
-webkit-perspective: -300;
}
.inner
{
-webkit-transform: rotateY(-20deg);
-webkit-transform-origin: 100px 0;
-webkit-transform-origin-x: 100px;
-webkit-transform-origin-y: 0px;
}
[/css]

maybe?[/QUOTE]

Seems logical but doesn't work. (-webkit-perspective must be positive apparently)

[editline]8th October 2011[/editline]

Feel free to play around: [url]http://jsfiddle.net/volcanicpixels/DN2gP/[/url]

P.S. I've solved it now

[TerabyteS_]

[QUOTE=RusselG;32680985]Proof?[/QUOTE]I know for a fact since he was posting the log of your chat to me while you were chatting and I also spoke to you personally.

[Crhem van der B]

[QUOTE=spidersdesign;32685151]Seems logical but doesn't work. (-webkit-perspective must be positive apparently)

[editline]8th October 2011[/editline]

Feel free to play around: [url]http://jsfiddle.net/volcanicpixels/DN2gP/[/url]

P.S. I've solved it now[/QUOTE]

Damn, looks great to be honest, brings ideas. Thanks.

[eddy-tt-]

[QUOTE=spidersdesign;32685151]Seems logical but doesn't work. (-webkit-perspective must be positive apparently)

[editline]8th October 2011[/editline]

Feel free to play around: [url]http://jsfiddle.net/volcanicpixels/DN2gP/[/url]

P.S. I've solved it now[/QUOTE]

That's pretty interesting, wonder what would happen if you combined it with javascript so it's perspective changed according to the mouse position, minus a large headache that is.

[TerabyteS_]

[QUOTE=eddy-tt-;32686190]That's pretty interesting, wonder what would happen if you combined it with javascript so it's perspective changed according to the mouse position, minus a large headache that is.[/QUOTE]I don't think anybody would ever want to use such a thing as more than a toy to play around with for a minute.