Open Side Menu Go to the Top
Register
** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD ** ** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD **

01-30-2012 , 10:44 PM
Quote:
Originally Posted by tyler_cracker
why not use individual pngs for each card? seems like it would be easier to code.

also why are clubs and diamonds duplicated?
sprites are better. browser only has to make 1 request instead of 52. if you have a site with a decent amount of images, sprites speed up load times quite a bit.
** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD ** Quote
01-30-2012 , 11:05 PM
and dev productivity goes down by 10,000% which is a great feature
** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD ** Quote
01-31-2012 , 12:38 AM
So it's an optimization you only want to make if you really need it, or if, as in the case of a deck of cards, you probably won't be hurt by programmatic access to the images anyway.
** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD ** Quote
01-31-2012 , 01:39 AM
Quote:
Originally Posted by tyler_cracker
also why are clubs and diamonds duplicated?
The first 4 are for the 2-colour (red/black) deck and then the last 2 are for 4-colour deck where the clubs=green and diamonds=blue (but since this mod is 4-colour only they just duplicated it).

Juk
** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD ** Quote
01-31-2012 , 01:56 AM
Quote:
Originally Posted by kyleb
and dev productivity goes down by 10,000% which is a great feature
i don't think that's true. all you have to do is google sprite generator, and use an engine to autogen your sprites/css. even if you've never done it before, it's like an extra 5/10 mins max for anyone remotely competent at frontend stuff.
** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD ** Quote
01-31-2012 , 02:27 AM
Anyone here use Chrome?

