4 ms·

I gotta get better at CSS, I'm somewhat horrified by what I've done in JavaScript that it turns out I didn't need. Does anyone know of a good book on intermedi

I gotta get better at CSS, I'm somewhat horrified by what I've done in JavaScript that it turns out I didn't need. Does anyone know of a good book on intermediate/advanced CSS to help avoid excess JS usage/complexity?

ddoolin 8y ago
http://shop.oreilly.com/product/0636920012726.do http://shop.oreilly.com/product/0636920012726.do I haven't used it personally BUT it seems to cover most things I'd use these days, including "new" topics like grid, filters, etc. CSS is relatively simple so something of a reference with some examples would be great.
deleted 8y ago
[deleted]
pixelbash 8y ago
An approach I use is to try and build something in css first, if I can't find a way to make it work then I'll break out the JavaScript. Css is surprisingly good in places, but it also drives me up the wall as soon as I let myself expect to be able to do more things in it. Yesterday it was gradient masks.
zanny 8y ago
MDN already has a bunch of courses on css: https://developer.mozilla.org/en-US/docs/Web/CSS https://developer.mozilla.org/en-US/docs/Web/CSS If you are already familiar with basic CSS skipping to the middle is fine. A lot of modern CSS is just discovery of what you can do since none of it is really all that intuitive, but I generally end up googling "how can I do X effect in CSS" and seeing what the consensus is. Just as some examples, you can do responsive bars that move all over the page, change their contents, have togglable collapse menus, have dropdown menus in those menus, etc all in plain CSS, but you can't have multiple columns of arbitrary sized elements in left to right top to bottom order. Learning CSS is really just learning the contemporary limits of what you can do and then ruining your lovely responsive grids and flexboxes with absolute positioned px garbage when you have to support IE as penance for your crimes.
pjmlp 8y ago
I found these two ones quite good. https://www.packtpub.com/web-development/professional-css3 https://www.packtpub.com/web-development/professional-css3 https://www.amazon.com/CSS-Secrets-Solutions-Everyday-Problems/dp/1449372635 https://www.amazon.com/CSS-Secrets-Solutions-Everyday-Proble...

ddoolin 8y ago

http://shop.oreilly.com/product/0636920012726.do http://shop.oreilly.com/product/0636920012726.do I haven't used it personally BUT it seems to cover most things I'd use these days, including "new" topics like grid, filters, etc. CSS is relatively simple so something of a reference with some examples would be great.

deleted 8y ago

[deleted]

pixelbash 8y ago

An approach I use is to try and build something in css first, if I can't find a way to make it work then I'll break out the JavaScript. Css is surprisingly good in places, but it also drives me up the wall as soon as I let myself expect to be able to do more things in it. Yesterday it was gradient masks.

zanny 8y ago

MDN already has a bunch of courses on css: https://developer.mozilla.org/en-US/docs/Web/CSS https://developer.mozilla.org/en-US/docs/Web/CSS If you are already familiar with basic CSS skipping to the middle is fine. A lot of modern CSS is just discovery of what you can do since none of it is really all that intuitive, but I generally end up googling "how can I do X effect in CSS" and seeing what the consensus is. Just as some examples, you can do responsive bars that move all over the page, change their contents, have togglable collapse menus, have dropdown menus in those menus, etc all in plain CSS, but you can't have multiple columns of arbitrary sized elements in left to right top to bottom order. Learning CSS is really just learning the contemporary limits of what you can do and then ruining your lovely responsive grids and flexboxes with absolute positioned px garbage when you have to support IE as penance for your crimes.

pjmlp 8y ago

I found these two ones quite good. https://www.packtpub.com/web-development/professional-css3 https://www.packtpub.com/web-development/professional-css3 https://www.amazon.com/CSS-Secrets-Solutions-Everyday-Problems/dp/1449372635 https://www.amazon.com/CSS-Secrets-Solutions-Everyday-Proble...