{"id":775,"date":"2014-05-31T13:26:38","date_gmt":"2014-05-31T13:26:38","guid":{"rendered":"https:\/\/guwii.com\/?p=775"},"modified":"2018-06-20T14:19:27","modified_gmt":"2018-06-20T13:19:27","slug":"may-roundup","status":"publish","type":"post","link":"https:\/\/guwii.com\/may-roundup\/","title":{"rendered":"May Roundup"},"content":{"rendered":"
A monthly roundup at guwii, by Alex – I’ve got a lot of small tips and bits to compile that aren’t quite worthy of their own posts, so here we go.<\/p>\n
Use proper punctuations and linguistic symbols. eg: \u201c\u201d\u2018\u2019\u2014 instead of Speech Marks: Control cursor position with your mouse in text! Most people are pretty clued up on using the cursor keys instead of the mouse to control the cursor when editing text. However, you can go one step further and require even less hand movement, no need to move your hand all the way to the cursor keys if you get used to doing the following:<\/p>\n ctrl + b – back Check those details for rogue spaces at the end\/beginning before sending login details to your clients, it will save a lot of confusion when they say the password doesn’t work!<\/p>\n <\/p>\n This is the best code style guide<\/a> I’ve come across, read it, follow it, and stick to it!<\/p>\n Don’t use the resize option in Photoshops save for web, especially for PNG’s. Use the standard image resize before getting to the save for web pop-up. You’ll notice a big quality difference!<\/p>\n The “trim” tool in Photoshop is great for cropping a transparent image down to the very smallest dimensions it can be. I suggest saving this to a keyboard shortcut as it’s such a useful tool!<\/p>\n Try and remember to set taborders for inputs, it helps for more granular control over uses flow.\"\"''-<\/code> To use proper punctuation symbols on Mac use the following shortcuts:<\/p>\n
ALT + [ =<\/code> \u201c
\nSpeech Mark Close: ALT + Shift + [ =<\/code> \u201d
\nSingle quote open: ALT + ] =<\/code> \u2018
\nSingle quote close: ALT + Shift + ] =<\/code> \u2019
\nProper em-dash: ALT + Shift + - =<\/code> \u2014<\/p>\n
Cursor Control with Keyboard<\/h2>\n
\nctrl + d – delete
\nctrl + f – forward
\nctrl + a – start of line
\nctrl + e – end of line
\nctrl + k – delete until end<\/p>\nCheck emails and passwords<\/h2>\n
Use placeholders on your inputs!<\/h2>\n
\r\n
<input type=\"text\" placeholder=\"Your example text here!\"><\/code>\r\n<\/pre>\n
Code Style Guide<\/h2>\n
Photoshop Resizing<\/h2>\n
Save Photoshop Crop to shortcut<\/h2>\n
Tab Order \/ Sequence for web forms<\/h2>\n
\nEg:<\/p>\n\r\n
<input type=\"text\" tabindex=\"1\">\r\n<input type=\"text\" tabindex=\"2\"><\/code>\r\n<\/pre>\n
Sites Redesigned<\/h2>\n