Where communities thrive

  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
  • Jun 19 2020 20:09
    @krisb1220 banned @Gastony
  • May 14 2020 22:39
    @bjorno43 banned @minitechtips_twitter
  • May 14 2020 22:38
    @bjorno43 banned @real-action
  • Feb 01 2020 00:27
    @bjorno43 banned @Ndoua
  • Jan 07 2020 03:10
    @bjorno43 banned @doctor-sam
  • Aug 17 2019 09:32
    User @bjorno43 unbanned @linkin-park
  • Jun 20 2019 21:19
    @bjorno43 banned @shenerd140
  • Apr 25 2019 17:13
    @mstellaluna banned @cmal
  • Jan 08 2019 22:05
    @mstellaluna banned @dertiuss323
  • Nov 07 2018 04:42
    User @texas2010 unbanned @ows-ali
  • Nov 02 2018 16:25
    @texas2010 banned @ows-ali
  • Oct 12 2018 05:50
    @bjorno43 banned @NACH74
  • Oct 05 2018 23:02
    @mstellaluna banned @JomoPipi
  • Sep 16 2018 12:21
    @bjorno43 banned @yash-kedia
  • Sep 16 2018 12:16
    @bjorno43 banned @vnikifirov
  • Sep 05 2018 08:12
    User @bjorno43 unbanned @androuino
  • Sep 05 2018 07:38
    @bjorno43 banned @androuino
  • Aug 23 2018 16:57
    User @bjorno43 unbanned @rahuldkjain
  • Aug 23 2018 16:23
    @bjorno43 banned @rahuldkjain
  • Jul 29 2018 14:13
    User @bjorno43 unbanned @jkyereh
if you wanna do exactly what Erin had, I would suggest re-crafting the boostrap class that does similar to that to your needs
Erin uses square space, and i'm sure they have their own css classes for that template that does exactly the navigation thing you're talking about
@bradley1492 - here check out this codepen. I basically did an example of what you can do. https://codepen.io/anon/pen/NEBpRd?editors=1100
At this point you just need to decide on the media widths and re-style the menu button. and you pretty much got the exact same thing as Erin on squarespace
and the bar. you probably don't want the gray bar if you're trying to match her site
I got it about 90% of the way there. I figured you can finish the rest, haha. let me know if that works for you. what I did. I hope I helped.

@zdman135 Hey, manyyyy thanks for that rebuild of the erin site nav part.

I'ts quite interesting to see how you solved the menu going up to the top here. I don't want to exactly make erin's


@zdman135 site. I more want to make a nav similar to hers but without the drop-up menu, if you can call it like that.
I hope I wasn't too unspecific with my initial problem that I had.
I thought on how I could have that big amount of padding on both sides at the beginning and then as I reduce the viewport-size get a have a fixed amount of smaller padding on both sides. But I think I figured it out now sort of like in this example:


@zdman135 menu-wise I somehow want to ditch a hamburger nav in favour of just the ul changing it's flex-direction.
@zdman135 What interests me with your example is if this would be your general workflow when seeing something that you'd like to replicate, like trying to get it done with bootstrap and then progress further from there? Would you then customize the bootstrap classes or write out your own css?
@zdman135 Like what exactly did you mean with "if you wanna do exactly what Erin had, I would suggest re-crafting the boostrap class that does similar to that to your needs"? :)
@bradley1492 - ohh, I didn’t realize you didn’t want your navigation to look exactly like hers. Haha
um, as far the bootstrap comment, nah, you don’t need to use bootstrap at all. it’s fine the way it is
I was just sayin the bootstrap thing, because I would have used it as it would have been easier to create the menu and the items in it using bootstrap. it’s not necessary.
it honestly depends on what i’m trying to do, whether i’d use bootstrap or not. but yes, generally if I use bootstrap. i would still have custom style sheets that may style over a specific bootstrap thing.

help guys, I'm trying to do this challenge : https://learn.freecodecamp.org/apis-and-microservices/basic-node-and-express/implement-a-root-level-request-logger-middleware

app.use((req, res, next) => 
  console.log(req.method + ' ' + req.path + ' - ' + req.ip);

I wrote this function, and it logs on the console exactly this

GET /favicon.ico - ::ffff:

when I test it, it seems working to me, but when I put the link of freecodecamp I get this:

// running tests
root-level logger is not working as expected
// tests completed
nvm resolved

@zdman135 yes I can once more only apologize for your time, I should have described in a more detailed way, what I am meaning.
Okay, because I sort of learned bootstrap a few weeks ago, but now I like css grid so much and I am unsure what to use.

Now I now CSS-Grid I don't really want to go back using bootstrap...
Hm now that I think about it a bit more, I think your work still helped me a lot in thinking again of in some way utilizing bootstraps nav classes... :)

