Let it breathe

24 Responses

1. Pro simurai

   I really liked Matthew's idea of removing the "input look", once you focus a text field. It frees up the claustrophobic feeling and lets your typing give some breathing room. Also the UX doesn't get compromised because in the unfocused state it's still screaming: "Hey, I'm a text input, click me".

   So it's now also on tlk.io. But we still have to add that the text field grows when you type more than one line, otherwise it's not really freeing. ;-)

   3likes

   4 months ago

2. Manolo Sañudo

   interesting idea, I quite like it :D

   4 months ago

3. Pro Pierre

   This is very cool!

   4 months ago

4. Pro Jon Kantrowitz

   I like the idea, but it needs an affordance to indicate when more than two lines of text have been typed. This is especially true on Mac OS X, where scroll bars aren't visible and the resize handle that OS X adds to text fields is missing.

   2likes

   4 months ago

5. Andy Shaw

   Really like the interaction of throwing the text up into the stream. Think I'll try that too ;)

   4 months ago

6. Pro Sergio Alvarez

   yeap, interesting idea!

   4 months ago

7. Marcio Barrios

   It's not for all cases but it I like the approach!

   4 months ago

8. Pro Javi Pérez

   the new input style is coming... Yeah!

   4 months ago

9. Pro Basheer Tome

   Really cool but one suggestion: If you start typing your message, and then go back to type your name, could you add a key-event for hitting enter on your nickname to send the message?

   4 months ago

10. Pro Stephan Wetzl

    Really cool gif animation !

    4 months ago

11. Pro Mani

    nice :)

    4 months ago

12. Abhimanyu Chirimar

    You killed it with this one. Simply cool!

    4 months ago

13. Pro Cameron Dearsley

    Ahhh yeah, this is incredible. Coolest input I've ever seen!

    4 months ago

14. JP Boneyard

    Yeah!

    4 months ago

15. Pro Matthew Sanders

    Well done!

    4 months ago

16. Pro simurai

    @Jon Yes, the plan is that when you type more than one line, the (invisible) textfield expands and grows in height. So you won't see any text get cut off. I hope it's gonna work.

    @Basheer Hmm.. Sounds great, but isn't that kinda an edge case? I think people type their name just once.

    4 months ago

17. Pro Scott Gledhill

    love it!

    4 months ago

18. Pro Jordan Dobson

    Nice work man!

    4 months ago

19. Tom Giannattasio

    bad ass!

    4 months ago

20. Matthew Farag

    Nicely done, Sim. My only suggestion is to block Enter inserting a line return, so you don’t get a line flicker. Also, if you post it onkeydown or oninput instead of onkeyup, you get a bonus half second of instantness.

    Is that a parallax effect I see in the first four seconds of the video?

    1likes

    4 months ago

21. Pro simurai

    @Matthew Yep, that flicker, when the line break gets added before posting it, bugs me too. Maybe that **onkeydown** you're mentioning already solves it. Thanks, will try that out.

    Yeah, right. There is a parallax effect. It's nice, but scroll performance is suffering a bit. ;-(

    4 months ago

22. Shota Mickaia

    Awesome simurai! :)

    4 months ago

23. 

    Chat I liked the idea of ​​Matthew and Simurai and I made it more invisible and simple. What do you think? January 21, 2012

    Rebound

    Chat

    by Shota Mickaia

    I liked the idea of ​​Matthew and Simurai and I made it more invisible and simple.
    What do you think?

    • 3
    • 3
    • 107

    4 months ago

24. Pro Samuel Couto

    Neat! Very very neat!

    8 days ago