{"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

Proper apostrophes and punctuation<\/h2>\n

Use proper punctuations and linguistic symbols. eg: \u201c\u201d\u2018\u2019\u2014 instead of \"\"''-<\/code> To use proper punctuation symbols on Mac use the following shortcuts:<\/p>\n

Speech Marks: 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

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
\nctrl + d – delete
\nctrl + f – forward
\nctrl + a – start of line
\nctrl + e – end of line
\nctrl + k – delete until end<\/p>\n

Check emails and passwords<\/h2>\n

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

Use placeholders on your inputs!<\/h2>\n
\r\n<input type=\"text\" placeholder=\"Your example text here!\"><\/code>\r\n<\/pre>\n

<\/p>\n

Code Style Guide<\/h2>\n

This is the best code style guide<\/a> I’ve come across, read it, follow it, and stick to it!<\/p>\n

Photoshop Resizing<\/h2>\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

Save Photoshop Crop to shortcut<\/h2>\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

Tab Order \/ Sequence for web forms<\/h2>\n

Try and remember to set taborders for inputs, it helps for more granular control over uses flow.
\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

Check out these cool sites<\/a> that have been independently redesigned, some are a lot better than the original!<\/p>\n

Good UI Tips<\/h2>\n

General tips for Good UI \/ UX<\/a><\/p>\n

And don’t forget.<\/h2>\n

Write the code, change the world. \uf8ff<\/h1>\n","protected":false},"excerpt":{"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. Proper apostrophes and punctuation Use proper punctuations and linguistic symbols. eg: \u201c\u201d\u2018\u2019\u2014 instead of “””- To use proper punctuation […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[48],"tags":[],"acf":[],"yoast_head":"\nMay Roundup - guwii<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/guwii.com\/may-roundup\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"May Roundup - guwii\" \/>\n<meta property=\"og:description\" content=\"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. Proper apostrophes and punctuation Use proper punctuations and linguistic symbols. eg: \u201c\u201d\u2018\u2019\u2014 instead of ""''- To use proper punctuation […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/guwii.com\/may-roundup\/\" \/>\n<meta property=\"og:site_name\" content=\"guwii\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/guwii\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/guwii\/\" \/>\n<meta property=\"article:published_time\" content=\"2014-05-31T13:26:38+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-06-20T13:19:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/guwii.com\/wp-content\/uploads\/2018\/06\/guwii-on-light-large.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2000\" \/>\n\t<meta property=\"og:image:height\" content=\"754\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Alex\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@guwiidigital\" \/>\n<meta name=\"twitter:site\" content=\"@guwiidigital\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alex\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/guwii.com\/may-roundup\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/guwii.com\/may-roundup\/\"},\"author\":{\"name\":\"Alex\",\"@id\":\"https:\/\/guwii.com\/#\/schema\/person\/dcddaceaae34a2f09e6fb9a21dc29183\"},\"headline\":\"May Roundup\",\"datePublished\":\"2014-05-31T13:26:38+00:00\",\"dateModified\":\"2018-06-20T13:19:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/guwii.com\/may-roundup\/\"},\"wordCount\":374,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/guwii.com\/#organization\"},\"articleSection\":[\"Monthly Roundup\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/guwii.com\/may-roundup\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/guwii.com\/may-roundup\/\",\"url\":\"https:\/\/guwii.com\/may-roundup\/\",\"name\":\"May Roundup - guwii\",\"isPartOf\":{\"@id\":\"https:\/\/guwii.com\/#website\"},\"datePublished\":\"2014-05-31T13:26:38+00:00\",\"dateModified\":\"2018-06-20T13:19:27+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/guwii.com\/may-roundup\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/guwii.com\/may-roundup\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/guwii.com\/may-roundup\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/guwii.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"May Roundup\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/guwii.com\/#website\",\"url\":\"https:\/\/guwii.com\/\",\"name\":\"guwii\",\"description\":\"A complete digital partner for your business. Design, Development, SEO, IT and Marketing.\",\"publisher\":{\"@id\":\"https:\/\/guwii.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/guwii.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/guwii.com\/#organization\",\"name\":\"guwii\",\"url\":\"https:\/\/guwii.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/guwii.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/guwii.com\/wp-content\/uploads\/2018\/06\/guwii-on-light-large.png\",\"contentUrl\":\"https:\/\/guwii.com\/wp-content\/uploads\/2018\/06\/guwii-on-light-large.png\",\"width\":2000,\"height\":754,\"caption\":\"guwii\"},\"image\":{\"@id\":\"https:\/\/guwii.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/guwii\",\"https:\/\/x.com\/guwiidigital\",\"https:\/\/www.instagram.com\/guwiidigital\/\",\"https:\/\/www.linkedin.com\/company\/guwii\/\",\"https:\/\/www.pinterest.co.uk\/guwiidigital\/\",\"https:\/\/www.youtube.com\/guwii\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/guwii.com\/#\/schema\/person\/dcddaceaae34a2f09e6fb9a21dc29183\",\"name\":\"Alex\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/guwii.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/6d55b9d9169e09016dba7b95759850a4?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/6d55b9d9169e09016dba7b95759850a4?s=96&r=g\",\"caption\":\"Alex\"},\"sameAs\":[\"https:\/\/guwii.com\",\"https:\/\/www.facebook.com\/guwii\/\",\"https:\/\/x.com\/guwiidigital\"],\"url\":\"https:\/\/guwii.com\/author\/guwadmin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"May Roundup - guwii","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/guwii.com\/may-roundup\/","og_locale":"en_US","og_type":"article","og_title":"May Roundup - guwii","og_description":"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. Proper apostrophes and punctuation Use proper punctuations and linguistic symbols. eg: \u201c\u201d\u2018\u2019\u2014 instead of \"\"''- To use proper punctuation […]","og_url":"https:\/\/guwii.com\/may-roundup\/","og_site_name":"guwii","article_publisher":"https:\/\/www.facebook.com\/guwii","article_author":"https:\/\/www.facebook.com\/guwii\/","article_published_time":"2014-05-31T13:26:38+00:00","article_modified_time":"2018-06-20T13:19:27+00:00","og_image":[{"width":2000,"height":754,"url":"https:\/\/guwii.com\/wp-content\/uploads\/2018\/06\/guwii-on-light-large.png","type":"image\/png"}],"author":"Alex","twitter_card":"summary_large_image","twitter_creator":"@guwiidigital","twitter_site":"@guwiidigital","twitter_misc":{"Written by":"Alex","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/guwii.com\/may-roundup\/#article","isPartOf":{"@id":"https:\/\/guwii.com\/may-roundup\/"},"author":{"name":"Alex","@id":"https:\/\/guwii.com\/#\/schema\/person\/dcddaceaae34a2f09e6fb9a21dc29183"},"headline":"May Roundup","datePublished":"2014-05-31T13:26:38+00:00","dateModified":"2018-06-20T13:19:27+00:00","mainEntityOfPage":{"@id":"https:\/\/guwii.com\/may-roundup\/"},"wordCount":374,"commentCount":1,"publisher":{"@id":"https:\/\/guwii.com\/#organization"},"articleSection":["Monthly Roundup"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/guwii.com\/may-roundup\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/guwii.com\/may-roundup\/","url":"https:\/\/guwii.com\/may-roundup\/","name":"May Roundup - guwii","isPartOf":{"@id":"https:\/\/guwii.com\/#website"},"datePublished":"2014-05-31T13:26:38+00:00","dateModified":"2018-06-20T13:19:27+00:00","breadcrumb":{"@id":"https:\/\/guwii.com\/may-roundup\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/guwii.com\/may-roundup\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/guwii.com\/may-roundup\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/guwii.com\/"},{"@type":"ListItem","position":2,"name":"May Roundup"}]},{"@type":"WebSite","@id":"https:\/\/guwii.com\/#website","url":"https:\/\/guwii.com\/","name":"guwii","description":"A complete digital partner for your business. Design, Development, SEO, IT and Marketing.","publisher":{"@id":"https:\/\/guwii.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/guwii.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/guwii.com\/#organization","name":"guwii","url":"https:\/\/guwii.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/guwii.com\/#\/schema\/logo\/image\/","url":"https:\/\/guwii.com\/wp-content\/uploads\/2018\/06\/guwii-on-light-large.png","contentUrl":"https:\/\/guwii.com\/wp-content\/uploads\/2018\/06\/guwii-on-light-large.png","width":2000,"height":754,"caption":"guwii"},"image":{"@id":"https:\/\/guwii.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/guwii","https:\/\/x.com\/guwiidigital","https:\/\/www.instagram.com\/guwiidigital\/","https:\/\/www.linkedin.com\/company\/guwii\/","https:\/\/www.pinterest.co.uk\/guwiidigital\/","https:\/\/www.youtube.com\/guwii"]},{"@type":"Person","@id":"https:\/\/guwii.com\/#\/schema\/person\/dcddaceaae34a2f09e6fb9a21dc29183","name":"Alex","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/guwii.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/6d55b9d9169e09016dba7b95759850a4?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6d55b9d9169e09016dba7b95759850a4?s=96&r=g","caption":"Alex"},"sameAs":["https:\/\/guwii.com","https:\/\/www.facebook.com\/guwii\/","https:\/\/x.com\/guwiidigital"],"url":"https:\/\/guwii.com\/author\/guwadmin\/"}]}},"_links":{"self":[{"href":"https:\/\/guwii.com\/wp-json\/wp\/v2\/posts\/775"}],"collection":[{"href":"https:\/\/guwii.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/guwii.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/guwii.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/guwii.com\/wp-json\/wp\/v2\/comments?post=775"}],"version-history":[{"count":16,"href":"https:\/\/guwii.com\/wp-json\/wp\/v2\/posts\/775\/revisions"}],"predecessor-version":[{"id":1332,"href":"https:\/\/guwii.com\/wp-json\/wp\/v2\/posts\/775\/revisions\/1332"}],"wp:attachment":[{"href":"https:\/\/guwii.com\/wp-json\/wp\/v2\/media?parent=775"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/guwii.com\/wp-json\/wp\/v2\/categories?post=775"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/guwii.com\/wp-json\/wp\/v2\/tags?post=775"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}