STRLS Planet - Research & Learning List -1

I started researching a new topic each day towards my learning goal.



Below are the topics learnt from Apr 30 - May 9. (This series will be updated for every 10 days)

1. Why designs impacts Performance 2. How page load impacts page ranking in search engine.
3. How page load time impacts performance. 4. latency vs Bandwidth. 5. How Mobile network effects performance.
6. How Mobile network communication happens.
7. Remember Me feature will have expiry date.
8. External third party apps (js files) should be async. As it decreases page load time time.
9. What is DNS Lookup 10. How does content load from server to webpage
11. Connections between Web page and server. 12. What is SSL Negotiations. 13. Page Weight - How to calculate.
14. Web Accessibility 
15. How to make USA Websites Accessibility Complaince. http://www.3pillarglobal.com/insights/web-accessibility-making-websites-accessible 
16. The U.S. Access Board - Rules
17. Accessibility Web Standards WCAG and Section 508.

Note: You can follow up-to-date conversations on Twitter @srinivasskc - 

Pinned Tweet : Lesson Learnt today

Posted in | Leave a comment

Mobile Navigation Options

While testing mobile apps/website/responsive website - I observed Mobile Navigation Options.

Most of the time, i used to call as "Menus". Until recently,i dint know those are named differently.

Thanks to  Luke Wroblewski for sharing the below details.

1. Hamburger Menu



Ref: Smashing Magazine

2. Kebab Menu





3. Bento Menu



















4. Meatballs Menu








5. Doner Menu








PS: I will update, as i learn more on Mobile Navigations.

Posted in | Leave a comment

Not a Stupid Question 4: Even if i use Internet Explorer 11 - Why does the document mode change to IE 8?

I had a new learning from the question, i had faced earlier.

Even if i use Internet Explorer 11 - Why does the document mode change to IE 8?

Every Web page, starts with head tag in html code.

<html>
   <head>
   <!-- Mimic Internet Explorer 8 -->
      <title>My Web Page</title>
      <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
   </head>
   <body>
      <p>Content goes here.</p>
   </body>
</html>

By default, in the code - the content tag is "IE=EmulateIE8"
This means, even if the higher versions of Internet Explorer is used, 
the web browser forces to use as Internet Explorer 8.

For the web page to work Correctly, Change the content tag to "IE=edge".
 
  • Edge mode tells Internet Explorer to display content in the highest mode available. With Internet Explorer 9, this is equivalent to IE9 mode. If a future release of Internet Explorer supported a higher compatibility mode, pages set to edge mode would appear in the highest mode supported by that version. Those same pages would still appear in IE9 mode when viewed with Internet Explorer 9.
<html>
   <head>
   <!-- Mimic Internet Explorer 8 -->
      <title>My Web Page</title>
      <meta http-equiv="X-UA-Compatible" content="IE=egde" />
   </head>
   <body>
      <p>Content goes here.</p>
   </body>
</html>

Then what is http-equiv="X-UA-Compatible" ?
The X-UA-Compatible meta tag allows web authors to choose what version of Internet Explorer the page should be rendered as. 

Posted in | Leave a comment