Search for a command to run...
I work as a Tech Arch Senior Manager at Accenture and am a mother to two wonderful kids who test my patience and inspire me to be curious. I love cooking, reading, and painting.
No comments yet. Be the first to comment.
A Tale of Protocol Quirks, JSON Wrestling, and the Joy of Finding the Bug
In 2018, OpenAI pledged its "primary fiduciary duty is to humanity." Seven years later, the company launches erotic AI companions while families testify in courtrooms about children who never came home. We're conducting the largest unregulated behavi...
Did you know that 68% of organizations now identify data silos as their top operational concern? A 7% increase from 2023, according to a 2024 DATAVERSITY® Trends in Data Management Survey. In today's hyper-personalized business landscape, enterprises...
The Changing Search Paradigm This week, OpenAI introduced shopping capabilities within ChatGPT's search feature, coinciding with Mastercard unveiling Agent Pay, a new payment approach that enables AI agents to securely complete purchases. These devel...
The Reality of AI Hallucinations: Recent Examples Last week, the AI coding assistant tool Cursor encountered a crisis when its front-line AI support bot named “Sam” confidently provided a user with a completely fabricated policy. The user raised a su...
CSS (Cascading Style Sheets) defines the style on how different elements of HTML should get displayed. We could define various style properties to an HTML page such as bold headings, color-coded hyperlinks, text alignments each time we felt necessary for an element. However, we could find some patterns of elements or the same elements used more than once in the website sharing the same style. Selecting these patterns by defining some identifiers or class names or the elements by itself and applying the style only once would eliminate repetition of code and also makes it easy to perform any changes to them.
<html>
<head>
</head>
<body>
<h1 style="color:yellow;">This is a heading</h1>
<p style="color:yellow;">This is a paragraph</p>
</body>
</html>
<html>
<head>
<style>
h1, p {color: yellow;}
</style>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph</p>
</body>
</html>
From this it is clear that the styles applied can be easily identified for any future updates when CSS is applied, moreover, these styles can be separated and placed in another file with an extension .css and linked to the main file. This keeps the code very clean by separating the document layout from its style. This kind of styling is called external style sheets.
The external style sheets can be included in the HTML pages by using the following code: mystyle.css is the name of the Cascading style sheet file, which will contain the styling information - h1,p {color: yellow;}
The external style sheets are advantageous in many ways, say a website is being designed by two designers each had their own CSS files, which can later be composed to be one. They help to manage work and also make work easier when any changes are necessary.
Accessibility means enabling the websites so they are easily accessible by people with disabilities. This is a very important design feature that must be considered when designing websites. Sadly, many websites nowadays are designed with accessibility barriers making them hard to use for some people.
The following technique helps to access some of those sites by enabling the accessibility feature now directly available on a browser. Also, users can apply their own style sheet for any web page so the styling follows their accessibility needs.
Steps to follow are:
3. Check the option Format documents using my style sheet, browse to the location where your style sheet is saved and click ok.
With this option saved in the browser, all the web pages will get displayed using the selected style sheet.
The Firefox browser supports the alternate style sheets as well, by mentioning in the web page for example:
<link href=”default.css” rel=”stylesheet” type=”text/css” title=”Default Style”>
<link href=”fancy.css” rel=”alternate stylesheet” type=”text/css” title=”Fancy”>
<link href=”basic.css” rel=”alternate stylesheet” type=”text/css” title=”Basic”>
The user can select the desired style by clicking the View tab in the menu of the browser and then clicking the style sub-menu provides the different alternate styles being provided by the web page. Based on the user selection, the web page will be rendered.