4 ms·
I'm an applications programmer. My first meaningful web dev experience was a GWT app I built from 2011-2012 using the SmartGWT widget library. They completely
by acemarke 11y ago
I'm an applications programmer. My first meaningful web dev experience was a GWT app I built from 2011-2012 using the SmartGWT widget library. They completely bypass the standard CSS layout modes - everything is absolutely positioned using locations calculated in JS. Felt very much at home given my previous desktop UI toolkit experience.
However, for the last two years I've been building a related web app that's all JS. We've cobbled together our own UI conventions out of HTML, CSS, and Backbone/Marionette classes. For a long time, I got frustrated with any task that involved doing UI layout. I inevitably found myself reduced to desperate googling and randomly flipping CSS attributes in the hopes that I might finally get things to slide into place.
Fortunately, in the last couple months things seem to have finally come together for me. The two keys for me have been:
- Grasping the core concepts of the HTML box model and block/inline behavior
- Flexbox. Flexbox FTW. I've been able to replace SO many nasty CSS hacks with simple flexbox directives over the last few weeks.
Here's two key links that have really helped me:
- http://learnlayout.com/ http://learnlayout.com/ is a great guide to the basics of layout in CSS
- http://jonibologna.com/flexbox-cheatsheet/ http://jonibologna.com/flexbox-cheatsheet/ is a simple graphical overview of flexbox commands
Obviously, all this is focused on the layout aspect rather than the "styling" part per se, as that's been my biggest concern on this project.
- applecore 11y agoNo one uses Flexbox in production. You're better off learning real CSS if you're just getting started with web development.
- harperlee 11y agoWhat is the reason for that? Is something wrong with Flexbox? Or just browser adoption?
- tbassetto 11y agoFlexbox is not supported by IE < 10. And IE10 supports an old syntax but that can be mitigated by using the "autoprefixer" tool.
- mzjs 11y agoI'm not sure anyone really expects websites to look good in internet explorer anymore. As long as it's mostly functional, it's fine.
- data-cat 11y agoI think internet explorer users would disagree with you.
- kanusterkund 11y agoBut they can't, because the website doesn't work on IE.
- Mo0O 11y agoI think internet explorer users should use it for what it is made for… downloading a real web browser
- proyb2 11y agoNot really, I just surprise WebGL in IE11 is so much performer than in Chrome and Firefox.
- Bahamut 11y agoI've run into plenty of shops that use flexbox in production. This is just false.
- marpstar 11y agoWe're using Flexbox in production for our next release. We only need to support IE10+, but with autoprefixer it's dead simple.
- tbassetto 11y agoWe develop a webapp that targets the music industry, and none of them is using old IEs. We have been using flexbox in production for more than one year :) However, this webapp is used to generate websites that may be visited by anybody, really, so we have to support IE9 and we don't use flex box for them. It all depends on your customers / visitors base.
- LukeB_UK 11y ago> You're better off learning real CSS Flexbox is real CSS, it's part of the CSS3 spec: http://www.w3.org/TR/2015/WD-css-flexbox-1-20150514/ http://www.w3.org/TR/2015/WD-css-flexbox-1-20150514/
- cleverjake 11y agoI work at WalMart.com - we have shipped flexbox in production for years now