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.

Comments

Post a Comment

Popular posts from this blog

The Mercurial Grok AI Assistant Understands & Speaks Indian Languages

Image
Grok , the AI model developed by Elon Musk's xAI, can understand when you type Indian languages like Hindi, Telugu, Odia or other Indian regional languages using English letters (like when you type 'namaste' instead of 'नमस्ते'), and it can respond by mixing English with those languages. Grok doesn't necessarily need the native script of these languages. It has natural language processing abilities that extend to multiple languages. This is great innovation because many people in India, especially in online communication, use transliteration. Grok can generate responses that combine English words and phrases with words and phrases from the regional language you used in your input. For example, if you ask a question using a mix of English and Telugu transliteration, Grok might respond with a sentence that includes both English and Telugu words. Check these Hindi, Telugu, Odiya samples - Grok, ab Hindi mein Grōk, ippuḍu telugulō Grok, Oḍiā re This way Grok is more...
Read more

Things Near Me – Find & Learn About Landmarks Nearby

Image
Back in 2012, I was planning to build a location-aware app that would tell me about interesting sights & news-worthy facts about places that fall in the way of a train journey. I discovered that Web Dev guru Chris Heilmann ( @codepo8 ) had built a nifty app on a similar theme and shared the JavaScript code under the BSD license.  Things Around You used the browser's geolocation feature to find Wikipedia articles on nearby landmarks via the GeoNames API & list them with a brief description. For a Windows 8 app hackathon, I utilized the Geolocation detection idea to build a little app that I called GeoBuzz & posted it on the Windows 8 App Store. It's been on the back of my mind to extend it with more features. Now that GitHub Copilot is here, there was no need to procrastinate. I had a friendly chat with GitHub Copilot ( Gemini Flash model ). In under an hour, I customized @codepo8's original sample to include a map directly on the web page instead of linking t...
Read more