5 ms·

Using a Custom Keyboard for CSS

34 points by err4nt 11y ago

0942v8653 11y ago
I find that even moving to the F1-F12 row is sometimes slower than hitting a key combination (whether with a prefix key or a modifier) somewhere closer. Back when I used Caps Lock as both Escape (am vim user) and my i3 modifier I could keep my hands on the home row when switching windows. (I'm on oS X now...) The layout posted would be useful for launching apps and resizing windows but I can't imagine using it for copy and paste or typing things like "px".
- err4nt 11y ago
  I test in Chrome, Firefox, and Safari, so I'm constantly doing this set of actions: - Focus address bar - Copy URL - Launch Firefox - Focus address bar - Paste URL - Press Enter - Launch Safari - Focus address bar - Paste URL - Press Enter So to be able to make that a sequence of 10 button taps I can do in rapid succession without even looking at the screen or touching the mouse does save a bit of time. It's primarily for web testing, more than text editing.
  - semi-extrinsic 11y ago
    With Pentadactyl (vim-like plugin) for Firefox, copying a URL is simply pressing the "y" key, and paste+goto URL is "p". I believe Chrome has similar plugins, dunno about Safari.
  - SeeThruHead 11y ago
    cmd l focusses the address bar, cmd c to copy, cmd space + firefox to launch ff. enter for enter :D
zeckalpha 11y ago
What is the anime GIF from?
- ljk 11y ago
  From "Ghost in the Shell" - https://www.youtube.com/watch?v=p_6hxB1OK00 https://www.youtube.com/watch?v=p_6hxB1OK00
- deleted 11y ago
  [deleted]
melling 11y ago
It would be great if some of the repetitive tasks didn't even require a keyboard but rather use subtle gestures, eye tracking, and voice commands. Leap Motion, for example, never panned out but Google's Soli project might get us there: https://www.youtube.com/watch?v=0QNiZfSsPc0 https://www.youtube.com/watch?v=0QNiZfSsPc0 Throw in better autocompletion (http://www.benkuhn.net/autocomplete http://www.benkuhn.net/autocomplete) and software development becomes more precise and less repetitive.
- smt88 11y ago
  I find autocompletion in JetBrains and Visual Studio (disclaimer: haven't tried many others) to be outrageously good. Sometimes, in a dynamic/weak language, I wonder how the hell it can know what to suggest.
  - melling 11y ago
    There's probably an even more advanced level of autocompletion that could be achieved. If I type this Swift code, how much autocompletion would I get? let helloWorld = "hello world" Basically, there needs to be an additional English word dictionary added to the process. And understanding camel case would be killer.
  - PopeOfNope 11y ago
    Good, but slow. Even most of the autocomplete solutions I've used in VIM fall in that category. The only one that doesn't is exuberant ctags and that's because it's not intelligent; it does tag lookups and nothing more. If you have two classes with the same function name, it can't tell which one you want. Which is too bad. It doesn't seem like asking for fast autocomplete is unreasonable for 2015. Then again, between PHP, html, css and JS, Zeal takes up many gigabytes of my hard drive. The wordpress docs are even bigger. Maybe it's not that autocomplete is slow, it's that the data set it has to operate on is increasing at an alarming rate. Slightly OT food for thought.
    - spdionis 11y ago
      How is JetBrains autocomplete slow? It's 90% of the time instant for me. The 10% of the times always happen in the same patterns and I already expect it to not work immediately. In the other 90% i just always expect the autocomplete to be there and keep typing without thinking about it.
hackuser 11y ago
How about a simple modal switch, maybe even a foot pedal, changing your keyboard into ~105 single-button commands, similar to what Vim does in normal mode?
- err4nt 11y ago
  The keyboard has 3 backlight options: unlit, blue, and red. I have several 'shift' keys which toggle the action (and backlight) of other keys, but having one keyboard two-layers deep isn't as powerful as the combinations you can build with multiple shift modes.
equil 11y ago
It's always great to see people improve their workflows in creative ways. At the same time, I find it strange how insensible browser defaults are for productivity (why do ctrl+F & ctrl+G do the same thing?). Developers tend to zoom around in their text editor at breakneck speeds, but slow to a comparative crawl in the browsers themselves. If I press F12 in Chrome or Firefox, I have no idea where focus even goes. My primary annoyance is how ctrl+L (and alt+D) is the standard "focus urlbar" keyboard shortcut. It's definitely one of the most useful actions, but the shortcut requires a large motion or two hands. I rebound it to ctrl+Q for a while, but reverted as I just kept closing browser windows on other people's computers. Ultimately, I recommend any person who uses a program often to explore ways of using it more effectively, not just for speed, but also to prevent RSI.
- wodenokoto 11y ago
  > why do ctrl+F & ctrl+G do the same thing? They don't. One opens the search dialog and the other finds the next instance of the search term.
charlieegan3 11y ago
https://shortcatapp.com https://shortcatapp.com seems relevant to the discussion. I've been using that recently where I can. It unfortunatly only works in apps that have accessibility implemented.
- err4nt 11y ago
  Wow thanks for the link, I didn't know about ShortCat until right now. Sometimes the smallest little utilities can totally change the way you use a machine, like Quicksilver the application launcher. Can't imagine life without Quicksilver (or Gnome Do on Linux)
SeeThruHead 11y ago
I love custom keyboard. Very cool. But looking at the stuff he's using the keyboard for it seems to me like he might be better off with a programmable 60% kb and a trackball. copy, paste, enter, refresh, scroll down and save are then self explanatory. adress bar is cmd + l switching between firefox, chrome, safari and a text editor could be function + q,w,e,r. Resizing the browser window can be done with any window management software on function + asdf.

34 points by err4nt 11y ago

I find that even moving to the F1-F12 row is sometimes slower than hitting a key combination (whether with a prefix key or a modifier) somewhere closer. Back when I used Caps Lock as both Escape (am vim user) and my i3 modifier I could keep my hands on the home row when switching windows. (I'm on oS X now...) The layout posted would be useful for launching apps and resizing windows but I can't imagine using it for copy and paste or typing things like "px".

err4nt 11y ago
I test in Chrome, Firefox, and Safari, so I'm constantly doing this set of actions: - Focus address bar - Copy URL - Launch Firefox - Focus address bar - Paste URL - Press Enter - Launch Safari - Focus address bar - Paste URL - Press Enter So to be able to make that a sequence of 10 button taps I can do in rapid succession without even looking at the screen or touching the mouse does save a bit of time. It's primarily for web testing, more than text editing.
- semi-extrinsic 11y ago
  With Pentadactyl (vim-like plugin) for Firefox, copying a URL is simply pressing the "y" key, and paste+goto URL is "p". I believe Chrome has similar plugins, dunno about Safari.
- SeeThruHead 11y ago
  cmd l focusses the address bar, cmd c to copy, cmd space + firefox to launch ff. enter for enter :D

zeckalpha 11y ago

What is the anime GIF from?

ljk 11y ago
From "Ghost in the Shell" - https://www.youtube.com/watch?v=p_6hxB1OK00 https://www.youtube.com/watch?v=p_6hxB1OK00
deleted 11y ago
[deleted]

melling 11y ago

It would be great if some of the repetitive tasks didn't even require a keyboard but rather use subtle gestures, eye tracking, and voice commands. Leap Motion, for example, never panned out but Google's Soli project might get us there: https://www.youtube.com/watch?v=0QNiZfSsPc0 https://www.youtube.com/watch?v=0QNiZfSsPc0 Throw in better autocompletion (http://www.benkuhn.net/autocomplete http://www.benkuhn.net/autocomplete) and software development becomes more precise and less repetitive.

smt88 11y ago
I find autocompletion in JetBrains and Visual Studio (disclaimer: haven't tried many others) to be outrageously good. Sometimes, in a dynamic/weak language, I wonder how the hell it can know what to suggest.
- melling 11y ago
  There's probably an even more advanced level of autocompletion that could be achieved. If I type this Swift code, how much autocompletion would I get? let helloWorld = "hello world" Basically, there needs to be an additional English word dictionary added to the process. And understanding camel case would be killer.
- PopeOfNope 11y ago
  Good, but slow. Even most of the autocomplete solutions I've used in VIM fall in that category. The only one that doesn't is exuberant ctags and that's because it's not intelligent; it does tag lookups and nothing more. If you have two classes with the same function name, it can't tell which one you want. Which is too bad. It doesn't seem like asking for fast autocomplete is unreasonable for 2015. Then again, between PHP, html, css and JS, Zeal takes up many gigabytes of my hard drive. The wordpress docs are even bigger. Maybe it's not that autocomplete is slow, it's that the data set it has to operate on is increasing at an alarming rate. Slightly OT food for thought.
  - spdionis 11y ago
    How is JetBrains autocomplete slow? It's 90% of the time instant for me. The 10% of the times always happen in the same patterns and I already expect it to not work immediately. In the other 90% i just always expect the autocomplete to be there and keep typing without thinking about it.

hackuser 11y ago

How about a simple modal switch, maybe even a foot pedal, changing your keyboard into ~105 single-button commands, similar to what Vim does in normal mode?

err4nt 11y ago
The keyboard has 3 backlight options: unlit, blue, and red. I have several 'shift' keys which toggle the action (and backlight) of other keys, but having one keyboard two-layers deep isn't as powerful as the combinations you can build with multiple shift modes.

equil 11y ago

It's always great to see people improve their workflows in creative ways. At the same time, I find it strange how insensible browser defaults are for productivity (why do ctrl+F & ctrl+G do the same thing?). Developers tend to zoom around in their text editor at breakneck speeds, but slow to a comparative crawl in the browsers themselves. If I press F12 in Chrome or Firefox, I have no idea where focus even goes. My primary annoyance is how ctrl+L (and alt+D) is the standard "focus urlbar" keyboard shortcut. It's definitely one of the most useful actions, but the shortcut requires a large motion or two hands. I rebound it to ctrl+Q for a while, but reverted as I just kept closing browser windows on other people's computers. Ultimately, I recommend any person who uses a program often to explore ways of using it more effectively, not just for speed, but also to prevent RSI.

wodenokoto 11y ago
> why do ctrl+F & ctrl+G do the same thing? They don't. One opens the search dialog and the other finds the next instance of the search term.

charlieegan3 11y ago

https://shortcatapp.com https://shortcatapp.com seems relevant to the discussion. I've been using that recently where I can. It unfortunatly only works in apps that have accessibility implemented.

err4nt 11y ago
Wow thanks for the link, I didn't know about ShortCat until right now. Sometimes the smallest little utilities can totally change the way you use a machine, like Quicksilver the application launcher. Can't imagine life without Quicksilver (or Gnome Do on Linux)

SeeThruHead 11y ago

I love custom keyboard. Very cool. But looking at the stuff he's using the keyboard for it seems to me like he might be better off with a programmable 60% kb and a trackball. copy, paste, enter, refresh, scroll down and save are then self explanatory. adress bar is cmd + l switching between firefox, chrome, safari and a text editor could be function + q,w,e,r. Resizing the browser window can be done with any window management software on function + asdf.