« first day (350 days earlier)      last day (3438 days later) » 

00:00
re: position: absolute - yeah, I've done that; that isn't the problem
hang on lemme give you a link to what I'm trying to explain
that's always best (:
was hoping for a live one
haha
but it looks like you have the snap positioned wrong or something
can't tell without code/demo
ohh. well... it's hard to jsfiddle it cos i have to upload hundreds of images.
no you don't xD
make a smaller version
00:01
HOMELESS
and use place hold it
I'm a genius
or lorempizza as @rlemon would say
hell yea
love it
00:02
!!pizza 800 600
makes me hungry 100% of the time
thus why I don't use it
make your own
out of the box kinda shit
!!pizza 1 200
00:03
just a slice.
love lorem pizza @rlemon
LOL alrighty :))) hang on let me put it on jsfiddle. i hope it works the same way.
what can I say. It fills a gap in the market. A delicious one
00:04
lol
if you mean a gap by the void of my stomach, then yes, I'd agree
@Willow if you want different pictures (because it is the same domain) use ?1-? on the end
kinda deal
ahhh, found some code in your question
should have linked that as well
2
Q: Draggable - Droppable positioning bug?

WillowI'm making an activity that requires certain letters to be put in certain places to complete words. Here's a screenshot: The Activity I'm Working On (linking it because it's too big) The two small wooden boards at the bottom contain the letters that should be dragged to the blank boxes on the ...

