Solo Incrementing
KPCKevin Powell - Community
•Created by V3X4TI0US on 10/12/2023 in #front-end
Need FrontEnd Advice
setting up live github pages is as easy as go to repo > repo settings > pages > select main branch, boom its live in 2 mins
198 replies
KPCKevin Powell - Community
•Created by V3X4TI0US on 10/12/2023 in #front-end
Need FrontEnd Advice
my point is learn the commands either via Bash or via the vscode terminal
198 replies
KPCKevin Powell - Community
•Created by V3X4TI0US on 10/12/2023 in #front-end
Need FrontEnd Advice
I used to do that like 3 weeks ago, as easy to use it is, I dont see how it can makes recovering back to old versions easy I never got to that point
198 replies
KPCKevin Powell - Community
•Created by V3X4TI0US on 10/12/2023 in #front-end
Need FrontEnd Advice
generally speaking grid is for layouts with 2 dimensions, flexbox is for layouts with a single dimension (either a row or a column)
198 replies
KPCKevin Powell - Community
•Created by V3X4TI0US on 10/12/2023 in #front-end
Need FrontEnd Advice
idk read the docs or something 🤣
198 replies
KPCKevin Powell - Community
•Created by V3X4TI0US on 10/12/2023 in #front-end
Need FrontEnd Advice
divs take 100% of their parent width by default because they're block elements, and I would use percentage for heights, or even better let their sizes be controlled by a bigger container that's flexbox or grid
198 replies
KPCKevin Powell - Community
•Created by V3X4TI0US on 10/12/2023 in #front-end
Need FrontEnd Advice
I make the page "done" first, then go through each component step by step looking at all the viewport breakpoints for it and adjust the css with media queries at those steps, and if its really broken, then consider changing the implementation entirely (something like maybe I should've used flexbox here instead of grid etc).
198 replies
KPCKevin Powell - Community
•Created by Oxycodone on 9/29/2023 in #front-end
JavaScript question
The increment happens after an iteration is run if I remember correctly
19 replies
KPCKevin Powell - Community
•Created by Oxycodone on 9/29/2023 in #front-end
JavaScript question
Well actually the order is:
1. on first run: Set initial i value, check condition (so i=0, 0 < 3 so run the code)
2. run the code if the condition was true
3. increment
then repeat 2 and 3
19 replies
KPCKevin Powell - Community
•Created by Oxycodone on 9/29/2023 in #front-end
JavaScript question
3 < 3 evaluates to false because 3 is not less than 3, its equal, if it was 3 <= 3 then it would be true and run that 4th time
19 replies
KPCKevin Powell - Community
•Created by Oxycodone on 9/29/2023 in #front-end
JavaScript question
Ya, oh my bad you're adding i to x each time, well the answer is still x + 0 + 1 + 2 = 3
19 replies
KPCKevin Powell - Community
•Created by Oxycodone on 9/29/2023 in #front-end
JavaScript question
As Wolle said, the condition is evaluated before a for loop iteration is run.
In the beginning, i is set to 0, checks if i < 3, it is, so runs, then adds 1 to it.
Then it runs again for i=1 because 1 < 3. Again for i=2 because 2 < 3. On that "4th loop" i = 3, but 3 < 3 is false, so it the code inside isn't run.
In the last run iteration of the loop, i=2. In total there was 3 iterations. i=0,i=1,i=2. Therefore 1 was added to x, 3 times, resulting in x=3.
Hope I clarified how the for loop works here properly :)
19 replies
KPCKevin Powell - Community
•Created by Solo Incrementing on 9/14/2023 in #front-end
Semantic Nav
very well, thanks for the clarification
3 replies
KPCKevin Powell - Community
•Created by Solo Incrementing on 9/12/2023 in #front-end
Header navigation bar
I tried the root thing, I put the root variables in general.css and used the variables in nav-bar.css, it works across files!!
26 replies
KPCKevin Powell - Community
•Created by Solo Incrementing on 9/12/2023 in #front-end
Header navigation bar
Ah very well, thanks for the help!
26 replies
KPCKevin Powell - Community
•Created by Solo Incrementing on 9/12/2023 in #front-end
Header navigation bar
Could you provide some guidance with my questions on using inherit for anchor styling and the root question?
26 replies
KPCKevin Powell - Community
•Created by Solo Incrementing on 9/12/2023 in #front-end
Header navigation bar
Ah I see
26 replies
KPCKevin Powell - Community
•Created by Solo Incrementing on 9/12/2023 in #front-end
Header navigation bar
what does gap do
26 replies
KPCKevin Powell - Community
•Created by Solo Incrementing on 9/12/2023 in #front-end
Header navigation bar
What about for those other menus I have on the right, is using flexbox for that section fine? talking about the header-menu
26 replies
KPCKevin Powell - Community
•Created by Solo Incrementing on 9/12/2023 in #front-end
Header navigation bar
ya, it does make the code cleaner with ur way
26 replies