Skip to content

Commit 7e25c33

Browse files
gitdagraygitdagray
committed
first commit
0 parents  commit 7e25c33

File tree

4 files changed

+132
-0
lines changed

4 files changed

+132
-0
lines changed

‎.gitignore

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
01_lesson
2+
02_lesson

‎02_lesson_starter/css/style.css

Whitespace-only changes.

‎02_lesson_starter/index.html

Lines changed: 51 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,51 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8+
<title>CSS Selectors</title>
9+
<link rel="stylesheet" href="css/style.css">
10+
</head>
11+
12+
<body>
13+
<header>
14+
<h1>CSS Selectors</h1>
15+
</header>
16+
<main>
17+
<article>
18+
<h2>Article 1</h2>
19+
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Numquam cumque voluptatum tempore officiis
20+
deserunt
21+
officia, molestias tenetur tempora. Numquam assumenda eligendi ipsam ut quibusdam ex autem placeat
22+
deleniti
23+
hic optio?</p>
24+
</article>
25+
<article>
26+
<h2>Article 2</h2>
27+
<p id="second" class="gray">Iste, possimus, delectus blanditiis, in dolores voluptatem culpa officia quae
28+
eius
29+
consequatur
30+
suscipit optio
31+
cum hic. Architecto ipsum rem accusamus! Quaerat repellendus <span class="highlight">nihil</span>
32+
ratione tenetur voluptas
33+
veritatis,
34+
sunt
35+
nesciunt rem.</p>
36+
</article>
37+
<article>
38+
<h2>Article 3</h2>
39+
<p class="gray">Iste, possimus, delectus blanditiis, in dolores voluptatem culpa officia quae eius
40+
consequatur
41+
suscipit optio
42+
cum hic. Architecto <span class="highlight">ipsum</span> rem accusamus! Quaerat repellendus nihil
43+
ratione tenetur voluptas
44+
veritatis,
45+
sunt
46+
nesciunt rem.</p>
47+
</article>
48+
</main>
49+
</body>
50+
51+
</html>

‎README.md

Lines changed: 79 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,79 @@
1+
# "CSS for Beginners"
2+
3+
### Full Course - ?? Chapters
4+
5+
---
6+
7+
### Author Links
8+
9+
👋 Hello, I'm Dave Gray.
10+
11+
✅ [Check out my YouTube Channel with all of my tutorials](https://www.youtube.com/DaveGrayTeachesCode).
12+
13+
🚩 [Subscribe to my channel](https://bit.ly/3nGHmNn)
14+
15+
☕ [Buy Me A Coffee](https://buymeacoffee.com/DaveGray)
16+
17+
🚀 Follow Me:
18+
19+
- [Twitter](https://twitter.com/yesdavidgray)
20+
- [LinkedIn](https://www.linkedin.com/in/davidagray/)
21+
- [Blog](https://yesdavidgray.com)
22+
- [Reddit](https://www.reddit.com/user/DaveOnEleven)
23+
24+
---
25+
26+
### Description
27+
28+
📺 [YouTube Playlist](https://www.youtube.com/playlist?list=PL0Zuz27SZ-6Mx9fd9elt80G1bPcySmWit) for this repository.
29+
30+
🚀 This repository shares ALL of the resources referenced during the CSS tutorial series.
31+
32+
---
33+
34+
### 🎓 Academic Honesty
35+
36+
**DO NOT COPY FOR AN ASSIGNMENT** - Avoid plagiargism and adhere to the spirit of this [Academic Honesty Policy](https://www.freecodecamp.org/news/academic-honesty-policy/).
37+
38+
---
39+
40+
### ⚙ Free Web Dev Tools
41+
42+
- 🔗 [Google Chrome Web Browser](https://google.com/chrome/)
43+
- 🔗 [Visual Studio Code (aka VS Code)](https://code.visualstudio.com/)
44+
- 🔗 [Live Server VS Code Extension](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer)
45+
- 🔗 [vscode-icons VS Code Extension](https://marketplace.visualstudio.com/items?itemName=vscode-icons-team.vscode-icons)
46+
- 🔗 [Github Themes VS Code Extension](https://marketplace.visualstudio.com/items?itemName=GitHub.github-vscode-theme)
47+
- 🔗 [W3C CSS Validator](https://jigsaw.w3.org/css-validator/)
48+
49+
50+
### 📚 References
51+
52+
- 🔗 [MDN: CSS](https://developer.mozilla.org/en-US/docs/Web/CSS)
53+
- 🔗 [MDN: CSS Basics](https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/CSS_basics)
54+
55+
56+
### 🖼️ Image Resources:
57+
- Placeholder Image Generators:
58+
- 🔗 [21 of the Best](https://loremipsum.io/21-of-the-best-placeholder-image-generators/)
59+
- Sites with Freely-Usable Images:
60+
- 🔗 [Unsplash.com](https://unsplash.com/)
61+
- 🔗 [Pexels.com](https://www.pexels.com/)
62+
- 🔗 [Gratisography.com](https://gratisography.com/)
63+
- 🔗 [Pixabay.com](https://pixabay.com/)
64+
- Image Editing / Resizing Software:
65+
- 🔗 For Windows: [Irfanview](https://www.irfanview.com/)
66+
- 🔗 As a Service: [Canva.com](https://www.canva.com/)
67+
- 🔗 [Suggestions for Macs](https://www.cleverfiles.com/howto/top-5-photo-editing-apps-mac.html)
68+
- Full Featured Editor for Windows/Mac/Linux:
69+
- 🔗 [Gimp](https://www.gimp.org/)
70+
- Image Compression (shrink file size):
71+
- 🔗 [TinyPNG](https://tinypng.com/)
72+
73+
---
74+
75+
### 💻 Source Code
76+
77+
- 🔗 [Chapter 2 Starter Code]()
78+
79+

0 commit comments

Comments
 (0)