in EcmaScript, 24 secs ago, by rlemon
http://lorempizza.com/ can I just get a 'tweet' from everyone :P :P :P </shameless-plug>
@ZachSaucier: oh sorry about that. :))) I thought it wouldn't have helped much.
00:08
@Willow It didn't much, but some it better than none
but you didn't include the hash tag! :P
Which one? #lorempizza?
I've never used a hashtag, haha
it is what the count on the website picks up (i think)
You're right guys, the pizza pics make me hungry
When I need random site filler content I use http://lorempizza.com/ #lorempizza and you should too! :P
00:10
<3
@ZachSaucier haha
> Sorry, that page doesn’t exist!
<3
adding the hashtag
nice
I can't even make the fiddle work. ._. #noob
tweet count jumps from 82 to 86
I love you guys!
00:13
retweeted
nice
double pizza
lol
@Willow Is the correct class being added?
@ZachSaucier: Yes ._. I've checked that too.
@ZachSaucier: oh, I've figured it out; fiddle didn't like the extra code. Let me clean it up more and link you
00:17
what are you using to mark the area as droppable? Can you use your browser's inspect element to find the droppable area and make sure it matches up with the visual area?
@ZachSaucier: ah, that is what i don't know how to do. hang on the fiddle's almost ready. :)
F12
or right click inspect element
@ZachSaucier: I know how to do that much; but I don't know which is the drop area and which is the div.
ok
I'll patiently wait for the fiddle now (:
@ZachSaucier: :)))) thanks, Zach. Here it is, actually. Sorry about the draggables being all the way down there at the bottom; I'm losing myself in the CSS so I can't figure out how to raise it up a bit.
00:24
I don't see any draggables?
@ZachSaucier: scroll down, I'm sorry :)))
I made the body 5000px high and still nothing, lol
what browser are you on?
I don't see any draggables in the html either...
LOL I'm on Chrome
did you update your jsfiddle?
oh for real? wait maybe it's a different save
here :)
00:26
there we go
oops. dangit i erased the droppable's css
it's ok
mind telling me which letters are accepted? :P
all of them should be; try putting it in the upper right corner. LOL
that's the only place they like to stick.
xD no go
maybe you should just restart? haha
- looks at the pizza cos i'm stressed -
00:29
hahaha
maybe i should ._. argh. it's a good thing that i'm ahead of schedule then.
but do you think it would be better if i used tables instead?
we can help!
Ummm
it depends on what you're doing
for what you're doing I'd say either is fine
really? so you don't think position: absolute is the problem?
most likely no
hmm...
00:31
I'm betting it's your drag and drop
and position of your droppables
nice art by the way
are?
whoops (:
@ZachSaucier: oh that. :))) thank you! I do try but recently I've been thinking I enjoy coding more :))
me too! haha
I'm not much of an artist though
mostly coder
@ZachSaucier: Hey, to each his own, right? XD
00:36
of course!
ok, so right now, i'm trying to remove position: absolute just to be sure that isn't the problem
@rlemon Chris Coyier just favorited the lorempizza tweet! :D
hahaha
so sad that I can't even go see it on twitter; our network proxy is being stupid
it's nothing special
yeah but it's a cute thing i'd like to favorite, haha
update: when i removed position: absolute; the drop area lined up with the div again
00:41
so problem fixed?
yes. :))) thank you so much for bearing with me. I guess I really do have to use tables.
I don't think so
just have to get the elements sized correctly I would think
but I can't tell without a demo :P
Here, try to fiddle with this. :) It works already, and when i drop it in, it runs my code, and it snaps perfectly into place. but when i do absolute positioning, the drop area doesn't like following the div.
Leo
Leo
@rlemon I took a quick look at your code for image luminance. I thinking about how to integrate it into my little bookmarklet for contrast accessibility.
@Willow position:absolute on which?
00:50
@ZachSaucier: ...you know what actually i'm not sure since i took away position: absolute from both. but i'm thinking it might be position: absolute on the droppable div.
kk
well, both work with position:absolute for me
glad you solved it anyway (:
daaaaaaang what the hell was wrong with the first code??? LOL
thank you, anyway; you've been awesome and patient. XD
no problem! I am glad to do nothing
@ZachSaucier: actually, you helped lots; sometimes you need an extra brain to think well. XD
@ZachSaucier: I've figured out, definitively, what was wrong. I thought you might like to know; I used position: absolute on both, and it was fine. what I did wrong was I put MARGINS to lazily correct the position: absolute when i had to move the container td's.
And there you have it (:
01:04
cool site by the way. ;)
haha, my site really is nothing
if you ever need graphics for anything, feel free to pm me. :)
Will do!
Feel free to join us here if you are willing to waste some time, haha
some guys are quite good at what they do
Actually I was thinking not to close this tab. :) I can learn a lot of things by being passively here. also, even if it's not coding, you guys talk about a lot of interesting things
hahaha
(quietly murmurs of success) We've won over another one!
01:09
HAHAHA I didn't realize this was a competition! :)))
nah, just a community
What do you mean by "won over another one" then? :))
'twas a joke
Ah well then there's something wrong with my sense of humor haha
Speaking of jokes. Have you ever watched zefrank?
reference to some cult that seduces in unsuspecting culprits to do devilish things to
I have not
in process
01:13
XD enjoy!
01:30
ah, yeah I've seen some on youtube I just realized
i laughed hardest with the sea pig.
"The sea cucumber has a fish in its butt. Win win"
hahaha
I have two sea cucumbers
@rlemon: pets? ;)
two of these
01:39
took me a second to realize that you were serious and were not joking that you had two cucumbers in your butt, haha
one is ~ 6-8 inches the other is ~4
HAHAHA yay for innuendos
@rlemon I'm guessing you just went !!afk mode, but how did you hide it?
put it in a different room?
why do you think I went afk?
01:41
your picture went in front of ours without you doing anything - we had more recent sent messages
I went on tab
pinging you disproved that though
how do you hide it anyway? :P
no clue
Leo
Leo
Hi @rlemon
I seem to remember you doing it before... Does it transfer room to room?
01:54
posted on April 15, 2014 by Chris Coyier

Why can't I edit my tweets?! Twitter should allow that. It's so simple right? CRUD apps (Create, Read, Update, and Delete) are app-building 101! What a gross oversight. But wait. Just as a fun nerdy little exercise, let's think about what a feature like this might take for the Twitter team. I don't work there or have any inside knowledge, so this is all hypothetical for the sake of understandi

