FreeCodeCamp/HelpFrontEnd

Get help on our Front End Development projects.

rafaelmonroy

@rafaelmonroy

I want to print out 1 & 2 { "a": 1, "b": 2 } what type of loop?

Markus Kiili

@Masd925

var obj = { "a": 1, "b": 2 };

var keys = Object.keys(obj); // [ 'a', 'b' ]
for (var i=0; i<keys.length; i++) {
  console.log(obj[keys[i]]);
} // prints 1 and 2

@rafaelmonroy

rafaelmonroy

@rafaelmonroy

@Masd925 cool thanks man !

CamperBot

@camperbot

rafaelmonroy sends brownie points to @masd925 :sparkles: :thumbsup: :sparkles:

:star2: 4508 | @masd925 |http://www.freecodecamp.com/masd925

Markus Kiili

@Masd925

@rafaelmonroy Functional way:

Object.keys(obj).forEach(function(key){console.log(obj[key]);});

Jake

@JakeDVirus

can anyone fill me in with the information about the importance of maintaing document outline. what is the advantages and disadvantages of maintaining and not mainting a document outline structure respectively?

heroiczero

@heroiczero

@NeelDVirus if you wondering about document outline of a HTML document, the markup elements such as <h1> and<form> help identify the different items in the website. Otherwise, it would just be a wall of text.

Markus Kiili

@Masd925

@NeelDVirus Do you mean using the html5 semantic elements properly?

Jake

@JakeDVirus

@heroiczero yeah i know that. that context come in semantic. isn't it? what if i have the document well organised semantically but document outline is not perfect or in a right heirarchy.

@Masd925 no no i din't mean html5 semantic context. i mean html5 document outline context.

heroiczero

@heroiczero

@NeelDVirus are you talking about https://css-tricks.com/document-outline-dilemma/ ? I read it a while back maybe might help you

Jake

@JakeDVirus

This message was deleted

@heroiczero @Masd925 like previously in html4 <h1><h2><h3><h4><h5> and <h6> created the document outline. But in the html5 <aside> <article> <section> and <nav> create the document outline as specified. But because of some issue (i think implemention in every single browser or may be something else) it is advised to prefer a way in which both rules are followed. well i covered all this but i cant figure out one thing.
my point of the question is that why it is necessay to concern document outline? any benifits or drawback?

@heroiczero yeah exactly i was talking about that context

i am concern with "why to concern document outline"

heroiczero

@heroiczero

@NeelDVirus That is debatable and there is no clear cut answer. It is a language, and like all language :"HTML is defined by the people who write it and by the web browsers that interpret it."

Jake

@JakeDVirus

@heroiczero yeah yeah that is true. but what things let it to even get established/exist in the first place. like semantic elements are used in assisting technology.. whats is the objective of document outline?

Markus Kiili

@Masd925

@NeelDVirus https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_HTML_sections_and_outlines Seems that some programs use document outline to show the document structure to the users, but the algorithm is not known/standardized.

heroiczero

@heroiczero

@NeelDVirus Outlines describe the visual layout of a page, like an <article> can be a news article.

LydaTech

@lydatech

@heroiczero Thats not correct

Jake

@JakeDVirus

@Masd925 yeah i know some program use document outline to show the document outline created. my question was different. okay one simple question to put forward which is of the root concern. does document outline affects SEO? or anything?

LydaTech

@lydatech

@NeelDVirus it depends on the engine being used. If you need a site to be completely ADA-compliant to you, it matters. But generally not really but good practice

@NeelDVirus what exactly is your concern?

@NeelDVirus proper semantic markup is much more important for general SEo

Jake

@JakeDVirus

@lydatech my concern is essentialy with
---> does document outline affects SEO?
---> is there anything(which is affected by document outline) that i have to concern of

LydaTech

@lydatech

@NeelDVirus No semantic markup is what the major engines look at

Jake

@JakeDVirus

@lydatech oh then i think i dont have to worry about the SEO in relation with document outline but i will follow the document outline too for convenience. Thanks for assisting sir

CamperBot

@camperbot

neeldvirus sends brownie points to @lydatech :sparkles: :thumbsup: :sparkles:

:star2: 2475 | @lydatech |http://www.freecodecamp.com/lydatech

ADIL KARMOUZI

@mradil16

Guys . Css filters doesn't work on internet explorer what should I do ??

Markus Kiili

@Masd925

@mradil16 You can use custom styles for IE or even custom css file.

ADIL KARMOUZI

@mradil16

filter: grayscale(150%) brightness(200%) opacity(50%) contrast(75%);

can you please tell me how to support those filters in IE 10+ ?

Markus Kiili

@Masd925

@mradil16 No idea, sorry.

ADIL KARMOUZI

@mradil16

ok. no problem

thank you

Liu, Kuichen

@Kuichen

$('a.className[href*="#"]:not([href="#"])').click(function() { ... } need help with this statement, what does it do? Please help, many thanks.

It is in the js file using jQuery

Long Nguyen

@longnt80

@mradil16 does this work? https://msdn.microsoft.com/en-us/library/ms530752(v=vs.85).aspx

Yolanda

@teknotik

testo

Ken Haduch

@khaduch

@Kuichen - just off the top of my head, I'm going to guess that it means to find any link that has an href containing a #, like you might have within an in-page link, but not an href that only has the value #, as you would have with a placeholder "dead" link. And then assign that click handler to it.

ADIL KARMOUZI

@mradil16

@longnt80 is it bad practice if I toggle between gray and original image using javascript instead of using css filters ? (css filters are not supported in IE 10+)

Long Nguyen

@longnt80

@mradil16 as long as the user can still access the image even when js is disabled then it is fine

shivam gupta

@shivamg11000

Hey I am making a portfolio site for myself. Currently on the projects/showcase section
what's the best approach to show the projects images

Will White

@willnwhite

Is there another way to do the Markdown Previewer project than using dangerouslySetInnerHTML?

@shivamg11000 You can take a screenshot of the project.

Will White

@willnwhite

I ask because of the XSS warning in the docs. As far as I can tell though, XSS won't be an issue because there's no server.

Chris

@bestintown23

how can i make my classes (section1 and section2) be side by side.? https://codepen.io/bestintown23/pen/XepNLG

Where communities thrive

People

Repo info

Activity