Category: Tips & Tricks

Find fonts used in a PDF file for Mac OS

If you’ve ever needed a quick way to find fonts used in a PDF file on your Mac, you may have seen suggestions to download specific apps like Adobe reader to accomplish this.

While that will work, you can accomplish this with a simple command via the Terminal. To find the fonts used in your PDF, follow the steps below.

Instructions

  • Open up Terminal.app of your command line tool of choice.
  • Note where on your system the PDF is located. If you have it on your Desktop the command below will work easily.
  • Using the code below – edit the path to the file and the filename and hit enter.

That’s it. Using the above techniques will allow you to see all the fonts used in a PDF on a Mac or UNIX system without downloading any 3rd party applications.

Terminal command to get the weather in your area

Ever wanted to get the local weather report via your terminal/shell? With the below shell command you can do so easily.

Add it to your .bash_profile, fill in your zip and location where I’ve noted, and you’ve got the weather report showing in your shell. Simply type weather to run the command after filling in your details.

WordPress and Automating – Using Gulp for WordPress Automation

Gulp can help you automate daily routine tasks. In this article you will see basic stuff you can automate doing WordPress development. Lets see how gulp can save you a healthy amount of time every day and improve the quality of your product too. | Difficulty: Beginner; Length: Short; Tags: WordPress, CMS, Web Development, JavaScript, WordPress Plugins

Source: Using Gulp for WordPress Automation – Tuts+ Code Tutorial

Resource – Responsinator

A simple website for testing device widths for the most common Apple and Android devices. Remember –  it’s no replacement for actually testing on these devices along with as many widths and breakpoints as possible. Also remember, device-agnostic responsive sites should be the true goal. However, for basic development and simple testing this is a nice resource.

http://www.responsinator.com/

JavaScript Bookmarklet: Outline/Border all Elements of Site for Quick Development & Debugging

Need to outline all HTML elements on an open web page? I’m sure there has been a time when you’ve used something like this to do so:

 * { border:1px solid red; }

Which gives you a quick visual look at all elements on the page and how they align. It’s simple and by all means works just fine.

To make things even more convenient, here’s a quick and handy little JavaScript bookmarklet for you web developers to save. Full credit and thanks go to “beaver82” in the following /r/webdev/ thread. I’ve edited one of his/her original scripts to include a border instead of outline,  in case you do want to affect the box size.

Demo of the Outline Elements JavaScript Snippet
Demo of the Outline Elements JavaScript Snippet

Snippets:

The border/outline scripts are distinguished by the file names listed above.

Usage

  • Drag or save the JavaScript snippet desired (either js_border_elems.js, js_outline_elems.js, or both) to your browsers bookmarks bar.
  • Name it something useful, such as “Outline * Elements“
  • Click on the snippet to outline/border elements on the current page. Click again to remove the outlines/borders.

Enjoy! If you have any similar useful snippets, please do share them in the comments section.