HTML Cheat Sheet #1475
HTML Cheat Sheet #1475
Conversation
|
Hey @jsstrn, thanks for your contribution! |
| { | ||
| "id": "html_cheat_sheet", | ||
| "name": "HTML Elements", | ||
| "description": "", |
There was a problem hiding this comment.
You can remove this, or fill it out to describe the cheat sheet
| "Document metadata": [ | ||
| { | ||
| "key": "<head>", | ||
| "val": "The HTML Head Element (<head>) provides general information (metadata) about the document, including its title and links to or definitions of scripts and style sheets" |
There was a problem hiding this comment.
I think this cheat sheet is a little too verbose. Te idea is to get the point across pretty quickly and somewhat bluntly. We can reduce the bulk of text be removing the content that repeats in all of these. i.e. "The HTML X Element () provides"
As well, let's just skip to the important info and be more succint."Provides metadata about the document including title, scripts and stylesheets".
The purpose of the "More at" link is to give the user more details and depth, so they can visit the link if they really want to know things in more detail.
There was a problem hiding this comment.
I see your point. I'll get to work on it. Thank you.
|
Looks really useful! |
- reworded the description of HTML elements to be less verbose - removed some obscure HTML elements
|
Improved this cheat sheet by rewording the element descriptions to make them less verbose. Also removed some elements that are not as widely used. Thanks for the suggestions, guys! It's been a great first experience for me! Woot! More to come! Updated screenshots:
|
|
@jsstrn this LGTM 👍 Thanks a lot for contributing (we really appreciate it 😃). We invite you to stick around and comment/help on other PR's & Issues or even submit an Instant Answer! BTW, for the future, we use 4-space indents :) |
|
@jsstrn congrats! It's live: https://duckduckgo.com/?q=html%20cheat%20sheet&ia=cheatsheet Thanks again for taking the time to contribute! We really appreciate it. Feel free to stick around and comment/help on other PR's, tackle open issues or even submit more Instant Answers! |
What does your Instant Answer do?
It lists the HTML elements.
What is the data source for your Instant Answer? (Provide a link if possible)
HTML element reference from Mozilla Developer Network.
Why did you choose this data source?
I chose this because they listed HTML elements in a logical structure, alphabetized, and separated deprecated elements.
Are there any other alternative (better) data sources?
Others that I've looked at contained deprecated elements or only listed common HTML elements. There's a lot of outdated sources out there.
Which communities will this Instant Answer be especially useful for? (gamers, book lovers, etc)
Web developers. People learning HTML.
Is this Instant Answer connected to a DuckDuckHack Instant Answer idea?
Yes. See here.
Are you having any problems? Do you need our help with anything?
All is well. I'm definitely open to feedback and suggestions for improvement.
Where did you hear about DuckDuckHack? (For first time contributors)
TL;DR: Serendipity.
I've been a long time user of DuckDuckGo and found out about the DuckDuckHack open source projects after reading about its privacy policy and the "Internet bubble effect".
What does the Instant Answer look like? (Provide a screenshot for new or updated Instant Answers)
IA Page: https://duck.co/ia/view/html_cheat_sheet