HTML document, Unicode text, UTF-8 text, with very long lines (901)
1
<!DOCTYPE html>
2
<html lang="en-us" prefix="og: https://ogp.me/ns# article: http://ogp.me/ns/article# profile: https://ogp.me/ns/profile#">
3
<head>
5
6
<meta charset="UTF-8" />
8
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
9
<title>Why inspect-element is useful - S0G</title>
10
<link rel="stylesheet" href="/src/global.css" />
11
<meta property="og:locale" content="en_US" />
12
<meta property="og:site_name" content="Steve0Greatness" />
13
<meta property="og:image" content="/OG-Image.png" />
14
15
<link rel="stylesheet" href="/src/code-blocks.css" />
16
<link rel="stylesheet" href="/src/blog.css" />
17
<link rel="alternate" href="/blog/Why-inspect-element-is-a-useful-tool.txt" type="text/plain" title="Post source" />
18
<meta property="og:title" content="Why inspect-element is useful" />
19
<meta property="og:type" content="article" />
20
<meta property="article:published_time" content="2021-05-17T00:00:00Z" />
21
<meta property="article:author" content"https://steve0greatness.github.io" />
22
23
<meta property="profile:first_name" content="Steve0Greatness" />
24
<meta property="profile:username" content="Steve0Greatness" />
25
<meta property="profile:gender" content="male" />
26
<meta property="og:url" content="https://steve0greatness.github.io/blog/Why-inspect-element-is-a-useful-tool.html" />
27
</head>
29
<body>
31
<header>
32
<h2><a href="/"><img src="/SteveLogo.webp" height="35" width="215" alt="Steve0Greatness" /></a></h2>
33
<nav>
34
<a href="/blog">Blog</a>
35
<a href="/list/link-tree.html">Link Tree</a>
36
</nav>
37
</header>
38
39
<nav aria-label="breadcrumbs" aria-roledescription="Site breadcrumb">
40
<ol class="breadcrumbs">
41
42
<li>
43
<a href="/">Index</a>
44
</li>
45
46
<li >
47
<a
48
49
href="/blog"
50
>Blog Index</a>
51
</li>
52
53
<li >
54
<a
55
aria-current="location"
56
href="/blog/Why-inspect-element-is-a-useful-tool.html"
57
>Why inspect-element is useful</a>
58
</li>
59
60
61
</ol>
62
</nav>
63
<main>
64
<h1>Why inspect-element is useful</h1>
65
<article>
66
<header>
67
<div role="toolbar" class="toolbar">
68
<strong>Share</strong>
69
<a href="https://toot.kytta.dev/?text=Take a look at this article by @S0G@mastodon.social: https://steve0greatness.github.io/blog/Why-inspect-element-is-a-useful-tool.html" title="Share to Mastodon">
70
<img src="/toot-kytta-dev-icon.png" width="16" height="16" aria-hidden="true" title="Share to Mastodon" />
71
</a>
72
<a href="/blog/Why-inspect-element-is-a-useful-tool.html" title="Direct link">
73
<img src="/link-icon.png" width="16" height="16" aria-hidden="true" title="Direct link" />
74
</a>
75
<a href="/blog/Why-inspect-element-is-a-useful-tool.txt" title="Markdown source">
76
<img src="/md-src.png" width="16" height="16" aria-hidden="true" />
77
</a>
78
</div>
79
<div class="time-stamps">
80
<time datetime="2021-05-17T00:00:00-08:00">2021 May 17 PST</time>
81
82
83
</div>
84
</header>
85
<p><div class="notice">This post isn't very good, and I'm not proud of it.</div>So, as of currently, my <a href="https://ocular.jeffalo.net/user/Steve0Greatness">Ocular Status</a> is <span style="font-style: italic; color: #0dbfb7; background-color: #0f0f0f;">Mobile needs a better browser! #MobileSmartBrowser! (Er/Him)</span>. Part of the reason for this is so that inspect can be on mobile.<p>but what makes inspect so important?</p>Well I'm glad I asked!<div>So on GitHub, you only have 2000 actions you can do(on the free plan). So that means you need to use them carefully, make sure that you won't do something that wastes an action.</div>It helps you fix any mistake, before you make anymore. <div>Of course, you can always download the file, and edit it offline. But inspect element is easier, live, and requires less space in your hard-drive.</div>Thanks for coming to my Ted-talk.😜🤪</p>
86
</article>
88
</main>
89
<footer>
90
<div class="footer-link-list-holder" role="group">
91
<span aria-hidden="true" id="footer-label-site-details" class="footer-link-list-label">Site Meta</span>
92
<ol class="footer-link-list" aria-labelledby="footer-label-site-details">
93
<li><a href="/list/website-sources-mirrors.html">Source Code and Mirrors</a></li>
94
<li><a href="https://steve0greatness.github.io/extras">Extras</a></li>
95
</ol>
96
</div>
97
<div class="footer-link-list-holder" role="group">
98
<span aria-hidden="true" id="footer-label-social-accounts" class="footer-link-list-label">Social Accounts</span>
99
<ol class="footer-link-list" aria-labelledby="footer-label-social-accounts">
100
<li><a href="https://mastodon.social/@S0G" rel="me">Mastodon</a></li>
101
<li><a href="https://youtube.com/@s0g">YouTube</a></li>
102
<li><a href="/list/link-tree.html">More...</a></li>
103
</ol>
104
</div>
105
</footer>
106
</body>
107
</html>