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.
![Create a CSS Flipping Animation]()
CSS animations are a lot of fun; the beauty of them is that through many simple properties, you can create anything from an elegant fade in to a WTF-Pixar-would-be-proud effect. One CSS effect somewhere in between is the CSS flip effect, whereby there's...
![MooTools Zebra Tables Plugin]()
Tabular data can oftentimes be boring, but it doesn't need to look that way! With a small MooTools class, I can make tabular data extremely easy to read by implementing "zebra" tables -- tables with alternating row background colors.
The CSS
The above CSS is extremely basic.
![CSS Vertical Centering]()
Front-end developing is beautiful, and it's getting prettier by the day. Nowadays we got so many concepts, methodologies, good practices and whatnot to make our work stand out from the rest. Javascript (along with its countless third party libraries) and CSS have grown so big, helping...
