Web Development Resources

I had images downloaded on my Mac and I thought that only upgrading to pro :sweat_smile: could be uploaded to codepen.But at least,I familiarised with codepen and passed the tests.
Have a great time in weekend.

3 Likes

HTML: The Living Standard

This is the HTML specification:

The Living Standard

And this is the Edition for Web Developers:

The Living Standard - Edition for Web Developers

Enjoy!

4 Likes

W3C Markup Validation Service:

W3C HTML Checker

It can validate by:

  • URI
  • File
  • Direct input

Regards

3 Likes

I tried it and they work. Amazing!

2 Likes

I put together some flashcards that are specific to the course we’re taking. I’ll try to make a set for each course.

https://ankiweb.net/shared/info/500259121

They’re a work in progress, so edit recommendations welcome in replies!

Hope people find them helpful.

9 Likes

Though I’m not sure the bootcamp will cover JS, this site is super cool, filled w ideas for personal projects: https://all-js.netlify.app/

And the coolest is that the author states that it’s the result of his learning process, his practice to become a better dev, so inspiring!

6 Likes

I really enjoy using Frontend Mentor as resource for projects to practice my HTML & CSS skills. They have a ton of free projects and an active community that can help you if you run into any issues.

Once you learn JavaScript, they also have more advanced challenges where you can practice building even more interactive websites.

7 Likes

That is excellent, something I have been looking for.
Great find.
Thanks.

3 Likes

Where can we find the “Developer’s Spec” Bruce referred to in his presentation?

2 Likes

From another post: HTML Standard, Edition for Web Developers

3 Likes

I was having trouble with HTML forms - in particular how [for], [id] and [name] were performing different roles and interacting. This 30-minute video helped me a lot:

7 Likes

Good online book to learn to make responsive website.
https://learn.shayhowe.com/html-css/

5 Likes

Hi There, during the session today, there was a moment we discussed licenses, and someone posted this website https://tldrlegal.com/ “Software Licenses in Plain English,” and I thought it but be useful to post it here. =)

5 Likes

Even though it is kind of a broken website now, I recommend checking out CSS Zen Garden. Just to see how the same structure can be styled in different ways. They also have a book which I own.

http://www.csszengarden.com/

I also mentioned in another thread Can I Use which shows what features are supported by which browsers. Really important when you are doing web development!

https://caniuse.com/

5 Likes

Putting this here are on behalf of @Starii

4 Likes

Github cheat sheet https://education.github.com/git-cheat-sheet-education.pdf

7 Likes

Thank you. Great info to have.

1 Like

Here’s set #2 of cards for the certificate. These cover the Basic CSS course:

https://ankiweb.net/shared/info/1390788892

3 Likes

border radius are easily but if you want really fancy use this tool : Fancy Border Radius Generator
from my experience you might even need transform or other css properties for you achieve what you need.

2 Likes

Two resources I’ve recently discovered that are really useful if you’re struggling with your html tags:

1 Like