Open Multiple Firefox Tabs from Command Line
Now that I work on Firefox Developer Tools, I'm really starting to learn some of the tricks of building, debugging, and launching Firefox. Once I start using Firefox at a developer level each day, the more I become amazed at how configurable and easy to work with Firefox is.p>
Since a good portion of my day is spent working on the Firefox DevTools debugger inside a browser in what we call "launchpad", I need shortcuts to make launching and setting up Firefox for development quick. The following command allows me to launch Firefox with the multiple tabs I need:
/Applications/Firefox.app/Contents/MacOS/firefox \
-new-tab -url https://davidwalsh.name \
-new-tab -url https://css-tricks.com
Incorporating a command like this into a setup.shor likewise file to start my debugging makes setting up a development environment so easy. There's nothing worse than creating tabs and typing the same URLs over and over!
![Detect DOM Node Insertions with JavaScript and CSS Animations]()
I work with an awesome cast of developers at Mozilla, and one of them in Daniel Buchner. Daniel's shared with me an awesome strategy for detecting when nodes have been injected into a parent node without using the deprecated DOM Events API.
![CSS vs. JS Animation: Which is Faster?]()
How is it possible that JavaScript-based animation has secretly always been as fast — or faster — than CSS transitions? And, how is it possible that Adobe and Google consistently release media-rich mobile sites that rival the performance of native apps?
This article serves as a point-by-point...
![Creating Spacers with Flexbox]()
I was one of the biggest fans of flexbox before it hit but, due to being shuffled around at Mozilla, I never had the chance to use it in any practice project; thus, flexbox still seems like a bit of a mystery to me. This greatly...
![HTML5 Placeholder Styling with CSS]()
Last week I showed you how you could style selected text with CSS. I've searched for more interesting CSS style properties and found another: INPUT placeholder styling. Let me show you how to style placeholder text within INPUTelements with some unique CSS code.
The CSS
Firefox...
