It was around 110KB before I made every angle 45°. PNG-8 is horrible to work with but I had no choice since the PNG-24 version was ~320KB
[editline]30th May 2012[/editline]
[QUOTE=Jelly;36131348]Why not just do it in pure CSS?[/QUOTE]
It would be impossible the make the transparent angles.
[QUOTE=jaybuz;36131361]It was around 110KB before I made every angle 45°. PNG-8 is horrible to work with but I had no choice since the PNG-24 version was ~320KB[/QUOTE]
320kb is not that much if you need to have such huge blocks
[QUOTE=jaybuz;36131361]It would be impossible the make the transparent angles.[/QUOTE]
[url=http://www.howtocreate.co.uk/tutorials/css/slopes]Nothing is impossible.[/url]
[QUOTE=Jelly;36131427][url=http://www.howtocreate.co.uk/tutorials/css/slopes]Nothing is impossible.[/url][/QUOTE]
The transparent angle has to sit on top of a photo so it doesn't work.
[QUOTE=jaybuz;36131536]The transparent angle has to sit on top of a photo so it doesn't work.[/QUOTE] Negative margin? Also why not just have the angle as a PNG and the rest as a div?
Okay, I challenge everyone/anyone to recreate that in pure CSS. It must use transparent corners, no cheating. Winner gets £2.
[editline]30th May 2012[/editline]
Oh, and don't forget the white stroke.
[QUOTE=jaybuz;36131612]Okay, I challenge everyone/anyone to recreate that in pure CSS. It must use transparent corners, no cheating. Winner gets £2.
[editline]30th May 2012[/editline]
Oh, and don't forget the white stroke.[/QUOTE]
£2? How about £200
The only way I can think of is to use clipping masks but those are way to new to be using just yet.
[editline]30th May 2012[/editline]
[QUOTE=TerabyteS_;36131761]£2? How about £200[/QUOTE]
It was a wager, not a job. lole
[url]http://jsfiddle.net/KGYnM/[/url]
I would finish it but I have to go to bed. :v:
[QUOTE=jaybuz;36131799]The only way I can think of is to use clipping masks but those are way to new to be using just yet.
[editline]30th May 2012[/editline]
It was a wager, not a job. lole[/QUOTE]
[del][url]http://jsfiddle.net/N9xnd/[/url]
is this close enough?[/del]
oops.
[QUOTE=jung3o;36132155][url]http://jsfiddle.net/N9xnd/[/url]
is this close enough?[/QUOTE]
Transparent corners and a white stroke.
[QUOTE=Jelly;36132101][url]http://jsfiddle.net/KGYnM/[/url]
I would finish it but I have to go to bed. :v:[/QUOTE]
Clever angles, not even sure how that works tbh. Shame the box doesn't even display in Firefox.
[QUOTE=jaybuz;36132339]Clever angles, not even sure how that works tbh. Shame the box doesn't even display in Firefox.[/QUOTE]
It's because he's only using the webkit prefix in the gradients. If you add the moz prefix it looks exactly the same in Firefox.
[editline]30th May 2012[/editline]
[url]http://jsfiddle.net/KGYnM/6/[/url]
[QUOTE=jaybuz;36132339]Clever angles, not even sure how that works tbh. Shame the box doesn't even display in Firefox.[/QUOTE]
I just didn't bother adding all the extra vendor prefixes.
working on my ticket system again
could anyone give me an idea of how to make this:
[img]http://keyo.co/?i=0WcSY.png[/img]
more appealing?
[QUOTE=Snakess;36141525]working on my ticket system again
could anyone give me an idea of how to make this:
more appealing?[/QUOTE]
A different font. And maybe different colors for read/unread tickets?
[QUOTE=Snakess;36141525]working on my ticket system again
could anyone give me an idea of how to make this:
[image]
more appealing?[/QUOTE]
I'd place the copyright outside the ticket container and/or make its font lighter. I prefer my copyright notices to be out the way and not really in your face.
I also dislike the border for the messages perhaps play around with its colour a bit more.
Oh and I like the idea of making read tickets a different colour to unread.
This code is speeding up my GMod development. Reloading the stylesheets every second one one monitor while I edit them on my other monitor. This is useful because there's a lot of stuff I can't really style easily out of engine because the data gets filled by the engine, or it's 5 clicks in.
[img]http://puu.sh/xUN0[/img]
[QUOTE=garry;36143594]This code is speeding up my GMod development. Reloading the stylesheets every second one one monitor while I edit them on my other monitor. This is useful because there's a lot of stuff I can't really style easily out of engine because the data gets filled by the engine, or it's 5 clicks in.
[img]http://puu.sh/xUN0[/img][/QUOTE]
why not use setInterval()?
I feel like it looks way too bootstrap-ish but oh well:
[URL="http://i.minus.com/iYuWhI2AKrG3T.png"][IMG]http://i.minus.com/iYuWhI2AKrG3T.png[/IMG][/URL]
I want to make it not as much like bootstrap but I'm not sure where to start, anything you guys can recommend?
Also I'm not sure about the "word cloud" kind of thing any alternative ideas?
[QUOTE=garry;36143594]This code is speeding up my GMod development.[/QUOTE]
very handy, thanks!
[QUOTE=Ac!dL3ak;36143849]why not use setInterval()?[/QUOTE]
[url=http://stackoverflow.com/a/7900293]They're different.[/url]
