Log in

View Full Version : Small HTML



bondehagen
05-04-2012, 03:38
The small HTML compo case is published here (http://www.gathering.org/tg12/en/creative/competitions/small-html/).
You can use this thread for support.

sebbern
05-04-2012, 09:41
Er det tillatt å bruke UTF-8 symboler?

Duckers
05-04-2012, 11:36
Er det tillatt å bruke UTF-8 symboler?

Compoansvarlig sover, men jeg kan ikke se at dette er i konflikt med reglene.

sebbern
05-04-2012, 12:09
Supert, takk :)

Bluebeard
05-04-2012, 12:23
Ser det er spurt om tidligere i forumet, men det er fortsatt ikke noe oppe mht. innlevering av bidrag?
Hvor kan man gjøre dette?

Er det mange andre som er med på Small HTML i år?

Og JavaScript er vel tillatt?

sebbern
05-04-2012, 12:30
Joda, composystemet er oppe @ http://compo.tg12.gathering.org :)

harleyman
05-04-2012, 12:36
How much can I change the HTML kode ? Like make new css? Or is the target just to make it run in a standart off-line browser ?
What about BASE64-encoding ? like : http://dean.edwards.name/my/base64-ie.html

sebbern
05-04-2012, 12:41
Everything is described in the rules. Yes, you can use CSS, and it's going to be tested in the newest stable version of Firefox.
Unfortunately, you can not use base64 encoded images.

harleyman
05-04-2012, 12:43
Supert, takk

Bluebeard
05-04-2012, 14:37
Er det slik at resultatet må være PRIKK likt originalen?
Vil dette bli godtatt f.eks.?

http://cache.gyazo.com/1a0f5fc76ad858572c11c3ecfd05f7ef.png

lug00ber
05-04-2012, 15:12
Er det slik at resultatet må være PRIKK likt originalen?
Vil dette bli godtatt f.eks.?

http://cache.gyazo.com/1a0f5fc76ad858572c11c3ecfd05f7ef.png

Fra reglene:

The effect does not have to be identical to the reference implementation, but should look mostly like it, if in doubt come to the Creative Helpdesk and ask.

bondehagen
05-04-2012, 15:33
Er det tillatt å bruke UTF-8 symboler?

Ja, dette er lov :)

grimjoey
05-04-2012, 15:48
må hjertene skaleres?
godtas en forkortet rgb kode (#xxx) som farge på hjertene selv om det ikke blir helt identisk farge?

theguy159
05-04-2012, 16:14
Godtas det hvis bakgrunnsfargen i 720x720 området er svart eller må hele siden ha svart bakgrunnsfarge?

bondehagen
05-04-2012, 16:29
må hjertene skaleres?
Jeg har nå tatt en prat med de andre i crewet mitt. De mener at linjen som sier "should look mostly like it" innebærer at det skal være en viss skalering fra stort til mindre mot midten av fraktalen, slik eksempelet viser.


godtas en forkortet rgb kode (#xxx) som farge på hjertene selv om det ikke blir helt identisk farge?
Fargen sjekkes ved å ta screenshot og deretter bruke en eyedropper, denne skal da gi hex koden #FF1493.

bondehagen
05-04-2012, 17:56
Er det tillatt å bruke UTF-8 symboler?
Bare for å tydeligjøre en ting. Jeg kommer ikke til å endre en eneste instilling i firefox for å få bidraget til å kjøre. Heller ikke sette tegnkoding til noe annet enn det som er default i den amerikanske versjonen av firefox.
Hvis ikke bidraget kvalifiserer når jeg åpner filen så blir det disket. Som sagt, er du i tvil, kom til creative lounge og spør etter meg, jeg vil være tilgjengelig frem til kl. 20:00.

sebbern
05-04-2012, 18:03
Neinei, jeg sørger for metatag, jeg :)

w0bni
05-04-2012, 18:33
Av ren nysgjerrighet - hvor små blir egentlig disse bidragene?

sebbern
05-04-2012, 20:06
Trenger jeg å spesifikt markere av et 720x720px område, f.eks. en <div> med border, eller trenger bare hjertene å være innenfor et 720x720px-område?

Legogris
05-04-2012, 20:55
Bare for å tydeligjøre en ting. Jeg kommer ikke til å endre en eneste instilling i firefox for å få bidraget til å kjøre. Heller ikke sette tegnkoding til noe annet enn det som er default i den amerikanske versjonen av firefox.
Hvis ikke bidraget kvalifiserer når jeg åpner filen så blir det disket. Som sagt, er du i tvil, kom til creative lounge og spør etter meg, jeg vil være tilgjengelig frem til kl. 20:00.
It would have been REALLY useful to know what operating system and such that this will be running on, because that might change a lot and is something we should be able to prepare for I think :)

