Glowform

Creative

css animation demo

SHOW HN2011

182points
57comments
#40of 1,097 in 2011
Top 4%of 2011 by points

How HN took it

MixedNo clear lean

3 positive, 5 neutral or asking, 7 mixed, 14 critical, out of 29 comments about the project. Thread score -0.38.

Design: 3 for, 5 againstPerformance: 0 for, 5 againstExecution: 0 for, 3 againstIdea: 0 for, 1 against

The thread, comment by comment

Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.

positive neutral or mixed critical about another commenter or something else the maker

What HN said

What people liked

  • Visually slick and cool-looking effect

    From 3 comments
    • Okay, that is just sexy looking. I feel like I need to make a gaming site now or something.
      jarin on HN
    • Usability problem: the animation attracts attention, distracts the eye. The moving glow, mixed with the small lettering, makes it hard to read quickly. When the animation finally…
      Xurinos on HN
    • super slick! I can see this work well on an iPhone webview. I want it like ice cream :) Awesome job man.
      zinssmeister on HN
  • Fun demo that could be useful in a project

    From 1 comment
    • I usually consider these exercises as fun, but pointless. This certainly meets that criteria, but I could actually see using this in a project. It is very hot. Are you also…
      bmelton on HN

Objections

  • Animation is distracting and hurts form usability

    From 2 comments
    • Usability problem: the animation attracts attention, distracts the eye. The moving glow, mixed with the small lettering, makes it hard to read quickly. When the animation finally…
      Xurinos on HN
    • The problem is that the intent of a user, when they see in a form, is to fill in that form. Adding a glowing background distracts them from their task, hence bad usability. It's…
      nostrademons on HN
  • Uses significant CPU and runs slowly on some devices

    From 3 comments
    • What's the point of having animated glowing forms if they swallow 50% of the machine's cpu?
      elii on HN
    • Maybe it's just me, but the CSS3 rendering uses more of my CPU than the image scrolling.
      mauriciob on HN
    • runs kinda slow on my iphone :(
      wdewind on HN
  • Low contrast grey text is hard to read

    From 2 comments
    • I'm loving that glow! Great work. I'm outside on a laptop and can hardly read the grey text though.
      AndyJPartridge on HN
    • I agree on the importance of accessibility but just wanted to make a note that the only colors on that page are the glowing effect around the form. the rest of the page actually…
      jiaaro on HN
  • Form HTML is invalid; submit button sits outside form

    From 2 comments
    • Submit button is broken. Why is it outside of the <form>? Cool use of animation.
      retlehs on HN
    • It should still demonstrate proper HTML and it only takes a few seconds.. http://dl.dropbox.com/u/145404/demo.html - submit inside the <form>
      retlehs on HN

Requests

  • Fix contrast of grey text

    From 2 comments
    • Yeah, on some monitors the contrast is pretty low. I'll probably bump it up.
      kaylarose on HN
    • Edit: Sorry, other people beat me to it. See other replies re:text colors. However I agree about the contrast, I checked on my external dev monitor (vs. my super bright MBP…
      kaylarose on HN
  • Fix Firefox animation restart after refocus

    From 1 comment
    • Firefox 4, animation does not restart after focusing a form field, clicking elsewhere, and then re-focusing on it. I quite like the whole effect, though.
      malnourish on HN

Questions

  • Why is the submit button outside the form?

    From 1 comment
    • Submit button is broken. Why is it outside of the <form>? Cool use of animation.
      retlehs on HN
  • Why does this have so many upvotes?

    From 1 comment
    • Why does this have 160 upvotes on Hacker News? It's CSS, it doesn't work in all browser and it's not even remotely useful
      mkilling on HN

Alternatives named

  • Dragonfish Glowing Form demo from Dragon Labs

    From 1 comment
    • I remember being impressed by Dragon Lab's Dragonfish Login Form Demo[1] when it first came out. They implement the effect by using a rather large background image and a mask…
      kaylarose on HN

Category, keywords, summaries and labels on this page were made by AI (Thread Reader v2) and not checked by hand. Each point links to the comments it came from.

Add a badge to your READMEShown on HackerShow
[![Shown on HackerShow](https://hackershow.org/badge.svg)](https://hackershow.org/show/2399927)