Posts

Showing posts from May, 2023

Debug CSS (using Microsoft Edge)

Image
The Microsoft Edge browser has powerful debugging capabilities, especially for CSS. Developer Tools There are three ways to access the developer tools: From the Menu Click ... (top right) Click More Tools Click Developer Tools From a Web Page Component Open a web page Right click a component Click Inspect From the Keyboard Press CTRL-SHIFT-I   You can also use F12 to access the same tools if enabled in your browser settings. The debug tools, shown here on the right of the browser can look daunting at first. For this post concentrate on CSS debugging. Other posts will go into more detail about the other options. Select Component If possible us the right click approach as this takes us straight to the CSS for the component we want to debug. If you can't do this you will need to click on the HTML definition pane to drill to the component instead. Viewing Style Rules The CSS pane lets you view the style rules being applied to the highlighted component. By default the rules are app...

Define CSS

CSS - Wikipedia Cascading Style Sheets  ( CSS ) is a  style sheet language  used for describing the  presentation  of a document written in a  markup language  such as  HTML  or  XML .  CSS is a cornerstone technology of the  World Wide Web , alongside HTML and  JavaScript . CSS Tutorial (w3schools.com) CSS is the language we use to style an HTML document. CSS describes how HTML elements should be displayed.

Define Level

 I'll use proficiency level labels on my posts and page paragraphs to define the target audience. The level labels are as follows: Level: Novice - suitable for any level of understanding Level: Apprentice - for people starting out on their journey in a particular field Level: Adept - requires a solid understanding of a field Level: Expert - requires in depth, wide ranging experience of a field Level: Master - requires extensive "under the hood" architectural understanding The first level is for everyone, whether technically minded or not. These articles are designed to provide an overview of a concept, even for people who only need a passing knowledge of the subject. The middle three levels are for people who plan to use a technology or concept on a regular basis. The last level indicates I've reproduced something "straight from the horses mouth" from a subject matter expert, usually someone who works on creating the technological platform or resource themse...

Define Blog

  Blog - Wikipedia A  blog  (a  truncation  of " weblog ") [1]  is an informational  website  published on the  World Wide Web  consisting of discrete, often informal diary-style text entries (posts).