Bluebeard
05-04-2012, 20:59
Med en "should look mostly like it", hva er da grensen?
Vil dette være godtatt? http://cache.gyazo.com/5a24ce8a38b4ebf4a874154576fd2211.png

Og ufullstendig HTML-kode er tillatt?

w0bni
05-04-2012, 21:02
Skal bakgrunnen være svart? Må 720x720-området være midtstilt?

grimjoey
05-04-2012, 21:06
Av ren nysgjerrighet - hvor små blir egentlig disse bidragene?

Jeg vil ikke røpe størrelsen jeg har landet på, men jeg kan fortelle at vinnerbidraget i fjor var på 361 byte. Det kan gi en ide om størrelsesorden.

Listen over tidligere vinnere og bidrag finnes på ftp.gathering.org.


Og ufullstendig HTML-kode er tillatt?

Det har det vært tidligere, og jeg tror de fleste satser på det.

skoen
05-04-2012, 23:01
Den var iallfall relativt ufullstendig den koden på vinnerbidraget i fjor ;)

Bluebeard
06-04-2012, 00:36
Noen som har klart å slå vinnebidraget fra i fjor?
Vet det ikke er samme oppgave men er jo interessant å vite!

wolferey
06-04-2012, 02:08
i nærheten, så er virkelig spent på de andre bidragene no :eek:

w0bni
06-04-2012, 02:18
Kom meg under 4kb, woohoo. HTML var visst ikke min sterke side, men er spent på hvordan andre har løst det - hadde det vært mulig at jeg tok en titt hos noen etter klokken tre?

sebbern
06-04-2012, 02:23
Sure :) Bare kom!
(Om en halvtime, that is.)

Edit: Jeg sitter i Creative Lounge, Rad 8 plass 2 ;)

Bluebeard
06-04-2012, 02:27
Jepp! Jeg har en ganske interessant løsning, in my humble opinion, og det er bare å komme når tiden er inne :)

Rad 27, sete 14. (Har på rutete skjorte, sitter til venstre på umalt skap).
Kan nok være greit å komme litt etter 3, skal på foredrag om søvn etc. 2:30.

NikolaiH
06-04-2012, 02:44
Fikk ikke dette til år :/ Var inne på noe, men kom ikke i mål pga. LoL compo :(

sebbern
06-04-2012, 02:45
Fortsatt ett kvarter igjen :) Bare å bli med!

wolferey
06-04-2012, 03:05
bare å komme innom, rad 70, plass 67 :)

Bluebeard
06-04-2012, 03:12
Da er det bare å komme innom!

Noen som kom under 300 bytes her?

harleyman
06-04-2012, 04:56
fibonacci (sunflower)in 300 bytes ... maybe... ;-) - info : http://en.wikipedia.org/wiki/Fibonacci_number

My idea (not the final ):

<script language="javascript">
var a=0,b=1,k;
for(i=1; i<34; i++)
{
k=a+b;
a=b;
b=k;
}
</script>

ToDo :
<!-- <div style="-moz-transform: scale(0.$???);top: $??? ;left: $???;" class="heart"></div> -->

w0bni
06-04-2012, 04:58
Jepp! Jeg har en ganske interessant løsning, in my humble opinion, og det er bare å komme når tiden er inne :)

Rad 27, sete 14. (Har på rutete skjorte, sitter til venstre på umalt skap).
Kan nok være greit å komme litt etter 3, skal på foredrag om søvn etc. 2:30.

Sitter på rad 28 sete 6, så du ikke var der da jeg nettopp var innom. Titter igjen senere, er spent :)

Legogris
06-04-2012, 09:11
Da er det bare å komme innom!

Noen som kom under 300 bytes her?

I did it on 282 bytes before I got the news of change of rules on scaling (as I first got the info that it wasn't needed). Adding that landed me on 341 bytes. If anyone got a smaller solution it would be really cool if you wanted to show it :)

I'm in the creative lounge at the corner of the table most of the time, under the painting with the drillers.

Bluebeard
06-04-2012, 14:32
I got it down to 248 bytes, final. Pretty proud of it!

If anyone is interested, I am now at my desk row 27, seat 14. :)
Or if I'm not there, I will be back in a few minutes!

wolferey
06-04-2012, 15:27
got it to 411 bytes, just 50 bytes from last years entry.. managed to skim down to 398 after the deadline. Cool to see so many get it so small! :)

Bluebeard
06-04-2012, 15:37
Legogris, I just went by the Creative lounge to find you, but I couldn't?
How do you look? And exactly where are you sitting? :)

FreakCERS
06-04-2012, 17:02
I got it in 205 \o/ :-) I'm in the crew-cage, so I guess you can't really find me - I'm gonna try to see if I can find some of you guys..

Bluebeard
06-04-2012, 18:08
Haha, I heard from my seat mate that a lot of people have come by to try to find me.
Sorry, I was out swimming!

This is my first TG and there's just so much to do, I want to be everywhere! :)

