html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!--
Resources from
https://www.keycdn.com/blog/web-development-tools
-->
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body>
<div class="marquee">
<p>😁 Follow <a href="https://www.sololearn.com/Profile/7920723/?ref=app">me</a> and <a href="https://www.sololearn.com/Profile/13348676/?ref=app">Varinder Singh</a> to get new usefulllll updates ! 😁</p>
</div>
<button class="collapsible collapsible1">Introduction</button>
<div class="content">
<p>The best and worst thing about being a web developer is that the web is constantly changing. While this is exciting it also means that web developers must always be proactive in learning new techniques or programming languages, adapting to changes, and be willing and eager to accept new challenges. </p>
<p>This could include tasks such as adapting existing frameworks to meet business requirements, testing a website to identify technical problems, or optimizing and scaling a site to better perform with the back-end infrastructure.</p>
<p>A lot of these web development tools below are ones we use at KeyCDN on a daily basis. We can’t include everything, but here are a couple of our favorites and other widely used ones. Hopefully, you find a new tool or resource that will aid you in your development workflow.</p>
</div>
<button class="collapsible">JavaScript Libraries</button>
<div class="content">
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
/* Created by 🇦🇯 and designed by Varinder Singh*/
body {
font-family:Times New Roman;
font-size:15pt;
background-color:lightblue;
}
.marquee {
color: red;
padding: 1px;
font-size: 18px;
font-weight: bold;
text-align: center;
margin-bottom: 10px;
overflow:auto;
overflow-style:marquee,panner;
}
.marquee p {
box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
}
.goog-logo-link {
display:none !important;
}
Enter to Rename, Shift+Enter to Preview
js
js
1
//alert('Rest updating soon !');
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run