Good evening,
I just wanted to know if anyone here is using bootstrap in combination with css grid??
I guess it's quite uncommon isn't it, to use some nav building classes from bootstrap and then the CSS-Grid for layouting?
@bradley1492 - it is hard to say what is common and what is not. considering there’s so many ways to do the same thing. just think of all the stuff you know as tools in your toolbelt.
as far as using css-grid for layout and bootstrap only for nav. yes that can be done.
and quite simple to do. if you wanted to set it up that way.
@zdman135 do you know how I could get myself into trouble doing things that way?
but, i don’t know if you know this or not. bootstrap comes with grid classes as well. so you can do all the same grid layout building as well with bootstrap
@zdman135 yes I had quite a bit of a play around with bootstraps grid layout but I just favor the css grid system. Honestly I am extremely torn apart between those two ways of building stuff. I just thought in the long run it would be better to build something nice without the usage of a third party library like bootstrap..
basically, think of bootstrap as this. people got sick of doing everything from scratch in css. so they just made bootstrap css classes allowing you to pick whatever lego blocks you need for building your UI without having to write the whole thing. can you do it yourself? of course you can.
the 3rd part library like bootstrap is honestly convenience nad preference
if you can do it all from scratch and you’re good at it, and fast. by all means do that instead
probably is better that way anyways
especially for this place being we are all newbies. we should be doing it all by hand. cause bootstrap really does a lot of things under the hood that newbies should know what exactly is going on without the “magic” happening yet.
but yeah that’s my 2 cents… but I personally like bootstrap and like to use it. hope that kinda helps you hah @bradley1492
@zdman135 Yeah your last section is exactly what I am sort of thinking as well. I would consider myself a frontend noob and want to learn how things "really" work
for example bootstrap uses flexbox… if you never learned using pure css and flex box. you wouldn’t know what bootstrap is doing. it would be like magic
so i would recommend first learning flexbox
@zdman135 Thanks for that longer answer. This topic really occupied my thoughts quite a bit..
just an example i guess
but yeah, just cascade the style sheets properly you could have the best of both worlds.
also you could do something cascading like this. I did this for a project:
first style sheet - css reset style sheet
2nd style sheet - css classes importing the features i wanted from bootstrap
3rd style sheet - customized style sheet of what i wanted and overriding some bootstrap features I didn’t want
but yes you are right it could get messy cascading all over the place
just so many options, it’s like an artist on a canvas type of scenario

@zdman135 yes I already did quite a bit of flexbox tutorials.

Sort of my "problem area" is when it comes to really knowing how the bootstrap classes work by reading it up inside the devtools. I got better at it, but I still struggle quite a bit with reading stuff in devtools.

Like in the erin webpage it seems like I am not able to read it, like if each class was a bootstrap class, cause it seems to be squarespace.
Newmoon recommended to me to learn the bootstrap classes by looking into them via the devtools and this way really learn frontend development from the ground up. But I often do not 100% know what's going on because of so many properties going on and interfering with each other..

Also with the canvas I think you are quite right. And I think I am too much thinking that there is sort of "one" way of doing things in an "industry standard" way.

But after this conversation it seems to me, that workflows are not as rigged as I initially thought.

Yeah, it’s not. every company will do things differently
i’m not in dev yet. but i’m in software testing. and every web dev shop I ever worked at does it a little differently
i don’t know what squarespace does. but I’m gonna guess they do not use bootstrap. they created their own css classes custom to them, and their site and templates
it’s just there are commonalities that I realized I could pick out that one feature I thought you wanted and I went to bootstrap, and like legos added it in.
but who knows, they could have used bootstrap as a base, and heavily customized it from there
i know lots of companies that do that
as far as getting good at the dev-tools within your browser. that just takes time. you’ll get good at it. it’s important to get good at it for troubleshooting any job that deals with web app dev.
I used to really suck at that as well. but got really good over time even as just a tester
@bradley1492 My philosophy to learning is learn by doing. If you were to go out and try to replicate parts of bootstrap yourself from the ground up, you'd learn a lot by getting "a little done", in that I don't expect you to write your own from the ground up in an hour or anything. But hell just getting simple classes to "work" would provide you with amazing insight to how things actually work.

@zdman135 Hm okay the devtools part calms me, somehow I thought I was missing something and for other people it's completely easy.

I guess I will just change my thoughts of having to decide forever to use or not to use bootstrap, to a more open approach of studying and using it whenever I feel comfortable. I already gained a bit of insight into how things work, by just getting to know how classes are stacked on top of each other to build a basic nav bar...

@bradtaniguchi yes the more code I write the more I really internalize learning by doing. I guess we are just so used to study things by heavily reading about them, from learning in school etc.. but writing code is different and I still often forget that a bit sometimes..