Category Archives: Tools and Programs

Anything to do with using programs and tools for developing applications.

WebStorm/PHPStorm Useful Shortcuts

I have decided to try WebStorm and PhpStorm by JetBrains. I assumed these 2 editors have similar shortcut functionality. Here are my most used shortcuts when developing. This is for my reference only and of course anyone who would like to use this reference, feel free to do so.

Ctrl + click to go the function or variable definition.
Ctrl + W – selection grow and select inside tags and braces
Ctrl + Alt + Right | Navigate forward
Ctrl + Alt + Left | Navigate back
Ctrl + Shift + Backspace | Navigate to last edit location
Ctrl + Alt + J – on selected can be wrap with tag or anything.
Ctrl + ] / [   – Move to code block end/start
Ctrl + N | Go to class
Ctrl + Shift + N | Go to file
Alt + Drag to block select and put your caret or selection in multiple places.
Shift + Shift – looks for files, action and search everywhere
Ctrl + Backspace – deletes the line
Ctrl + Shift + Backspace – where ever you had your last edit will take you to that point.

Visual Studio: Useful Shortcuts

General:
Ctrl+Shift+ B  | Build the project
Ctrl + Shift + ] – to select inside bracket you are currently on
Ctrl + – | Ctrl + Shift + – | Navigate backwards and forward
Ctrl+K then Ctrl+C | Comment selected or cursor
Ctrl+K then Ctrl+U | Uncomment selected or on the cursor
Ctrl+K then Ctrl+F | Format and beautify selected code
Ctrl+L | Delete a line or selected
Ctrl+U | Changes the selected text to lowercase characters
Ctrl+Shift+U | Changes the selected text to uppercase characters
Ctrl + W | Selects the word near the cursor or highlighted one
Ctrl+Tab | Change active document among the open ones.
Ctrl+Shift + Space | Show tool tip for parameter function.

Sublime Text 3 – shortcuts and tips!

Sublime Text Shortcuts

– Ctrl + Shift K , Deletes the current line
– Ctrl + C, copy the selected text or line if there is no selection.
– Ctrl K+B , Shows left side bar
– Ctrl + space, brings down list of variables, classes, resource name etc.
– Ctrl + P, brings command palette window to search for files and jump to lines using “:[line number]”
– Ctrl + Alt + J , from one matching brackets to the next
– Ctrl + [ or ] , to indent right and left
– Ctrl + Shift + D , duplicate line at the bottom
– Ctrl + / , to comment a line straight away
– Ctrl + shift + /, to select bits you want to block comment
———————————————————————————
Selection
– Ctrl + D , selects a word, ctrl + d again selects the next matching word
– Ctrl + L , selects the current line
– Ctrl + Shift M, selects content inside the bracket
– Ctrl + Shift A, selects content inside tag
– Ctrl + Shift + Arrow left or right while word is selected to select more selection in that direction
– Alt + f3 – while you have word selected,to highlight all matching word and edit all occurence
– Wrap selected content with a tag then press Alt + Shift + W

Additional Tips

Ctrl + shift + ‘ Selects a tag and change the opening and closing tag at once. Require: Emmet plug-in
Ctrl + shift + c ,open color picker
Open current file in browser preview: Go to Key bindings -> User
[{“keys”: [“f12” or any key surrounded by quotes], “command”: “open_in_browser”}]

Useful Plugins
Bracket Hilights – highlights selected open and close tag

Is your Exit Isolation mode missing in 3ds Max?

All you got to do is run this macro:
“(iso2roll.c2iso.changed (iso2roll.c2iso.state = false))” then you can drag and drop it in your toolbar, but sometimes when you do this macro, weirdly enough your Exit Isolation Mode goes back in view. Forgetting this whole shebangs. but either way you have your Exit Isolation Mode or Exit Isolation in toolbar handy for you next time! =)

Difference between Forward and Inverse Kinematics for dummies

Like me I always known what Inverse Kinematics is specially when doing 3d Rigging, so whats the opposite of that.The forward kinematics of course.

Lets go with Inverse kinematics, its something to do with joints, for example our arms and legs, they bend in one direction, it could be on any other direction for say a robotic arm. But what makes it bend? When you do push ups, a force is being applied on your hand, making the joints in your arm bends in a certain direction. Its called affectors , a force that affects certain part of an object. The whole idea of is called Inverse Kinematics in simple terms.

Forward kinematics is easy, think of 90 degree angle lines, think of yourself holding a 1kilo barbel, we normally just lifts it with our forearm, down and up. Also our legs when you kick a soccer ball, when you lift your whole arm up in the air. These movements is termed forward kinematics the force is being applied from the joint. Robotics make use of these terms, and while character rigging in 3ds max you can find them as well.

So just a little snippet so my little self dont forget.

XForm Modifier 3ds Max – for dumb dumb like me

Well Ive been trying to demistify the use of XForm I mean so what If the mesh scales, rotates, moves different in what it says in the parameter panel.

Actually XForm modifier is useful when you dont get the desired effect you want. Especially when it comes to scaling your object, a bunch of wacky result could show up for example a bend modifier when applied and when you try to scale the height. It will look wonky.

3ds Max Creating Bones – Reference

Whenever I go to creating stuff on 3dsMax I always forget how the Bone works. Just for reference for me to remind me how this work and relearned the knowledge fast. Its also to remind me Bone System for animating models and Rigging is for applying IK Solvers and Kinematics to how the bone system will work.

To create a bone: – In the right side in the Create tab and at the very end of icons the System is where you will find the Bone. Its very straight forward to create click and click and right click to end creating your bone. – To Edit the bone and continue connecting , removing and deleting bones. You need to turn on your Bone Tools under Character menu in 3dsMax 7 or under animation in other versions.

Special Note: I often wonder how to connect bones and their orientation is done. Also how to connect 2 opposite adjacent bone together. This is done by linking the bones to the parent bone or it could also be a dummy shape. Use “Select and Link” to form a parent/child relationship with bones.

Heres a very useful video creating bone and character rigging for both our reference: