4 ms·

Contad: SVG + CSS3 craziness

27 points by AaronO 13y ago

antonwinter 13y ago
super cool design and website. only one gripe. it took over a minute to load. not many people will wait.
sinkasapa 13y ago
Runs horribly on the world's real best browser.
rrival 13y ago
Echoes of gabocorp.
bwy 13y ago
Agree with comments above- doesn't even run in my Chrome, Ubuntu 12.04
snarkyturtle 13y ago
Pretty amazing and perfect execution. Runs perfectly in OSX Chrome.
pallandt 13y ago
Quite funny. I attempted to load this in Chrome and I still get 'This site is running only on the world's best browser' with a link to download, ironically, Chrome.
mynameisvlad 13y ago
I don't understand how the number of people who viewed this yesterday goes up. Shouldn't that be a fixed metric? If it's just a demo, maybe some better number to demo would be better.
feniv 13y ago
Took a while to load but it scroll surprisingly smoothly. The sign-up button takes me to a wikipedia page about contextual advertising. Is that intentional? And for those who can't view the project, try the post about it (from their homepage) : http://www.freeger.com/project.php?projectid=174 http://www.freeger.com/project.php?projectid=174
rjett0 13y ago
It's like the old, only works in IE days!
MDCore 13y ago
So I started writing something about how we were supposed to get away from the awfulness of flash, and it's stupidities like long loading screens, with CSS3 and HTML5. But I viewed the source and this is flash. Well the loading screen is. You see it's currently downloaded 4Mb across 2 .swf files and it's only about... a third of the way through, although it's hard to tell on the "fill in the word" progress bar. My third-world 2Mbit internet connection doesn't seem to be up to scratch. At least my web browser is if the browser checking code has already run. This is like c2001 except then we did "if (ie) {} else if (ns) { }" I hate to complain without actually having seen the subject matter, but flash, loading screens and "if (chrome) else { fail }" is harking back to a bad past. Edit: I think the download died at just under 5 Mb. I guess my 2Mb internet really isn't up to scratch.
drawkbox 13y ago
Looks like it was flash and then converted with Swiffy: https://www.google.com/doubleclick/studio/swiffy/ https://www.google.com/doubleclick/studio/swiffy/
synchronise 13y ago
I strongly contest that Chrome is the 'world's best browser'.
- nine_k 13y ago
  ^W "Only in [browser name]" is so 1997.
  - angersock 13y ago
    I hate all these sites that discriminate against muh lynx! shakes fist
  - Cthulhu_ 13y ago
    yeah, going back to that now. HTML5 fanciness has replaced animated .gifs, too. And modal dialogs have replaced popups. [rant]seriously, why do a third of the sites linked to HN open up with a meaningless modal dialog / popup asking me to join a mailing list or fill in a survey. I'd fill in a survey if you'd actually let me visit your site to see what the survey questions are about![/rant]
PedroBatista 13y ago
"This site is running only on the world's best browser", the new "Well it runs fine on my computer so...". Other than that, nice piece of work!
- madhusudancs 13y ago
  > "Well it runs fine on my computer so...". You mean this? https://www.dropbox.com/s/o9wb9k0bbqfc2bw/IMG_20130718_171033.jpg https://www.dropbox.com/s/o9wb9k0bbqfc2bw/IMG_20130718_17103...
51Cards 13y ago
Loaded it in Firefox and was told I needed to download Chrome. Loaded it in Chrome and was told I needed to download... Chrome. Guess my Chrome isn't bling enough.
- goldfeld 13y ago
  Maybe it's just your Chrome isn't Blink enough.
- Raticide 13y ago
  Didn't work for me until I enabled Flash.
- chanux 13y ago
  Was it that "something something Best Browser something something" the message for your chrome as well?
- chr1 13y ago
  Their browser detection seems to be broken didn't work on latest chromium either.
- Flavius 13y ago
  That's because when you load it in Firefox it will redirect you to another URL. Then you copy/paste that in Chrome and you see the same message. I hate when websites do this...