I find the spell check really quite bad, (my spelling is bad so this probably doesn't help). What I find annoying is that I right click the word sometimes and the word I mean doesn't come up, yet if I type it into Google is suggests the correct spelling.

Is there any way to improve the spell check?

Example word I can never spell correctly:
necessarially

Red squiggle in text editor with no relevant suggestions but Google can correct it just fine!
** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD ** Quote
01-31-2012 , 02:42 AM
Quote:
Originally Posted by Gullanian
Anyone here use Chrome?

I find the spell check really quite bad, (my spelling is bad so this probably doesn't help). What I find annoying is that I right click the word sometimes and the word I mean doesn't come up, yet if I type it into Google is suggests the correct spelling.

Is there any way to improve the spell check?

Example word I can never spell correctly:
necessarially

Red squiggle in text editor with no relevant suggestions but Google can correct it just fine!
Yeah...I've noticed this as well. The word I can't spell is forgein. Worse than no suggestions....I seem to get ridiculous suggestions that barely seem like words at all...like forge-in????

Out of stubbornness, I'll keep trying until Chrome gives me the correct word...and it's taken around 4 or 5 tries before .
** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD ** Quote
01-31-2012 , 02:54 AM
I do the same, keep changing it until it suggests the correct word which is quite frustrating sometimes if you get one that just doesn't come up. Best way now I do though is double click the word to select it, right click and press search google for. Seems quickest.

It does seem to be quite a rubbish spell checker overall though. It's probably something they rushed out or something.
** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD ** Quote
01-31-2012 , 03:48 AM
Hmmm another one:

stupidy

Doesn't suggest 'stupidity' as I would assume it would! `Studiedly` is on the list though, a very obscure word that shouldn't be on there imo.

Here's a chromium bug asking for it to be improved anyway:
http://code.google.com/p/chromium/is...sort=&id=73224
** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD ** Quote
01-31-2012 , 06:46 AM
What bothers me about it is that it doesn't seem to be able to switch between languages, so right now every single word typed has that red wave under it. And I know I dont spell that bad.
** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD ** Quote
01-31-2012 , 11:59 AM
Quote:
Originally Posted by kyleb
I found that one but it was one of the confusing ones. My non-RTL programming is ultra-ultra rusty. 8)

I put that in my PHP and it didn't work. I think I don't have the CSS stuff set up. When I click the 'try it yourself' button it appears to show what I was missing...

<style type="text/css">
css stuff
</style>

I'll try it again when I get home.

Thanks!
** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD ** Quote
01-31-2012 , 12:08 PM
Here's a simplified working example, some image sprites on our site:
http://www.scirra.com/images/store-icons.png

Used on this page:
http://www.scirra.com/html5-game-engine

Each icon has this class (stripped out funny stuff):

Code:
.store-icon
{
    width:32px;
    height:32px;
    background:url(../images/store-icons.png);
}
Then if you look at each sprite I use them simply like this:

Code:
<div class="store-icon" style="background-position:0 -544px"></div>
Background position moves the background position into place. I haven't used an X axis in this case as mine are all layed out vertically and each has exactly the same size. If images are the same size like your cards, you might find it easier to have them in one strip as you only need to adjust one number. But you might find doing it on X and Y easier.

Here's a JSFiddle:
http://jsfiddle.net/j7tQh/

Try adjusting the numbers and you'll see how it works.
** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD ** Quote
01-31-2012 , 01:00 PM
Quote:
Originally Posted by kyleb
and dev productivity goes down by 10,000% which is a great feature
For something as structured as the card image, should be pretty easy to extract the cards programatically.... they are in order and are all a fixed size.
** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD ** Quote
01-31-2012 , 01:06 PM
Sprite sheets are really good, significantly speed up page load time in a lot of cases (especially mobile) and also make the page load time look smoother. Also using them for mouseover images is a great application. So are worth the extra dev time imo!

The biggest problem is if you manage a frequently changing sprite sheet (for example a general one on your website) this can be a big PITA.

Something like cards though are unlikely to be changed and are perfect for sprite sheets.
** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD ** Quote
01-31-2012 , 01:27 PM
Quote:
Originally Posted by MrWooster
For something as structured as the card image, should be pretty easy to extract the cards programatically.... they are in order and are all a fixed size.
I can't think of a time I've used a sprite with various sized images in it.
** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD ** Quote
01-31-2012 , 01:29 PM
One for general use across your website can have a big mix which is a nuisance
** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD ** Quote
01-31-2012 , 01:33 PM
LOL FRONTEND

ahem, sorry. as you were.
** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD ** Quote
01-31-2012 , 03:03 PM
Quote:
Originally Posted by tyler_cracker
LOL FRONTEND
** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD ** Quote
01-31-2012 , 05:11 PM
Quote:
Originally Posted by tyler_cracker
LOL FRONTEND

ahem, sorry. as you were.
Made me laugh! Thanks!
** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD ** Quote
02-01-2012 , 02:08 PM
Quote:
Originally Posted by Gullanian
One for general use across your website can have a big mix which is a nuisance
how is it a nuisance? are you guys manually creating the css coords? the times of used them, and they were variable sized images, were just ridiculously easy. and for reference, i find CSS in general to be a huge pain, but the sprite generator just did everything for me....
** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD ** Quote
02-01-2012 , 02:40 PM
Well, when you use CSS how are you programming it? When I do it I'm usually working with the photoshop image I mocked up on one screen and the cut pieces with easy to remember names so I don't have to do any calculations or testing to see where stuff goes. It's just basic rote follow instructions and it only takes as long as it takes me to type to get it done.

I think if you go that route CSS is braindead easy
** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD ** Quote
02-01-2012 , 02:42 PM
Quote:
Originally Posted by gaming_mouse
how is it a nuisance? are you guys manually creating the css coords? the times of used them, and they were variable sized images, were just ridiculously easy. and for reference, i find CSS in general to be a huge pain, but the sprite generator just did everything for me....
It's a nuisance if your actively developing the site and sprites are being redesigned. The gap they fit in before it doesn't fit now, so you have to move it somewhere else etc. and work out new co-ords, as well as keep track of sprites you're not using anymore, over if it was a separate image it would be a lot quicker.
** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD ** Quote
02-01-2012 , 02:45 PM
Quote:
Originally Posted by Gullanian
It's a nuisance if your actively developing the site and sprites are being redesigned. The gap they fit in before it doesn't fit now, so you have to move it somewhere else etc. and work out new co-ords, as well as keep track of sprites you're not using anymore, over if it was a separate image it would be a lot quicker.
gotcha. yeah i think it's better as a last step, after the site design is stable.
** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD ** Quote
02-01-2012 , 02:47 PM
Quote:
Originally Posted by rsigley
Well, when you use CSS how are you programming it? When I do it I'm usually working with the photoshop image I mocked up on one screen and the cut pieces with easy to remember names so I don't have to do any calculations or testing to see where stuff goes. It's just basic rote follow instructions and it only takes as long as it takes me to type to get it done.

I think if you go that route CSS is braindead easy
i dont understand what you are asking. are you still talking about sprites, or my general CSS comment?
** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD ** Quote
02-01-2012 , 02:49 PM
Quote:
Originally Posted by tyler_cracker
LOL FRONTEND

ahem, sorry. as you were.
tyler, you must be a big fan of the recent trend to rechristen what we used to call "html guys" as "frontend engineers"
** UnhandledExceptionEventHandler :: OFFICIAL LC / CHATTER THREAD ** Quote

      
m