59 posts
  • Has been part of the Envato Community for over 7 years
  • Has sold $10,000+ on Envato Market
  • Located in Belgium
  • Had an item featured in an Envato Bundle
+2 more
humbucker says

Hi guys,

I d’like to ask your coder’s opinion on this development best practice issue : Responsive Web Design is THE bomb these days but developing all these templates requires some habits that can and must evolve with time.

To make it short, do you prefer :
- using only a CSS fluid grid, and code your own styles, components, menus, buttons
or
- using a CSS framework like Bootstrap or Foundation, with the growing risk of having to rewrite a lot of CSS, get stuck with specific JS components.

I tried both ways and your inputs would be really valuable!

Thanks!

153 posts
  • Sells items exclusively on Envato Market
  • Has sold $5,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Joined an Envato Football competition
+1 more
ThemeToast says

For non-respsonsive sites (day job, as quoted) I use my own styles with a mixture of html5 boilerplate stuff.

For responsive sites I use bootstrap, because there’s a smaller chance that something can go wrong on different platforms. It took me a while to like bootstrap though. I still give it a little side-eye.

There’s always a chance (and it has happened) that a huge site has to be made responsive, and that’s after you’ve built it using your own css/html. So I’m considering just bootstrapping everything. Which would waste time as well. So many divs, Can’t win.

Rant over

59 posts
  • Has been part of the Envato Community for over 7 years
  • Has sold $10,000+ on Envato Market
  • Located in Belgium
  • Had an item featured in an Envato Bundle
+2 more
humbucker says

Yep, but don’t you hate having to replace / invalidate a lot of CSS defined by Bootstrap. I mean I love(d) Bootstrap but a lot of websites now look the same because nobody really want/can change some major components easily (navbar, dropdown) ...

What ’s your thoughts?

1284 posts
  • Has been part of the Envato Community for over 4 years
  • Has sold $40,000+ on Envato Market
  • Has been a beta tester for an Envato feature
  • Has collected 50+ items on Envato Market
+5 more
Smartik says

I prefer to use my own CSS for everything from grid to more advanced components. I really hate CSS frameworks(especially bootstrap), too many code that I don’t need. I know, it can be customized and choose only the styles that I need, but anyways I like to write myself all the code.

153 posts
  • Sells items exclusively on Envato Market
  • Has sold $5,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Joined an Envato Football competition
+1 more
ThemeToast says

Yep, but don’t you hate having to replace / invalidate a lot of CSS defined by Bootstrap. I mean I love(d) Bootstrap but a lot of websites now look the same because nobody really want/can change some major components easily (navbar, dropdown) ... What ’s your thoughts?

Yes I do hate it, for me it’s a time waster. I can build sites much faster using my own code. Honestly bootstrap was forced on me, so I’m blaming the system and my boss :P

Also agree that a lot of sites tend to look the same because of frameworks such as bootstrap, but that’s just up to the coder/designer to change. To each his own and so on.

It depends on the project for me basically. Do I need this, do I need that. What’s going to be better in the long run.

59 posts
  • Has been part of the Envato Community for over 7 years
  • Has sold $10,000+ on Envato Market
  • Located in Belgium
  • Had an item featured in an Envato Bundle
+2 more
humbucker says

Right, same thought here, which CSS Grid do you use nowadays ?

ProfoundGrid seems nice, but what are your opinions guys?

Thanks

149 posts
  • Has referred 1+ members
  • Has sold $5,000+ on Envato Market
  • Has been a beta tester for an Envato feature
  • Has collected 10+ items on Envato Market
+3 more
davidossahdez says

If you want a minimal framework, take a look at this one: http://purecss.io
I switched from Bootstrap to Pure a couple of months ago and I can’t be happier!

Helpful Information

  • Please read our community guidelines. Self promotion and discussion of piracy is not allowed.
  • Open a support ticket if you would like specific help with your account, deposits or purchases.
  • Item Support by authors is optional and may vary. Please see the Support tab on each item page.

Most of all, enjoy your time here. Thank you for being a valued Envato community member.

Post Reply

Format your entry with some basic HTML. Read the Full Details, or here is a refresher:

<strong></strong> to make things bold
<em></em> to emphasize
<ul><li> or <ol><li> to make lists
<h3> or <h4> to make headings
<pre></pre> for code blocks
<code></code> for a few words of code
<a></a> for links
<img> to paste in an image (it'll need to be hosted somewhere else though)
<blockquote></blockquote> to quote somebody

:grin: :shocked: :cry: Complete List of Smiley Codes

by
by
by
by
by
by