Let it breathe
keyboard shortcuts: ← previous shot → next shot L or F like
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
111,842,835,645 pixels dribbbled
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
23 Responses
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. ;-)
over 1 year ago
interesting idea, I quite like it :D
over 1 year ago
This is very cool!
over 1 year ago
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.
over 1 year ago
Pro
Andy Shaw
Really like the interaction of throwing the text up into the stream. Think I'll try that too ;)
over 1 year ago
Pro
Sergio Alvarez
yeap, interesting idea!
over 1 year ago
It's not for all cases but it I like the approach!
over 1 year ago
Pro
Javi Pérez
the new input style is coming... Yeah!
over 1 year ago
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?
over 1 year ago
Really cool gif animation !
over 1 year ago
Pro
Mani
nice :)
over 1 year ago
Pro
Abhimanyu Chirimar
You killed it with this one. Simply cool!
over 1 year ago
Pro
Cameron Dearsley
Ahhh yeah, this is incredible. Coolest input I've ever seen!
over 1 year ago
Yeah!
over 1 year ago
Well done!
over 1 year ago
@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.
over 1 year ago
love it!
over 1 year ago
Nice work man!
over 1 year ago
bad ass!
over 1 year ago
Pro
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?
over 1 year ago
@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. ;-(
over 1 year ago
Awesome simurai! :)
over 1 year ago
Pro
Samuel Couto
Neat! Very very neat!
12 months ago