@ZachSaucier
@rlemon ZachSaucier is afk: testing
sweet
so that's how you do it
only DOM events don't work cross room
like !!s///
and does speaking get one out of afk mode? I was never clear on that
01:58
yes
2 min grace period iirc
@ZachSaucier and you can !!afk from any room
even ones without caprica?
!!afk ping me in 200 seconds
@ZachSaucier no
@rlemon pinged in 200 seconds
@rlemon Another test
Leo
Leo
02:04
@rlemon I have some questions and thoughts.
Is this the right place for it?
In reference to the code he provided, I'm assuming?
Leo
Leo
Yes.
and we're testing the bot ATM, so he may not respond for a bit
Leo
Leo
I see. ;-)
200 s. Tooth brushing.
lol
not quite how it works
!!commands
02:07
@ZachSaucier That didn't make much sense. Use the !!/help command to learn more.
doh
@rlemon Tis a third test
@rlemon last time
!!/help
@ZachSaucier Information on interacting with me can be found at this page
bitch (@CapricaSix)
!!listcommands
@ZachSaucier 420, help, listen, eval, coffee, refresh, forget, info, listcommands, tell, afk, awsm, ban, unban, color, convert, define, doge, domain, findcommand, github, google, hang, inhistory, jquery, learn, aliens, format, fa, easytools, wherearethegoats, tobacconist, joystick, fools, cake, cool, vengeance, ln, protip, slidepoop, zirak_naked, loktar, artisticpoop, crustypoop, buttstuff, poopkittie, daybreak, rfc, man, ಠ_ಠ..., getit, resources, html5unleashed, jspattern, ajax, xhr
guesswhat, amazon, ihazbukkit, bewbz, solution, sandbox, gayclubs, kumar, echo, pizza, wherearemypants,
02:10
never remember the list part...
@Leo whats up
!!internetargument
@ZachSaucier while(1)argue;
@Leo (better hurry you have until I finish this beer)
Leo
Leo
02:12
@rlemon Hi, a few things. I compared your code to w3.org/TR/WCAG20/#relativeluminancedef. I wonder if that transformation should be done.
Quick, keep him typing so he finishes it more slowly!
Relative luminance follows the photometric definition of luminance, but with the values normalized to 1 or 100 for a reference white. Like the photometric definition, it is related to the luminous flux density in a particular direction, which is radiant flux density weighted by the luminosity function \overline{y}(\lambda) of the CIE Standard Observer. The use of relative values is useful in systems where absolute reproduction is impractical. For example, in prepress for print media, the absolute luminance of light reflecting off the print depends on the illumination and therefore absolut...
Leo
Leo
@rlemon There is more. Standard deviation, maybe.
that is where I got the calc from
Leo
Leo
@rlemon Yes, I know (since you said so in the code), but it looks like only part of the calculation to me.
@rlemon Though I know nothing about this. Just confusing.
@rlemon But compare it with the w3c code.
02:14
ping ping ping
Leo
Leo
:-)
> Note 1: For the sRGB colorspace, the relative luminance of a color is defined as L = 0.2126 * R + 0.7152 * G + 0.0722 * B
that is the same calc I use
Leo
Leo
Yes, but that is not what the w3c link says. Or maybe ;-)
Under that row on w3c is the definition of R, G, B.
yea
it explains why it works
the equation works
Leo
Leo
Does it? ;-)
I think it says it does not work. ;-)
02:17
test it, as far as i'm concerned it does
prove me wrong
Leo
Leo
I was trying to, but since I do not know much about this I need your help to prove you wrong.
test it on images, rgb(0, 0, 0) through rgba(255, 255, 255) and see the results
then test all colours in between and google the results (as they should be)
Leo
Leo
On such images it will give wrong values.
how?
I claim average luminescence over the area
Leo
Leo
Since for such rgb values you should use the complete formula from w3c, I think.
if RsRGB <= 0.03928 then R = RsRGB/12.92 else R = ((RsRGB+0.055)/1.055) ^ 2.4
I mean the code ^^
02:21
that is irrelevant
< 0 or > 255 is handled by the browser
Leo
Leo
I hope you code say something like that.
it doesn't have too
understand that
it handles all cases
test it
Leo
Leo
But what is handled by the browser?
otherwise I don't care (sorry)
read the specs.
it is defining how and why it works but above tells you what the weighting is
Leo
Leo
Oh, that is fine. Yes, I did read the specs at w3c, but I found nothing special in the desc of ImageData about this.
02:22
Wikipedia supports it
ImageData is basically the rgba matrix
Leo
Leo
But then it looks to me like the formula above should be added too.
like my demo does...
function getLuminance(imgResource, /* following is optional */x1, y1, x2, y2) {
    // create canvas and set the height/width to the image
    var canvas = document.createElement('canvas'),
        context = canvas.getContext('2d'),
        height = canvas.height = imgResource.height,
        width = canvas.width = imgResource.width,
        // holding for the data, and average lum
        idata, data, lum = 0;
    // draw image then get image data back. if they specify a bounds only get that.
    context.drawImage(imgResource, 0, 0, width, height);
getImageData(...).data is the matrix
+= 4 is because rgba <- 4 values, red green blue alpha
I only test the first three.
Leo
Leo
Yes, I looked at the code.
hence the average at the end.
lum /= data.length * 0.25;
Leo
Leo
I know.
02:26
so then why do you question it?
it works
Leo
Leo
Yes, it does. And maybe I just should accept that. Since we are not computing contrast ratios here, only relative luminance.
(just wondering. your previous queries were based on the assumption we needed to program in the proof)
use the relative luminescence to calc the contrast
Leo
Leo
Bad thinking on my side, perhaps.
The cutoff value for black or white is the main thing here. So I guess I just go your way. :-)
converting to greyscale isn't hard
Leo
Leo
This is essentially such a conversion of course. And there seems to be reason to assume that it will work.
But another thing: I looked through the canvas spec a bit, but maybe I missed what I am looking for.
There may be html elements above the image. Elements that are not totally transparent. Can I somehow merge that into the ImageData?
02:32
no
Leo
Leo
Ok. Fine. ;-)
So now I am just going to use it. The both fun and boring bit of getting it to work. ;-)
In context.
do the image show up for anyone?
they don't in Chrome for me
@rlemon it works in Chrome for me
on osx if it helps
(´・ω・`)
Leo
Leo
02:37
Yes, for me too.
works in FF for me
works chrome win
Leo
Leo
In latest chrome for me.
chrome 33.0.1750.152 - haven't updated it yet, too many tabs to close
Fly, you fools
02:38
okay just me
Leo
Leo
Oh, I have to restart chrome quite often. Memory when debugging.
@Leo those are some image manipulation tools for you
Leo
Leo
@rlemon thanks.
I thought filters were not really usable yet.
those are used with canvas element
so only with browsers that support it
like I said, I like Canvas ;)
Leo
Leo
Can canvas be used as a super-image element?
02:43
ummm idk what a super-image element is
Leo
Leo
Something like those images you sent. ;-)
those are <canvas> elements
you can export canvas to base64 data
Leo
Leo
I have already played a few times now. :-(
Seems like I should learn a bit more about canvas.
!!resources

Javascript Resources.

Sep 4 '12 at 13:36, 2 minutes total – 8 messages, 1 user, 1 star

Bookmarked Sep 4 '12 at 13:40 by rlemon

Leo
Leo
I was more thinking about the luminance when looking through a partly transparent background at the image.
Stolen :-)
What luminance will that be?
Maybe I could compute a mean RGB value and merge that with the background.
average both
Leo
Leo
Yepp. And then one day someone comes with better algorithms I just switch. :-)
lol
or think of your own
Leo
Leo
Ok, bye for tonight and thanks.
Me? I never do that.
02:51
lol
simon sarris good dude
he's around here sometimes
Leo
Leo
I enoy the sharing.
he thanked me in his book
no clue why
O:
lol
for being you, obviously
Leo
Leo
O-O
02:51
he get anything in December giveaway?
i can't remember
this year will be more organized
you can buy my love that way
;)
one of my classes has an interesting concept: if your project is voted the best in the class you have a choice of two wheel of bonuses
one is high risk high gain, the other is low risk low gain
03:06
Morning
03:48
Random generation is so. fun.

« first day (350 days earlier)      last day (3438 days later) »