demosthenes.info

I’m Dudley Storey, the author of Pro CSS3 Animation. This is my blog, where I talk about web design and development with , and . To receive more information, including news, updates, and tips, you should follow me on Twitter or add me on Google+.

web developer guide

my books

Book cover of Pro CSS3 AnimationPro CSS3 Animation, Apress, 2013

my projects

CSSslidy: an auto-generated #RWD image slider. 3.8K of JS, no JQuery. Drop in images, add a line of CSS. Done.

tipster.ioAutomatically provides local tipping customs and percentages for services anywhere.

Optimize Mac OS X For Web Development

tools / operating systems

Estimated reading time: 1 minute, 6 seconds

Like all tools, Mac OS X requires some tweaks before it is optimized for crafting web content. While there are many possible changes to make to the operating system, the first and most basic alteration is also the most important: adding the ability to see the complete name of any file.

Mac OS X Finder preferencesLike most modern operating systems, OS X hides filename extensions (the .xxx suffix) to present a “cleaner” appearance. That’s fine if you’re just dragging and dropping icons, but serious development requires you to know the complete name of every relevant resource. Thankfully, the steps to do so in OS X are very simple:

  1. Make sure you are in the Finder environment.

  2. Tap the near-universal Mac keyboard combination for preferences: ⌘ + ,

  3. Select the Advanced panel in the Finder Preferences window that appears.

  4. Turn on Show all filename extensions

  5. Close the window by tapping ⌘ + W

That’s it. This simple step eliminates any confusion between .jpg and .jpeg by making the extension for every file visible at every level of the operating system.

comments powered by Disqus

This site helps millions of visitors while remaining ad-free. For less than the price of a cup of coffee, you can help pay for bandwidth and server costs while encouraging further articles.