-
Notifications
You must be signed in to change notification settings - Fork 1
/
more.html
executable file
·235 lines (232 loc) · 16.4 KB
/
more.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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon-16x16.png">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<link rel="manifest" href="/site.webmanifest">
<title>DevDum!</title>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
</head>
<body>
<header>
<div id="header">
<svg version="1.1" id="Capa_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink"
x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;"
xml:space="preserve">
</svg>
</div>
<div id="mobileMenuToggle" title="Menu">Menu</div>
<div id="headerLeft">
<a href="/"><img alt="Home" title="Home" id="menuToggle" src="DevDum copy (1).png" width="190px" /></a>
</div>
<div id="headerRight">
<nav>
<ul>
<li><a id="github" rel="nofollow" href="https://github.com/" target="_blank">GitHub</a></li>
<li><a id="dailydev" rel="nofollow" href="https://app.daily.dev/" target="_blank">DailyDev</a></li>
<li><a id="w3" rel="nofollow" href="https://www.w3schools.com/" target="_blank">W3Schools</a></li>
<li><a id="mdn" rel="nofollow" href="https://developer.mozilla.org/en-US/" target="_blank">MDN WebDocs</a></li>
<li><a id="stack" rel="nofollow" href="https://stackoverflow.com/" target="_blank">StackOverflow</a></li>
</ul>
</nav>
</div>
</header>
<div id="wrapall">
<div id="sidebar">
<div id="stickThis">
<div id="sidebarContent">
<!-- <div id="logo"><imd </h1>
<h4>Less Searching. More Learning.</h4> -->
<aside>
<div><a id="color1" href="html.html"><img alt="HTML" title="HTML"
src="icons/output-onlineimagetools-html.png" /></a></div>
<div><a id="color2" href="style.html"><img alt="CSS" title="CSS"
src="icons/output-onlineimagetools-css.png" /></a></div>
<div><a id="color3" href="javascript.html"><img alt="JavaScript" title="Javascript"
src="icons/output-onlineimagetools-js.png" width="53px" /></a></div>
<div><a id="color4" href="bootstrap.html"><img alt="Bootstrap" title="Bootstrap"
src="icons/output-onlineimagetools-bootstrap.png" /></a></div>
<div><a id="color5" href="react.html"><img alt="React" title="React"
src="icons/output-onlineimagetools-react.png" /></a></div>
<div><a id="color6" href="nodejs.html"><img alt="Node" title="Node"
src="icons/output-onlineimagetools-nodejs.png" width="50px" /></a></div>
<div><a id="color7" href="api.html"><img alt="API" title="API"
src="icons/output-onlineimagetools-api.png" /></a></div>
<div><a id="color8" href="mysql.html"><img alt="SQL" title="SQL"
src="icons/output-onlineimagetools-sql.png" /></a></div>
<div><a id="color9" href="github.html"><img alt="GitHub" title="GitHub"
src="icons/output-onlineimagetools-github.png" /></a></div>
<div><a id="color10" href="youtube.html"><img alt="YouTube" title="YouTube"
src="icons/output-onlineimagetools-youtube.png" /></a></div>
<div><a id="color11" href="more.html"><img alt="More" title="More"
src="icons/output-onlineimagetools-more.png" width="48px" /></a></div>
<a class="back2Top" href="#"><code>⮝ Back to Top ⮝</code></a>
</aside>
</div>
</div>
<div id="stick-here"></div>
</div>
<div id="main">
<section id="page">
<main>
<article id="yellow">
<h1 class="display-2">MORE<span class="vim-caret"><img alt="more" title="more" src="icons/output-onlineimagetools-more.png"" width="68px"/></span></h1>
<h4><strong>Code with confidence! Discover more useful tools and resources for web development
below. Check back periodically for updates and additions to DevDum!</strong></h4>
<input type="text" id="myInput" onkeyup="myFunction()" placeholder="Search for resources..." title="Type in a name">
</article>
<ul id="myUL">
<article id="more">
<h3 id="title">Coding Courses</h3>
<ul>
<li><a id="list" href="https://www.freecodecamp.org/" target="_blank">Free Code Camp | Learn to Code for free.</a></li>
<li><a id="list" href="https://www.codecademy.com/" target="_blank"> Code Academy | Free & Payed Courses</a></li>
<li><a id="list" href="https://dash.generalassemb.ly/" target="_blank"> General Assembly | Learn to code Awesome Websites</a></li>
<li><a id="list" href="https://www.udemy.com/" target="_blank"> Udemy | Choose from 183,000 online video courses</a></li>
<li><a id="list" href="https://www.coursera.org/" target="_blank">Coursera | Unlimited access to 7,000+ world-class courses</a></li>
<li><a id="list" href="https://alison.com/" target="_blank"> Alison | Free Online Courses With Certificates & Diplomas</a></li>
</ul>
</article>
<article id="more">
<h3 id="title">Coding Challenges & Games</h3>
<ul>
<li><a id="list" href="https://scratch.mit.edu/" target="_blank">Scratch | Free programming language and online community</a></li>
<li><a id="list" href="https://geddski.teachable.com/p/flexbox-zombies" target="_blank"> FlexBox Zombies | Educational CSS game</a></li>
<li><a id="list" href="https://codepip.com/" target="_blank"> CodePip| Platform for your favorite web development games.</a></li>
<li><a id="list" href="https://www.codewars.com/" target="_blank">CodeWars | Challenge yourself on kata, small coding exercises</a></li>
<li><a id="list" href="https://www.hackerrank.com/" target="_blank">HackerRank | Practice coding skills and prepare for interviews</a></li>
<li><a id="list" href="https://codesignal.com/" target="_blank">CodeSignal | Practice techical interview assessments and solutions</a></li>
</ul>
</article>
<article id="more">
<h3 id="title">Job Search & Interview Prep</h3>
<ul>
<li><a id="list" href="https://www.frontendinterviewhandbook.com/html-questions/" target="_blank">Front-end Development Interview Questions</a></li>
<li><a id="list" href="http://flowerszhong.github.io/" target="_blank">Helpful front-end related questions</a></li>
<li><a id="list" href="https://www.youtube.com/watch?v=i8ddXRQh2_k&list=PLTTC1K14KAxHgsDikygznrGlyvT5f5ca6" target="_blank">Youtube Playlist | Technical Interview Questions</a></li>
<li><a id="list"href="https://www.interviewbit.com/" target="_blank">Interview Bit | Everything you need to crack your Next Tech Interview</a></li>
<li><a id="list"href="https://weworkremotely.com/" target="_blank">WeWorkRemotely | Large remote work community in the world</a></li>
<li><a id="list"href="https://stackoverflow.com/jobs" target="_blank">StackOverflow Jobs | Developers first job listings</a></li>
<li><a id="list"href="https://www.upload-cv.com/" target="_blank">UploadCV | Algorithm will match your CV to daily job offers</a></li>
</ul>
</article>
<article id="more">
<h3 id="title">Icons, Images, & Fonts</h3>
<ul>
<li><a id="list" href="https://favicon.io/" target="_blank">Favicon.io | Turn any image into a Faviconfor your website</a></li>
<li><a id="list" href="https://iconduck.com/" target="_blank"> IconDuck| free open source icons & illustrations</a></li>
<li><a id="list" href="https://fontawesome.com/" target="_blank"> Font Awesome | Icon Library & ToolKit</a></li>
<li><a id="list" href="https://boxicons.com/" target="_blank">Boxicon | Open Source Icons for Desiners & Web Developers</a></li>
<li><a id="list" href="https://icons8.com/" target="_blank">Icons8 | Icons, Images, & Design Tool videos and music</a></li>
<li><a id="list" href="https://unsplash.com/" target="_blank">Unsplash | Free usable images & high resolution photos</a></li>
<li><a id="list" href="https://pixabay.com/" target="_blank">Pixabay | Free high quality stock images, videos and music</a></li>
<li><a id="list" href="https://www.pexels.com/">Pexels| Stock photos, royalty free images</a></li>
</ul>
</article>
<article id="more">
<h3 id="title">Design & Graphics</h3>
<ul>
<li><a id="list" href="https://gradienta.io/" target="_blank">Gradienta | Open Source Mulitcolor Gradients</a></li>
<li><a id="list" href="https://webgradients.com/" target="_blank">Web Gradients | Free collection of linear gradients</a></li>
<li><a id="list" href="https://palettte.app/" target="_blank"> Palette.App | The definite palette editing and remapping tool</a></li>
<li><a id="list" href="https://color.hailpixel.com/" target="_blank">Colordot | The perfect color picker for iOS</a></li>
<li><a id="list" href="https://undraw.co/illustrations" target="_blank">unDraw | Open source illustrations for any idea.</a></li>
<li><a id="list" href="https://tinypng.com/" target="_blankc">TinyPNG | Image Optimizer & Compressor Tool</a></li>
<li><a id="list" href="https://www.smashingmagazine.com/2021/03/css-generators/" target="_blankc">CSS Generators | shadows, curves, triangles, type scales.</a></li>
</ul>
</article>
<article id="more">
<h3 id="title">DevTools & Utilities</h3>
<ul>
<li><a id="list" href="https://jsfiddle.net/" target="_blank">JSFiddle | Code Editor & Playground</a></li>
<li><a id="list" href="https://smalldev.tools/" target="_blank">SmallDevTools | 20+ tools that developers love. </a></li>
<li><a id="list" href="https://onlineimagetools.com/" target="_blank">Image Tools | Collection of image utilities</a></li>
<li><a id="list" href="https://www.tablesgenerator.com/" target="_blank">Tables Generator | HTML,Text, Markdown</a></li>
<li><a id="list" href="https://travistidwell.com/jsencrypt/demo/" target="_blank">RSA Key Generator | Generate Private and Public API keys.</a></li>
<li><a id="list" href="https://www.convertcsv.com/json-to-csv.htm" target="_blank">JSON Converter| Convert JSON into CSV or Excel.</a></li>
<li><a id="list" href="https://workspace.google.com/marketplace/app/api_connector/95804724197" target="_blank">API Connector for Google Sheets.</a></li>
<li><a id="list"href="https://www.shorturl.at/" target="_blank">URL Shortener | ShortURL is a url shortener to reduce a long link.</a></li>
<li><a id="list" href="https://shields.io/category/build/li>" target="_blank">Shields.io | Informational images and badges for GitHub</a></li>
</ul>
</article>
<article id="more">
<h3 id="title">News, Blogs, & Forums</h3>
<ul>
<li><a id="list" href="https://www.devidiot.com/" target="_blank">DevIdiot.com | Developer news & Resources</a></li>
<li><a id="list" href="https://discord.com/" target="_blank">Discord | Topic based channels for collaboration</a></li>
<li><a id="list" ref="devdum" href="https://hashnode.com/" target="_blank">Hashnode | Developers Blog</a></li>
<li><a id="list" href="https://dev.to/" target="_blank">DevCommunity | Coder Community & Blog site</a></li>
<li><a id="list" href="https://devdojo.com/" target="_blank">DevDojo| Dev Community & Video Platform</a></li>
<li><a id="list" href="https://medium.com/" target="_blank">Medium | Open platform for any topic</a></li>
<li><a id="list"href="https://daily.dev/" target="_blank">Daily.dev | All Developer News in one place</a></li>
<li><a id="list"href="https://www.smashingmagazine.com/" target="_blank">Smashing Magazine| Articles for web designers and developers</a></li>
</ul>
</article>
<article id="more">
<h3 id="title">Apps & Extensions</h3>
<ul>
<li><a id="list" href="https://visualstudio.microsoft.com/downloads/" target="_blank">Visual Studio Code | Source Code Editor</a></li>
<li><a id="list" href="https://chrispederick.com/work/web-developer/"> Web Developer | Dev Tools Extension</a></li>
<li><a id="list" href="https://responsively.app/">Responsively | Develop Responsive Web Apps</a></li>
<li><a id="list" href="https://www.whatruns.com/?source=plugin/">What Runs Browser Extension | Disover what runs a website</a></li>
<li><a id="list" href="https://larder.io/"> Larder | Bookmarking Tool for Web Developers </a></li>
<li><a id="list" href="https://www.tryhoverify.com/">Hoverfly | Tools to improve your web development experience </a></li>
<li><a id="list" href="https://devtoys.app/">DevToys.app | A Swiss Army Knife for Developers</a></li>
<li><a id="list" href="https://toastlog.com/" target="_blank">ToastLog | See errors, warnings, as they happen on your site</a></li>
<li><a id="list" href="https://chrome.google.com/webstore/detail/colorpick-eyedropper/ohcpnigalekghcmgcdcenkpelffpdolg">Color Picker Extension | Eyedropper & color chooser tool </a></li>
<li><a id="list" href="https://www.tabnine.com/welcome" target="_blank">Tabnine Extension | Code Completion AI Model </a></li>
</ul>
</article>
<article id="more">
<h3 id="title">Discover Products</h3>
<ul>
<li><a id="list" href="https://www.producthunt.com/" target="_blank">Product Hunt | Curation of best new products.</a></li>
<li><a id="list" href="https://console.dev/tools/" target="_blank">Console.dev | Developer Tools Reviews</a></li>
<li><a id="list" href="https://whatdevsneed.com/" target="_blank">WhatDevsNeed | Discover developer tools to boost your workflow</a></li>
<li><a id="list" href="https://kicksaas.cool/" target="_blank">KickSaas | Cool SaaS Apps, Websites, and Resources</a></li>
<li><a id="list" href="https://www.libhunt.com/" target="_blank">Libhunt | Discover trending open-source projects</a></li>
<li><a id="list" href="https://www.opensourcealternative.to/" target="_blank">OpenSourceAlternativeTo | Open Source Alternatives for Software.</a></li>
<li><a id="list" href="https://alternativeto.net/" target="_blank">AlernativeTo | Reviews on Software Products</a></li>
</ul>
</article>
</ul>
</main>
<footer>
<p>2022©DevDum! Code Smarter. Not Harder.<a rel="nofollow" href="https://github.com/rdevans87/DevDum" target="_blank" rel="nofollow">Hosted on GitHub!</a></p>
<a href="https://www.buymeacoffee.com/ryanevans" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" style="height: 42px !important;width: 180px !important;"></a>
<a href="https://www.producthunt.com/posts/devdum-code-smarter-not-harder?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-devdum-code-smarter-not-harder" target="_blank"><img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=343032&theme=light"
alt="DevDum! Code Smarter. Not Harder. - 200+ Resources for web developers. It's a no brainer! | Product Hunt" style="width: 200px; height: 43px;" width="250" height="54" /></a>
</footer>
</section>
</div>
</div>
</body>
<script>
function myFunction() {
var input, filter, ul, li, a, i, txtValue;
input = document.getElementById("myInput");
filter = input.value.toUpperCase();
ul = document.getElementById("myUL");
article = ul.getElementsByTagName("article");
for (i = 0; i < article.length; i++) {
a = article[i].getElementsByTagName("a")[0];
txtValue = a.textContent || a.innerText;
if (txtValue.toUpperCase().indexOf(filter) > -1) {
article[i].style.display = "";
} else {
article[i].style.display = "none";
}
}
}
</script>
</html>