Web Developers

10/01/2025

The best search IDE ever, it finds almost everything !! If you are not happy with visual code or eclipse search, you can install sublime text, just for searching.

Available on Mac, Windows and Linux

19/11/2024

In html if you have a link / anchor () and a target =_blank that opens another website, always use rel="noopener". It is a security risk !!

In the world of web development, HTML links are the backbone of navigating between web pages. However, even these fundamental elements can carry security

12/09/2024

During testing, we put a lot of focus on validation, but how about verification ? Together they form the corner stone for success in any IT project !!

24/08/2024

Typical life in a day after intensive bug findings !!

16/01/2024

Just like pokemon trainer Ash Ketchum, you can train next gen humanoid Optimus 2. Look at the job description. What an awesome world we are entering!!



https://www.tesla.com/careers/search/job/data-collection-operator-tesla-bot-213088

21/03/2023

Use focus-visible instead of focus psudo code in css. It lets the browser improve user experience and handles cross-browser hassles for you.

Read more

Browsers, by default, do a great job to determine if an element should indicate focus. The CSS :focus and :focus-visible pseudo-classes allow us to customise the look of a focus indicator. Do you know the difference between them?

14/12/2021

When designing a website remember to keep the column width to max 80 characters or less 🐱‍👤. An easy way to do this is using max-width: 70em. 😎 It is stressful for users to read a page when content width is very wide. 🤦‍♀️

Tutorials home » Page Structure » Current: Styling Styling Status: This is an in-progress, unapproved draft. Visual clarity Web pages with many components can distract from the main content or purpose of the page, which is especially useful for users that can’t concentrate very well. The main co...

10/12/2021

Lets win the css battle with specificity !!

https://css-tricks.com/specifics-on-css-specificity/
https://www.w3schools.com/css/css_combinators.asp

Let’s specifically cover this subject. (rimshot!) The best way to explain it is to start with an example of where specificity gets confusing and perhaps doesn’t behave like you would ex…

06/12/2021

Using correct HTML semantics is a part of our ethical responsibility. Lets make the web a better place .

1. https://www.w3schools.com/html/html_layout.asp
2. https://www.w3schools.com/html/html5_semantic_elements.asp

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

06/12/2021

'lang' for language, do not forget to add html lang attribute in your code.

Welcome, all we will see lang attribute in HTML in Hindi and Why lang attribute is so important to include in HTML. Why should I use the language attribute i...

04/09/2021

Safely distinguish between null, nil, empty and undefined with code example that you can copy into your project to make life easier.


https://monir-khan-developer.medium.com/safely-identify-null-nil-undefined-and-empty-in-javascript-86f8f42023d8

21/07/2021

If you are builing a website, anything clickable must be 38 px in hight, buttons, anchor, meny, list radio buttons, checkbox, accordions etc.. Otherwise it will not pass accesibility test and not good for users.

Reasons why size matters