tsjiller
07-04-2012, 01:23
We got our code down to 186 bytes, but not before deadline :/

Legogris
07-04-2012, 13:18
Cool to see the ways you guys solved this, can't believe I didn't also actually consider canvas! :P
When will the results be announced?

V3gas
07-04-2012, 15:47
It was just announced at the Hardcore Programming playoff that the winner did it in 173 bytes. Congrats!

wolferey
07-04-2012, 16:36
wow, that is insane :o Congrats to whoever it was!

sebbern
07-04-2012, 16:39
173 bytes???? That's insane!

V3gas
07-04-2012, 16:50
Indeed. Looking forward to seeing the entries!

sebbern
07-04-2012, 17:00
Me too. It will be amazing :D

Bluebeard
07-04-2012, 17:58
When and where do they announce the results?

wolferey
07-04-2012, 18:02
probably at 01:00, during the creativia prize seremony, along with all the other competitions. Wish they could upload the entries to the FTP so we can check them out, but I guess it would reveal who won before it is announced...

Bluebeard
07-04-2012, 18:30
What happens if you have left TG prior to the prize ceremony but are among the top three?

FreakCERS
07-04-2012, 18:40
Wow, can't wait to see the winning solutions :-P

wolferey
07-04-2012, 19:32
BlueBeard: Usually, they call your name/nick.. and wait.. and it gets kinda awkward.. and they usher off the 2 other persons standing there.. and you probably get contacted sometime later since they need your info to give you your price.. afaik :p

FreakCERS
07-04-2012, 21:18
We got our code down to 186 bytes, but not before deadline :/

I don't suppose I could drop by your seat and have a sneak peak at your solution? (if so, where are you sitting?)

tsjiller
08-04-2012, 02:37
I don't suppose I could drop by your seat and have a sneak peak at your solution? (if so, where are you sitting?)

Sure, but I guess the winning one is much more interesting. We are located in the creative-part, by the chillout. We have the LED-cube that you might have noticed.

Zochwar
08-04-2012, 02:49
<body text=ff1493 bgcolor=0 onload="for(q=i=256,s=Math.sin;i--;)b.innerHTML+='<a style=font-size:'+i+'%;position:fixed;top:'+(q+s(i)*i)+';left :'+(q+s(i+q)*i)+'>&#9829'"id=b>

De kommer nok opp på ftp.gathering.org etterhvert, men bare å spørre hvis dere lurer på noe. Vi sitter på rad 3 i creativia, 3-4 plasser til høyre for LED cuben.

FreakCERS
10-04-2012, 08:46
<body text=ff1493 bgcolor=0 onload="for(q=i=256,s=Math.sin;i--;)b.innerHTML+='<a style=font-size:'+i+'%;position:fixed;top:'+(q+s(i)*i)+';left :'+(q+s(i+q)*i)+'>♥'"id=b>

De kommer nok opp på ftp.gathering.org etterhvert, men bare å spørre hvis dere lurer på noe. Vi sitter på rad 3 i creativia, 3-4 plasser til høyre for LED cuben.

Wow, amazing job. I did manage to correct the spiral offset in your version (shaving off one byte in the process) and you can shave off 3 more bytes by using utf8 for the heart (not entirely sure why it's not 4 bytes, but it might be some utf8 marker or endianness thing): http://geeksbynature.dk/projects/SmallHTML2012/byte--%3b-by-Zochwar_&_Olli_cers.html (169b)

EDIT: of course, you can re-break the spiral offset and shave off 3 additional bytes (166b)

<body text=ff1493 bgcolor=0 onload="for(q=i=256,s=Math.sin;i--;)b.innerHTML+='<a style=font:'+i+'%s;position:fixed;top:'+(q+s(i)*i) +';left:'+(q+s(i+q)*i)+'>❤'"id=b>

Zochwar
10-04-2012, 13:17
and you can shave off 3 more bytes by using utf8 for the heart
Not using UTF-8 for that was intentional, it won't render properly unless you change the character encoding option in firefox (which Bondehagen explicitly said he wouldn't do earlier in this thread).
But nice find :) We actually spent some time looking for an alternative to 'font-size' without luck ;)

FreakCERS
10-04-2012, 14:30
Not using UTF-8 for that was intentional, it won't render properly unless you change the character encoding option in firefox (which Bondehagen explicitly said he wouldn't do earlier in this thread).
But nice find :) We actually spent some time looking for an alternative to 'font-size' without luck ;)

Yeah, I didn't use it either for the same reason, but I noticed it was accepted in other entries, so apparently his settings were such that it works :-)

tsjiller
10-04-2012, 21:37
UTF-8 will work fine as long as you insert the three byte BOM first in the file. But since the winner managed to do the heart with 6 chars, nothing would be saved, as 3 bytes BOM + 3 bytes for the unicode-heart is the same size.