dimadima 13y ago
Holy shit WTF is going on here? This was a terribly annoying presentation in pretty much every way. The most annoying thing for me was that navigation was haphazard and proceeded in unpredictable directions. Also, why do the soundtracks for these type of things sound like crappy indie movies from 2006? Fuck my life this shit makes me want to die.
lingben 13y ago
why does chrome think the page is in Russian?
dimadima 13y ago
And yeah, by the way, who the fuck thought that a 1+ minute wait for this thing was acceptable? As soon as I saw that Canon-like font and the really slow progress (20Mbit FIOS over here, ppl) I was already set to hate. Unreal. And then, per my other comment, what I got was truly hateworthy. Why is this even on the first page of HN? Who are you people who voted this up? Am I missing the point of the word "craziness"—like, was this supposed to suck really hard? I wish that was made clearer if that's the case. I hope more things like this aren't made.
stafrer 13y ago
This is a nightmare and I can't figure out anything that's going on nor what this website is about. This should not exist :(
tossmeup 13y ago
I want my bandwidth back. Two thumbs down. Boooo. BOOOOOOOOO! Good DAY sir.
markdown 13y ago
Here's a native (non-flash) version that supposedly also works in Firefox and Safari http://dabblet.com/gist/6046779 http://dabblet.com/gist/6046779 Made by Verou: https://twitter.com/LeaVerou/status/358726425454444545 https://twitter.com/LeaVerou/status/358726425454444545
- merlincorey 13y ago
  Thank you, I was really disappointed to be told I could only find out what I was looking at if I installed chrome.
  - lingben 13y ago
    a message like that is a tipoff that what you're seeing was made by amateurs, just be thankful they gave you the warning and move on to things worth your time
    - markdown 13y ago
      I feel that's unfair. It's a demo. It's like complaining that someone built a proof-of-concept app and only made it work on a Mac. Now if it had been a production website that only worked in one browser, then you'd be right.
- synchronise 13y ago
  Works in Firefox, quite responsive too.
- chanux 13y ago
  Extra points for not needing "world's best browser".
GhotiFish 13y ago
hmm. Amazing what the front page can do for a story, even if that story doesn't deserve it.
aaronz8 13y ago
Runs fine in Arch Chrome... though Contad Presents (the first bit) is centered based on window height. I didn't even see it until I made my Chrome window wider.
ancarda 13y ago
>This site is running only on the world's best browser Wow. Why don't people use feature detection or something? I don't understand the rise in vendor locking websites to Chrome. I think we should just outright abolish the user-agent.
- Cthulhu_ 13y ago
  User-agents can be abolished once all browsers are created equal; same HTML standards support, same performance. Pretty sure it only works in Chrome because it has good support for the latest HTML technologies, good performance, and good developer tools.
  - pornel 13y ago
    We have feature detection for this. And the site doesn't work for me in Chrome Canary (that supports everything that stable Chrome does and more). Author of that site is just a troll/fanboy or incompetent at using latest web standards.
Qantourisc 13y ago
Sites that do autodetect and ban access on the result are BAD BAD BAD. You can detect them and add a banner to inform the user the site might not work, and even explain why. Also bad is using flash to detect it!
qreesp 13y ago
ok, background music that can not be turned off? WHY?
mtct 13y ago
> This site is running only on the world's best browser Not worth my time
stesch 13y ago
By the way: Top browsers in Germany http://gs.statcounter.com/#browser-DE-monthly-201206-201306 http://gs.statcounter.com/#browser-DE-monthly-201206-201306
gotofritz 13y ago
I don't really like it. What irks is that it tells you "scroll down to proceed" but then you can't scroll back up and control what's going on. Why not keep the page fixed and have the content within in scrolling? You know, like in a video?

27 points by AaronO 13y ago

antonwinter 13y ago

super cool design and website. only one gripe. it took over a minute to load. not many people will wait.

sinkasapa 13y ago

Runs horribly on the world's real best browser.

rrival 13y ago

Echoes of gabocorp.

bwy 13y ago

Agree with comments above- doesn't even run in my Chrome, Ubuntu 12.04

snarkyturtle 13y ago

Pretty amazing and perfect execution. Runs perfectly in OSX Chrome.

pallandt 13y ago

Quite funny. I attempted to load this in Chrome and I still get 'This site is running only on the world's best browser' with a link to download, ironically, Chrome.

mynameisvlad 13y ago

I don't understand how the number of people who viewed this yesterday goes up. Shouldn't that be a fixed metric? If it's just a demo, maybe some better number to demo would be better.

feniv 13y ago

Took a while to load but it scroll surprisingly smoothly. The sign-up button takes me to a wikipedia page about contextual advertising. Is that intentional? And for those who can't view the project, try the post about it (from their homepage) : http://www.freeger.com/project.php?projectid=174 http://www.freeger.com/project.php?projectid=174

rjett0 13y ago

It's like the old, only works in IE days!

MDCore 13y ago

So I started writing something about how we were supposed to get away from the awfulness of flash, and it's stupidities like long loading screens, with CSS3 and HTML5. But I viewed the source and this is flash. Well the loading screen is. You see it's currently downloaded 4Mb across 2 .swf files and it's only about... a third of the way through, although it's hard to tell on the "fill in the word" progress bar. My third-world 2Mbit internet connection doesn't seem to be up to scratch. At least my web browser is if the browser checking code has already run. This is like c2001 except then we did "if (ie) {} else if (ns) { }" I hate to complain without actually having seen the subject matter, but flash, loading screens and "if (chrome) else { fail }" is harking back to a bad past. Edit: I think the download died at just under 5 Mb. I guess my 2Mb internet really isn't up to scratch.

drawkbox 13y ago

Looks like it was flash and then converted with Swiffy: https://www.google.com/doubleclick/studio/swiffy/ https://www.google.com/doubleclick/studio/swiffy/

synchronise 13y ago

I strongly contest that Chrome is the 'world's best browser'.

nine_k 13y ago
^W "Only in [browser name]" is so 1997.
- angersock 13y ago
  I hate all these sites that discriminate against muh lynx! shakes fist
- Cthulhu_ 13y ago
  yeah, going back to that now. HTML5 fanciness has replaced animated .gifs, too. And modal dialogs have replaced popups. [rant]seriously, why do a third of the sites linked to HN open up with a meaningless modal dialog / popup asking me to join a mailing list or fill in a survey. I'd fill in a survey if you'd actually let me visit your site to see what the survey questions are about![/rant]

PedroBatista 13y ago

"This site is running only on the world's best browser", the new "Well it runs fine on my computer so...". Other than that, nice piece of work!

madhusudancs 13y ago
> "Well it runs fine on my computer so...". You mean this? https://www.dropbox.com/s/o9wb9k0bbqfc2bw/IMG_20130718_171033.jpg https://www.dropbox.com/s/o9wb9k0bbqfc2bw/IMG_20130718_17103...

51Cards 13y ago

Loaded it in Firefox and was told I needed to download Chrome. Loaded it in Chrome and was told I needed to download... Chrome. Guess my Chrome isn't bling enough.

goldfeld 13y ago
Maybe it's just your Chrome isn't Blink enough.
Raticide 13y ago
Didn't work for me until I enabled Flash.
chanux 13y ago
Was it that "something something Best Browser something something" the message for your chrome as well?
chr1 13y ago
Their browser detection seems to be broken didn't work on latest chromium either.
Flavius 13y ago
That's because when you load it in Firefox it will redirect you to another URL. Then you copy/paste that in Chrome and you see the same message. I hate when websites do this...

dimadima 13y ago

Holy shit WTF is going on here? This was a terribly annoying presentation in pretty much every way. The most annoying thing for me was that navigation was haphazard and proceeded in unpredictable directions. Also, why do the soundtracks for these type of things sound like crappy indie movies from 2006? Fuck my life this shit makes me want to die.

lingben 13y ago

why does chrome think the page is in Russian?

dimadima 13y ago

And yeah, by the way, who the fuck thought that a 1+ minute wait for this thing was acceptable? As soon as I saw that Canon-like font and the really slow progress (20Mbit FIOS over here, ppl) I was already set to hate. Unreal. And then, per my other comment, what I got was truly hateworthy. Why is this even on the first page of HN? Who are you people who voted this up? Am I missing the point of the word "craziness"—like, was this supposed to suck really hard? I wish that was made clearer if that's the case. I hope more things like this aren't made.

stafrer 13y ago

This is a nightmare and I can't figure out anything that's going on nor what this website is about. This should not exist :(

tossmeup 13y ago

I want my bandwidth back. Two thumbs down. Boooo. BOOOOOOOOO! Good DAY sir.

markdown 13y ago

Here's a native (non-flash) version that supposedly also works in Firefox and Safari http://dabblet.com/gist/6046779 http://dabblet.com/gist/6046779 Made by Verou: https://twitter.com/LeaVerou/status/358726425454444545 https://twitter.com/LeaVerou/status/358726425454444545

merlincorey 13y ago
Thank you, I was really disappointed to be told I could only find out what I was looking at if I installed chrome.
- lingben 13y ago
  a message like that is a tipoff that what you're seeing was made by amateurs, just be thankful they gave you the warning and move on to things worth your time
  - markdown 13y ago
    I feel that's unfair. It's a demo. It's like complaining that someone built a proof-of-concept app and only made it work on a Mac. Now if it had been a production website that only worked in one browser, then you'd be right.
synchronise 13y ago
Works in Firefox, quite responsive too.
chanux 13y ago
Extra points for not needing "world's best browser".

GhotiFish 13y ago

hmm. Amazing what the front page can do for a story, even if that story doesn't deserve it.

aaronz8 13y ago

Runs fine in Arch Chrome... though Contad Presents (the first bit) is centered based on window height. I didn't even see it until I made my Chrome window wider.

ancarda 13y ago

>This site is running only on the world's best browser Wow. Why don't people use feature detection or something? I don't understand the rise in vendor locking websites to Chrome. I think we should just outright abolish the user-agent.

Cthulhu_ 13y ago
User-agents can be abolished once all browsers are created equal; same HTML standards support, same performance. Pretty sure it only works in Chrome because it has good support for the latest HTML technologies, good performance, and good developer tools.
- pornel 13y ago
  We have feature detection for this. And the site doesn't work for me in Chrome Canary (that supports everything that stable Chrome does and more). Author of that site is just a troll/fanboy or incompetent at using latest web standards.

Qantourisc 13y ago

Sites that do autodetect and ban access on the result are BAD BAD BAD. You can detect them and add a banner to inform the user the site might not work, and even explain why. Also bad is using flash to detect it!

qreesp 13y ago

ok, background music that can not be turned off? WHY?

mtct 13y ago

> This site is running only on the world's best browser Not worth my time

stesch 13y ago

By the way: Top browsers in Germany http://gs.statcounter.com/#browser-DE-monthly-201206-201306 http://gs.statcounter.com/#browser-DE-monthly-201206-201306

gotofritz 13y ago

I don't really like it. What irks is that it tells you "scroll down to proceed" but then you can't scroll back up and control what's going on. Why not keep the page fixed and have the content within in scrolling? You know, like in a video?