A quick tip that I just find myself smiling whenever I use it successfully and feel dumb for not using it earlier:
Nowadays, it is very often that we want to layout an element to fill all of its parent’s height (or width) except for a fixed amount. For example, a view with a top header and body that should fill the rest.
Up until recently I used to solve this by using flexbox, where browser support allowed me.
But a few weeks ago a friend showed me this really really really really neat trick. I’ve known about CSS’s
calc() for a while, but I didn’t know it could be used for this, and didn’t know it had such a wide support base:
1 2 3 4 5
1 2 3 4 5 6 7 8 9 10 11
You can see a simple example here.
Yup. That’s it! Calc away!
“Maintaining AngularJS feels like Cobol 🤷…”
You want to do AngularJS the right way.
Yet every blog post you see makes it look like your codebase is obsolete. Components? Lifecycle hooks? Controllers are dead?
It would be great to work on a modern codebase again, but who has weeks for a rewrite?
Well, you can get your app back in shape, without pushing back all your deadlines! Imagine, upgrading smoothly along your regular tasks, no longer deep in legacy.
Subscribe and get my free email course with steps for upgrading your AngularJS app to the latest 1.6 safely and without a rewrite.