Sep 2014 18

If you’d like to know which fonts are being used on a web page or in an HTML tag, Firefox Inspector has a tab called Fonts that will easily let you see this. Screenshot below.

firefox-fonts

Share
Sep 2014 18

As a website grows, you can find yourself with a ton of CSS that may or may not be needed. Cleaning this CSS is necessary to facilitate maintainability of your code. But how do you find unused CSS. A Firefox extension called Dust-Me Data does a decent job of doing that. Below is a screenshot show how many unused selectors there are from each source followed by a listing of each selector.

dust-me-data

Share
Sep 2014 18

Calories In < Calories Out ≠ Weight Loss

Most people think that to lose weight, you just need to consume less calories than what you use on a daily basis. Well, it turns out that that’s not enough and not true. Eating low calorie foods with high sugar content will still result in consuming more calories that what you think you’re consuming from reading the nutrition label because sugar, both the natural kind from fruits (glucose) and the other kind (fructose / high fructose corn syrup), will get converted to fat which will not only lead to obesity but also to many health problems. Unfortunately, most processed foods you can find all around you contain LOTS of sugar including hamburger buns, ketchup, barbecue sauce, and many other things that don’t taste very sweet. [..]

Share
Sep 2014 18

If you’re on Windows and you’re trying to delete a folder but you get an error like the following:


Folder In Use
The action can't be completed because the folder is open in another program
Close the folder and try again.

You can easily close / kill all processes / handles / DLLs that are using the folder by using a program called Unlocker. If Unlocker can’t find an processes in use, you can still have it delete the folder immediately or after a restart.

unlocker

Share
Sep 2014 02

When trying to track down where some Javascript code is getting executed, it’s useful to see a function call stack. While many browser inspectors can give you this information, I have found Safari’s inspector to be the easiest to use for this particular purpose. In the screenshot below, you’ll see that I set a breakpoint on line 8 where the “write” function is defined. When you load your page, you’ll see a call stack box on the left in the Safari inspector showing all of the functions that were called before the “write” function was called. Clicking on each function shows you the section of code in its respective file. In this case, an anonymous function in the “search” file (search.html) on line 259 called another anonymous function in the “search” file on line 261 which then called another anonymous function in the jsapi file (jsapi.js) on line 93 which called another anonymous function in the jsapi file on line 244 which called function “d” in jsapi on line 143 which then finally called the “write” function in main.js on line 8 where I set the breakpoint.

safari-inspector

Share
Page 1 of 6812345102030...Last »