-
Notifications
You must be signed in to change notification settings - Fork 0
/
13-resources.html
95 lines (78 loc) · 3.69 KB
/
13-resources.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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Useful Websites for HTML Development</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 20px;
background-color: #f4f4f4;
}
p {
max-width: 800px;
margin: 0 auto;
background-color: #fff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
margin-bottom: 20px;
}
</style>
</head>
<body>
<h1>Useful Websites for HTML Development</h1>
<p>
If you're working with HTML, there are several websites that can be immensely helpful. Here are some must-visit sites:
</p>
<p>
<strong>Unsplash:</strong> Unsplash is a fantastic resource for high-quality, royalty-free images that you can use in your HTML projects.
<a href="https://unsplash.com/" target="_blank" rel="noopener noreferrer">Visit Unsplash</a>
</p>
<p>
<strong>W3C Markup Validation Service:</strong> Ensure your HTML code follows the W3C standards and is free of errors with the W3C Markup Validation Service.
<a href="https://validator.w3.org/" target="_blank" rel="noopener noreferrer">W3C Markup Validation Service</a>
</p>
<p>
<strong>Web Developer Browser Extension:</strong> This browser extension provides a suite of tools for web developers, including options for inspecting and manipulating HTML.
<a href="https://chrispederick.com/work/web-developer/" target="_blank" rel="noopener noreferrer">Web Developer Extension</a>
</p>
<p>
<strong>MDN Web Docs:</strong> The Mozilla Developer Network (MDN) provides comprehensive documentation on HTML and other web technologies.
<a href="https://developer.mozilla.org/en-US/docs/Web/HTML" target="_blank" rel="noopener noreferrer">MDN Web Docs</a>
</p>
<p>
<strong>Can I Use:</strong> Check the compatibility of HTML, CSS, and JavaScript features across various browsers.
<a href="https://caniuse.com/" target="_blank" rel="noopener noreferrer">Can I Use</a>
</p>
<p>
<strong>CodePen:</strong> Share, test, and showcase HTML, CSS, and JavaScript code snippets in an interactive environment.
<a href="https://codepen.io/" target="_blank" rel="noopener noreferrer">Visit CodePen</a>
</p>
<p>
<strong>GitHub:</strong> Host and review code, manage projects, and build software alongside millions of other developers.
<a href="https://github.com/" target="_blank" rel="noopener noreferrer">Visit GitHub</a>
</p>
<p>
<strong>Stack Overflow:</strong> Collaborate with a community of developers to get answers to your HTML and coding questions.
<a href="https://stackoverflow.com/" target="_blank" rel="noopener noreferrer">Stack Overflow</a>
</p>
<p>
<strong>Smashing Magazine:</strong> A comprehensive resource for web developers with articles, tutorials, and inspiration.
<a href="https://www.smashingmagazine.com/" target="_blank" rel="noopener noreferrer">Smashing Magazine</a>
</p>
<p>
<strong>Codecademy:</strong> Learn HTML and other coding languages interactively through hands-on exercises.
<a href="https://www.codecademy.com/" target="_blank" rel="noopener noreferrer">Codecademy</a>
</p>
<p>
<strong>Google Developers:</strong> Official documentation and resources for web developers from Google.
<a href="https://developers.google.com/" target="_blank" rel="noopener noreferrer">Google Developers</a>
</p>
<p>
<strong>WebAIM:</strong> The Web Accessibility In Mind organization provides resources for creating accessible web content.
<a href="https://webaim.org/" target="_blank" rel="noopener noreferrer">WebAIM</a>
</p>
</body>
</html>