Leilukin
/
leilukin-site
mirror of https://github.com/helenclx/leilukin-site.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Update web building resources

This commit is contained in:
Helen Chong 2023-09-08 00:38:36 +08:00
parent 6dcffcbf3c
commit 463359dbaa
1 changed files with 17 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
resources/web-building-resources.html
View File

@ -44,15 +44,25 @@
<p class="center-text">
First published on 8 August 2023<br>
Last updated on 11 August 2023
Last updated on 8 September 2023
</p>
<p>Here is a list of resources for learning or helping you to build your own website, including HTML, CSS, JavaScript, as well as responsive and accessible web design.</p>
</section>
<section class="content-section">
<h2>General</h2>
<ul class="article-list">
<li><a href="https://neocities.org/tutorials" target="blank">Neocities - Tutorials</a></li>
<li><a href="https://www.w3schools.com/" target="blank">W3Schools Online Web Tutorials</a></li>
<li><a href="https://developer.mozilla.org/" target="blank">MDN Web Docs</a></li>
</ul>
</section>
<section class="content-section">
<h2>Learn HTML & CSS</h2>
<ul>
<ul class="article-list">
<li><a href="https://neocities.org/tutorial/html/1" target="blank">The Neocities HTML Course</a></li>
<li><a href="https://web.dev/learn/html/" target="_blank">web.dev: Learn HTML!</a></li>
<li><a href="https://web.dev/learn/css/" target="_blank">web.dev: Learn CSS!</a></li>
<li><a href="https://internetingishard.netlify.app/html-and-css/index.html" target="_blank">Interneting Is Hard: HTML & CSS is hard</a></li>
@ -61,7 +71,7 @@
<section class="content-section">
<h2>Learn Responsive Web Design</h2>
<ul>
<ul class="article-list">
<li><a href="https://courses.kevinpowell.co/conquering-responsive-layouts" target="_blank">Kevin Powell: Conquering Responsive Layouts</a></li>
<li><a href="https://web.dev/learn/design/" target="_blank">web.dev: Learn Responsive Design!</a></li>
<li><a href="https://internetingishard.netlify.app/html-and-css/responsive-design/index.html" target="_blank">Interneting Is Hard: Responsive Design</a></li>
@ -81,7 +91,7 @@
<section class="content-section">
<h2>Learn JavaScript</h2>
<ul>
<ul class="article-list">
<li><a href="https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures" target="_blank">freeCodeCamp: JavaScript Algorithms and Data Structures</a></li>
<li><a href="https://www.youtube.com/watch?v=BI1o2H9z9fo" target="_blank">Traversy Media YouTube: Modern JavaScript From The Beginning</a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/Learn/JavaScript" target="_blank">MDN: JavaScript - Dynamic client-side scripting</a></li>
@ -93,7 +103,7 @@
<section class="content-section">
<h2>Web Accessibility</h2>
<ul>
<ul class="article-list">
<li><a href="https://web.dev/learn/accessibility/" target="_blank">web.dev: Learn Accessibility!</a></li>
<li><a href="https://www.udacity.com/course/web-accessibility--ud891" target="_blank">Udacity: Web Accessibility</a></li>
<li><a href="https://www.edx.org/learn/computer-programming/the-world-wide-web-consortium-w3c-web-accessibility-introduction" target="_blank">edX: The World Wide Web Consortium (W3C) - Introduction to Web Accessibility</a></li>
@ -109,7 +119,7 @@
<section class="content-section">
<h2>Code Snippets</h2>
<ul>
<ul class="article-list">
<li><a href="https://codepen.io/" target="_blank">CodePen</a></li>
<li><a href="https://sadgrl.online/learn/sections/snippets" target="_blank">Sadgrl's HTML and CSS snippets</a></li>
</ul>
@ -117,7 +127,7 @@
<section class="content-section">
<h2>Neocities Resources</h2>
<ul>
<ul class="article-list">
<li><a href="https://hekate2.github.io/buttonmaker/" target="_blank">hekate2's 88x31 Web Button Maker</a></li>
<li><a href="https://virtualobserver.moe/ayano/comment-widget" target="_blank">Ayano's Neocities comment widget</a></li>
</ul>