CSS tutorials
Nobody has claimed this yet.
Assessment
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Newbie friendliness
- 48/100
- Issue type
- Documentation
- Clarity
- Mostly clear
- Activity status
- Stale
- Tech stack
- css
- Domain
- documentation
Research direction
Locate the CSS tutorial pages and review the sections covering moving CSS into a separate file, margin shorthand, and “Styling our page further.” Update the tutorial so CSS starts in a separate file, shorthand is introduced later or as an optional aside, and the browser reset appears around that section; compare the resulting instructions with the example page.
Written by the indexing model from the issue text.
Description
Hi all!
I've been through the CSS tutorials with a good few people over the last year or so and I've found that a large amount of them fall over at a few specific places:
- Moving the CSS from the head into a separate file
- Using shorthand for margin values
- The lack of a browser 'reset' until the end of the document, causing marked differences between what they're seeing and the example page until that last step
There are a couple of minor issues but these are the main ones that have caused a bit of consternation for students. Would it be possible to:
- Start with the CSS in a separate file
- Not introduce shorthand so blatantly, so early, and instead introduce it as a 'side' or bonus, or something along those lines?
- Introduce the browser reset around the part titled, 'Styling our page further'
What are people's thoughts on this? Is there a better channel for me to have this discussion?
I'm happy to make the changes listed above.
Cheers!
- Dominant language
- JavaScript
- Stars
- 268
- Forks
- 240
- PR merge metrics
- No merged PRs in 30d
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
More from codebar/tutorials
-
Difficulty 1/5 Under an hour Newbie friendliness 75/100
-
Difficulty 3/5 1-2 days Newbie friendliness 62/100
-
Difficulty 2/5 1-3 hours Newbie friendliness 25/100
-
Difficulty 3/5 1-2 days Newbie friendliness 25/100
-
Difficulty 1/5 Under an hour Newbie friendliness 45/100
All issues in codebar/tutorials
Similar issues
-
Difficulty 2/5 1-3 hours Newbie friendliness 75/100
palladius/rails8-app-on-gcp#145 ·
-
Difficulty 2/5 1-3 hours Newbie friendliness 65/100
dotenvx/dotenv-vscode#139 ·
-
test-change-proposal
Difficulty 2/5 1-3 hours Newbie friendliness 65/100
web-platform-tests/interop#1455 ·
-
Difficulty 2/5 1-3 hours Newbie friendliness 75/100
corsairdev/corsair#1764 ·
-
Difficulty 2/5 1-3 hours Newbie friendliness 75/100