Category: Web Development

1. Set Up AppGyver Steroids on Your Development Machine

Go to www.appgyver.com, click the Get Started button, and follow the steps to set up your environment. If you’re developing on Windows, you’ll need to install Git, Python, and Node.js which are all very easy and quick to do with the installers. You’ll then install Steroids by running the command

npm install steroids -g

When done, create a Steroids account at www.appgyver.com, log in, and then set up the Steroids login by running the command

steroids login

Steroids should tell you that your login was successful.

Continue reading How to Build a Data-Driven Hybrid Mobile App with HTML, CSS, Javacript, jQuery Mobile, AppGyver and Parse.

On Windows, when you save a file using the Save As dialog, you normally get some reset shortcuts or places on the left side of the window. These places may not be what you’d like them to be. Fortunately, you can change the shortcuts as I’ve done below showing three items (Desktop, trunk, and image).

Continue reading Change Items Displayed in Places/Favorites Bar in Save As File Dialog (Windows 7)

I recently need to set up a wire transfer on BankOfAmerica.com and it asked me to enter a SafePass code that was supposed to have been texted to me from the short code 73981. After many attempts, I was unable to receive the text / SMS even though I can receive them perfectly fine from a regular phone number. It turns out that T-Mobile blocks content downloads by default. To fix this issue, I needed to unblock content downloads by unchecking the check box next to the service. Once I did that, I was able to receive message from short codes and the Bank of America SafePass code.

I’ve been using WinMerge to see side-by-side diffs of text files and it works pretty well. But, having to use a separate program from my text editor, Sublime Text, is a bit inconvenient. While there are many diff plugins for Sublime Text, Sublimerge appears to be one of the best. I tested it out and it’s pretty easy to use with some nice syntax and diff highlighting. One thing I particularly like about it is the ability to show differences “within” a line in a very clear way. Lines containing differences are outlined whereas the actually text that is different is highlighted as shown in the screenshot below.

As a web developer, you will inevitably need to view and/or edit your HTTP request headers to test various functionality. The Chome inspector makes it very easy to see your headers but when it comes to modifying or adding new headers, the Google Chome extension called Modify Headers for Google Chrome works pretty well and is super simple to use. Below is a screenshot showing the interface. You can enable and disable individual headers or all headers for individual pages, tabs or all pages/ tabs.

Don’t just you hate running out of disk space? If you need to clean up your machine by deleting unnecessary large files, you can easily find those unnecessary large files by using a tool called SpaceMonger.

http://edgerunner.com/spacemonger/

It runs super fast and gives you many views into seeing the size of various files and folders on your system with the ability to dig down into subfolders.

Continue reading Easily Find Large Files / Folders on Windows to Clear Up Space

When you’re trying to find a file on your Windows computer, you probably use the native Windows Explorer search function which not only is slow but sometimes extremely slow and often slower than the amount of time it’d take you to browse to the file manually. Today I installed the Everything search program by Void Tools.

http://www.voidtools.com/

I entered just the filename of an image and it displayed matching results practically instantly including the path to the file. Clicking on a search result conveniently opens the file (image) in my preferred editor (Photoshop). Now that’s how file searching should work!

Continue reading Blazing Fast File / Folder Search for Windows

When you want to search a file and extract all lines or regular expression matches, the Unix program, grep, is very handy. However, if you’re on a Windows machine or you have the contents of the text file you want to run grep on, you can easily run grep online using an online grep utility like the one at

http://www.online-utility.org/text/grep.jsp

It has many useful options like

• Invert Match (Display Non-Matching Lines)
• Ignore Case
• Line Number (as Output Prefix of Each Line)
• Only Matching (Print only the part of matching lines that actually matches PATTERN)
• Whole Line (Select only those matches that exactly match the whole line)

When debugging website issues that other people report, if you need to ask them what OS/browser/etc they are using, you can just ask them to go to

http://www.whatsmybrowser.org/

and email you the link. Nice and easy!

Easily determine the font and font properties of text on a web page with the What Font? Chrome browser extension. Much faster and easier than looking for the font in an inspector.

Download on the Chrome Web Store