front end development and tutorials
If you write any language that is based on using any type of bracket — <>, {}, or () — you often find yourself asking which closing bracket belongs to the opening one. And while we have great packages like Bracket Highlighter, this tip is baked right into Sublime Text.
When you have your cursor on any bracket, type Ctrl + M and Sublime will jump your cursor to the matching open or close bracket. No need to visually inspect your indentation, just jump back and forth with this!
To select all instances of a word, simply double click the word so that it is highlighted and press the keyboard combo for Quick Find All. On a mac, this is ⌘ + Ctrl + G, on Windows and Linux this is Alt + F3.
This tip isn’t a show stopper, but you are bound to find this useful. It has to do with working with multiple lines of data or code. To test these three out, give yourself a few lines of code and select them all at once.
dog.jpg
cat.jpg
mouse.jpg
cat.jpg
First we have Shuffle, which does exactly that, shuffling them into a random order.
Then we have Sort, which will alphabetize your lines.
Next we have Reverse which swaps the previously sorted lines, or just flips any code in the reverse order.
Finally, we have Unique which removes any duplicate lines of code – helpful for when working with image datasets that could contain duplicate images.
All of these commands are available via the Command Palette, so select some text and try them out today!
Uma das melhores coisas do Sublime Text é o Emmet. A maioria das pessoas usam para completar o código, mas poucas sabem que serve para um monte de outras coisas.
Uma delas é a capacidade de incrementar valores / decréscimo em CSS 0.1, 1 e 10 – assim como vocês, provavelmente, já fazem no Inspector, FireBug etc.
A friend asked me how to make a tooltip without javascript.
See the Pen tooltip test by Felipe Nunes (@willpower) on CodePen.0