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!
![CSS Animations Between Media Queries]()
CSS animations are right up there with sliced bread. CSS animations are efficient because they can be hardware accelerated, they require no JavaScript overhead, and they are composed of very little CSS code. Quite often we add CSS transforms to elements via CSS during...
![Create a CSS Cube]()
CSS cubes really showcase what CSS has become over the years, evolving from simple color and dimension directives to a language capable of creating deep, creative visuals. Add animation and you've got something really neat. Unfortunately each CSS cube tutorial I've read is a bit...
![CSS Ellipsis Beginning of String]()
I was incredibly happy when CSS text-overflow: ellipsis (married with fixed width and overflow: hidden was introduced to the CSS spec and browsers; the feature allowed us to stop trying to marry JavaScript width calculation with string width calculation and truncation. CSS ellipsis was also very friendly to...
![Animated AJAX Record Deletion Using jQuery]()
I'm a huge fan of WordPress' method of individual article deletion. You click the delete link, the menu item animates red, and the item disappears. Here's how to achieve that functionality with jQuery JavaScript.
The PHP - Content & Header
The following snippet goes at the...
