CodeNewbie Community 🌱

Discussion on: #CNC2021 "Write More" Mission 2 [pt. I] Submission Thread

Collapse
 
lyqht profile image
Estee Tey • Edited

Hello Khloe! Just read through it and here's my feedback:

  • I like your introduction to the "Mobile First" concept by bringing up the problem that most tutorials are focused on teaching web dev code meant for display on the desktop.
  • Also perhaps, you may also wanna change the header of "Introduction" a little bit, because as a reader when I first saw that header together with your title of "Styling a Mobile Navigation Bar", I was expecting a introduction more specifically on Navigation Bars in the mobile context rather than the comparison of tutorials for desktop vs mobile display (it is still a good attempt for relating to your target audience :D).
  • Personally I find this paragraph here very hard to read because of the use of superscripts that don't actually link to any sources and that there's too many within a short paragraph. It makes me want to skip it altogether.

Enter in the media query²! This is a neat statement³ to add to your CSS code to apply different CSS style code based on the device widthⁿ. Media queries are vital for responsive web designⁿ.

  • The Carbon tool you're using looks pretty cool! :thumbs_up:
  • The Steps as indicated in the headers are great. No confusion there.
  • But your current outline for Step 1 is slightly confusing. Initially you assure the reader that you will walking them through the tutorial with the "normal" view code first i.e. Desktop First in the first paragraph, but next you immediately placed this quote.

A growing trend today is β€œMobile First” Design where you would start coding and designing your website with small devices in mind like phones before larger devices like desktop computers. This can go back to that Statista Research Study of 90% of the population using their phones for internet consumption.

Perhaps an intermediate sentence or explanation is required, it feels abrupt.

  • Finally, remember to change the title of the post when it is more complete πŸ˜„ Good outline thus far! Look far to reading your article when it is done!
Collapse
 
khloeabrown profile image
Khloe Brown

Hello! πŸ‘‹

Thank you for your reply and feedback! I looked over and highlighted your comments and critiques to review my own work.

For the header section, definitely I'll work on a better title name that goes with the content under it πŸ˜„

For my paragraphs with the superscripts, I plan on having some sort of implementation of a glossary for readers to learn about more technical terms I use. Do you think if I include the glossary at the bottom it would be efficient or should I just have the definition or explanation next to the word in the paragraph?

I also will work on transitioning with my quotes, tips and flow of instruction as well.

Thank you again for your feedback, it was very helpful! πŸ€—

Thread Thread
 
lyqht profile image
Estee Tey

I think it will be better if you include definitions directly next to them when you introduce them for less reading fatigue! unless you plan to reveal those definitions one by one through your steps πŸ˜„

you could have at the end a list of resources that will expand more on each of those if you want to.

Glad that my feedback helped!