<body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d8211560\x26blogName\x3dTech+Tips,+Tricks+%26+Trivia\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dBLUE\x26layoutType\x3dCLASSIC\x26searchRoot\x3dhttp://mvark.blogspot.com/search\x26blogLocale\x3den\x26v\x3d2\x26homepageUrl\x3dhttp://mvark.blogspot.com/\x26vt\x3d-5147029996388199615', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script>

Tech Tips, Tricks & Trivia

by 'Anil' Radhakrishna
An architect's notes, experiments, discoveries and annotated bookmarks.

Search from over a hundred HOW TO articles, Tips and Tricks


Real-life object names used in web development

Having a good visual name makes it easy to describe things among a group rather than providing a long explanation. Several real-life object names & new expressive words have made it to the web development lingo -

Hamburger Menu refers to the three-lined symbol icon on most mobile sites which readers can click to see more content.

Jumbotron is a large-screen television. For web developers using Bootstrap (a popular framework for developing responsive, mobile-first websites), it is the visual component to showcase key content on a site in the upper fold.

A Chevron menu is used in wizard-style applications

Breadcrumbs help users to keep track of their locations within programs or documents. Taking a leaf from the popular fairytale where Hansel and Gretel leave a trail of breadcrumbs, web designers use breadcrumbs or breadcrumb trail as a navigation aid for users.


Throbber is the name for the animated image that you see in most AJAX based websites to indicate progress


A Hero image is a term used in web design for a a large banner image, prominently placed on a web page, generally in the front and center. The hero image is often the first visual a visitor encounters on the site and its purpose is to present an overview of the site's most important content.

Tweet this | Google+ it | Share on FB

« Home | Next »
| Next »
| Next »
| Next »
| Next »
| Next »
| Next »
| Next »
| Next »
| Next »

»

Post a Comment