This is the second part of the Guide to Self-teaching AngularJS Trilogy. If you haven’t gone through the first one, do it now, here. If you already have a demo page that you can show someone (your potential employer), read on. 5 steps as well, but harder on research. Take it one at a time.
Monthly Archives: June 2015
Beginner’s Guide to StackOverflow
Seriously, I should have researched and read up on this topic before plunging into StackOverflow, which would have saved me a lot of wtf-ness.
Here we go.
CSS: Setting An Attribute After Transition Is Done
Use delay. Handy.
For instance, pull overlay’s z-index to top layer when it’s summoned, before it starts barging in, and dump it back to bottom when it’s done animating itself into vacuum.
Cleaning Up Book Records Under Kindle Documents Folder
With the amount of documents that go in and out of my kindle, the documents folder is constantly left in a rumpled state–the book record *.sdr
files scatter all over the place. I wonder why the kindle system can’t just delete the record file when the book is deleted?
Finally I decided that I’ve had enough of deleting and wrote a ruby script to deal with the mess.
How to: Prevent Body From Scrolling When Overlay Is On
Pure CSS solution. No need for overflow: hidden;
on body, which automatically scrolls everything to the top. Make use of overflow: auto;
instead.
Learning by Doing: Guide to Self-teaching AngularJS
This Guide to Self-teaching AngularJS Trilogy is for a friend who wants to learn AngularJS from zero. The question was, “Which tutorial should I follow?”
None of them.
Reading tutorials and watching videos is passive, therefore rather ineffective and less fun. If you’re a strong self-learner, what you need is not tutorial, but a guide to doing research on your own. Here it is.
Firefox and Placeholder
Turns out Firefox doesn’t work well with a lot of things. :/
:-moz-placeholder { /* Firefox 18- */ color: #aaa; font-size: 18px; } ::-moz-placeholder { /* Firefox 19+ */ color: #aaa; font-size: 18px; }
Flex with Firefox
<div flex="50"> <p>looooooooooooooong content</p> </div>
When white-space: nowrap;
is used, simply putting overflow: hidden;
on <p> is not going to stop it from conquering the parent div and overflowing all over the place. Even if the div has a flex-basis: 50%;
to protect itself. That div is going to need a overflow: hidden;
too.
Nice job, Firefox 34.0.5.
Charles Won’t Work with Chrome
For one thing, Charles can’t be turned on before VPN. So closing VPN after turning on Charles won’t work either. Sometimes Charles doesn’t work with VPN at all.