Here I updated the Apple Web Site in Web Inspector to advertise what gifts I would like.

Chalk this tip up to something you probably didn't know you could do. You can inspect a web site running on iOS using desktop Safari's Web Inspector.

Here's how you can set up your iOS device to inspect pages remotely:

Enable Web Inspector for Mobile Safari in Settings

Enable Web Inspector

On the iOS device, go to the and go to the settings for Safari.

Click on Advanced and make sure the toggle for Web Inspector is turned on.

Enable the Develop Menu in Safari

Safari - Preferences - Advanced

In Safari, open up Preferences...

Next click on the Advanced tab.

Make sure the Show Develop menu in menu bar is checked

Connect your iOS device to your Macintosh

Use your charging/transfer cable to connect your device

Connect your iOS device to your computer with your charging/data transfer cable and connect it to the USB port on your computer.

In the Develop menu choose the iOS device and see a list of Pages open.

You'll need to have Mobile Safari open on your iOS device before you can open the web inspector.

Once you're ready open up Safari on your Macintosh and click on the Develop menu. You'll see a list of devices including the iOS device that's connected. If you choose that device you'll then get a list of web pages that are open and once you choose a page the web inspector will open.

Now you'll be able to inspect and directly manipulate elements on the page just like you would if you were inspecting right in Safari.

Internet Explorer on a Mac Internet Explorer running on a Mac through Remote IE

Today, Microsoft announced a new tool that allows us to test in Internet Explorer almost natively on platforms outside of Windows.

Introducing Remote IE, a new remote application from Modern.IE suite of tools. Remote IE is a Remote Application running on Azure in the cloud. You can access it through the Remote Desktop Application on Windows, Mac, iOS and Android.

IE in Remote Desktop

Sign up for Remote IE

You can sign up to get access to Remote IE by going to and enter your email of your Microsoft account. You'll get an email telling you that your invited to the service.

You'll need Remote Desktop, if you're on a Mac you can find it in the App Store. Once you're invited to Remote IE. You can click on the Microsoft RemoteApp Icon in the toolbar. You will log you in to your Microsoft Account and make sure you have access to Remote IE.

Rey Bango has a great blog post walking you through the entire setup process.

Once you're invited you should see IE Technical Preview listed in Remote Desktop like in the screenshot above.

Double-clicking on it will spawn a new remote machine to spin up on Azure.

Remote Machine Spinning up

Once it fully loads you'll have access to IE that's on the Window 10 Technical Preview.

You can open the F12 Developer Tools and work with your site just like you would on Windows.

Remote IE - F12 Developer Tools

Accessing your Local Web Server from Remote IE

Now remember that Remote IE is running in the cloud so by default it has no idea how to access your localhost. ngrok is a tunneling application that will allow us to access our local development site externally.

ngrok is a command line tool that sets up a tunnel and an external url you can navigate to your web server on your local development environment. You can then navigate Remote IE to this external URL to debug a site you're developing locally.


As part of the IE User Agents program I can send any feedback about the application back to the engineers. If you'd like to message them directly you can find them on Twitter @IEDevChat.

Love to hear what you think of this. I found it to be really awesome as I've been testing it over the last month.

in Book, Review

How to Win Friends and Influence People

I recently finished reading a classic book called "How to Win Friends and Infludence People" by Dale Carnegie. The book was written in 1936 and is still very relevant today. Dealing with people just doesn't go out of style.

Dale Carnegie outlines a few different principles to follow and provides examples on how these principles might be worked into daily life. It's a great read that'll make you start re-evaluating how you interact with others.

I'd consider it recommended reading for anyone in a management position or someone that has to interact with others regularly as a requirement for their job. On the other hand, it's also a great read for those that just want to get along with others more easily.

Here are the main priciples to follow:

Fundamental techniques in handling people

  1. Don't criticize, condemn or complain.
  2. Give honest and sincere appreciation.
  3. Arouse in the other person an eager want.

Six ways to make people like you

  1. Become genuinely interested in other people.
  2. Smile.
  3. Remember that a person's name is to that person the sweetest and most important sound in any language.
  4. Be a good listener. Encourage others to talk about themselves.
  5. Talk in terms of the other persons interests.
  6. Make the other person feel important—and do it sincerely.

How to Win People to Your Way of Thinking

  1. The only way to get the best of an argument is to avoid it.
  2. Show respect for the other person's opinions. Never say, "You're wrong."
  3. If you are wrong, admit it quickly and emphatically.
  4. Begin in a friendly way.
  5. Get the other person saying "yes, yes" immediately.
  6. Let the other person do a great deal of the talking.
  7. Let the other person feel that the idea is his or hers.
  8. Try honestly to see things from the other person’s point of view.
  9. Be sympathetic with the other person’s ideas and desires.
  10. Appeal to the nobler motives.
  11. Dramatize your ideas.
  12. Throw down a challenge.

Be A Leader: How to Change People Without Giving Offense or Arousing Resentment

  1. Begin with praise and honest appreciation.
  2. Call attention to people’s mistakes indirectly.
  3. Talk about your own mistakes before criticizing the other person.
  4. Ask questions instead of giving direct orders.
  5. Let the other person save face.
  6. Praise the slightest improvement and praise every improvement. Be “hearty in your approbation and lavish in your praise.”
  7. Give the other person a fine reputation to live up to.
  8. Use encouragement. Make the fault seem easy to correct.
  9. Make the other person happy about doing the thing you suggest.

Have you read this book? How have you integrated these principles into your life?

Modern Web Conference Screen Shot

In August, I organized and ran a two day online conference called the Modern Web Conference. The idea was to bring the conference about Modern Web Development to you. Each day was focused on a different theme.

Day 1 - Web Technologies Track

Day 1 was focused on web technologies. Our goal was to allow you to sharpen your web development skills around the languages of the web, HTML, CSS, and JavaScript and other beneficial frameworks and libraries.

The speakers included:

  • Mike Hostetler
  • Dave Methvin
  • Beth Fernandez
  • Trevan Hetzel
  • Doug Neiner
  • Burke Holland
  • Estelle Weyl

Day 2 - Developer Workflow Track

In day 2 we focused on developer tools. Without the right tools, developers can end up spending much of their time on basic setup and ongoing project maintenance. This track focused on tools to enhance your workflow, increase code quality, and let you concentrate on true innovation.

The speakers included:

  • Jordan Kasper
  • Jonathan Creamer
  • Raymond Camden
  • Bob Yexley
  • Ryan Niemeyer
  • Elijah Manor
  • Tim Ambler

Watch the videos

Before watching the videos you can browse through the slide decks to get a preview.

Embeded below is the playlist of all the videos or you can go to YouTube and watch them.

My Recommendations

I thoroughly enjoyed all the videos but there were a couple that really stood out.


In Trevan Hetzel's first conference talk ever, he really knocked one out of the park at his first at bat. Trevan shows us how you can you do things that are normally relegated to JavaScript with only CSS. A must watch.

Oh the Memories - An Introduction in Browser Memory Leak Testing

Ryan Niemeyer is a brilliant soft spoken senior achitech. In this talk he shows how to go about testing for Browser Memory Leaks with the browsers developer tools. A really advanced talk that is also another must watch.

Which one was your favorite?

The other day while going through my rss feeds, I came across 56 Experts reveal 3 beloved front-end development tools. For some reason I found this really interesting. The premise was that 56 of some of the top names in front-end development were asked:

If you could only use 3 front-end development tools, which 3 tools would you choose?

That's a really great question with all of the vast amounts of front-end tools available today, which ones can't you live without?

If I had to choose just 3 I'd go with:


I don't think I'd want to do front-end development without jQuery. It just does so much for me to make my life easier. I know a lot of developers are going vanilla JavaScript as the browsers have advanced a lot over the years. But for me the ease and simplicity of the API is to much not to ignore.

jQuery Home page

Developer Tools

I don't care which browser either because they all have the basics that I need. A element inspector, JS debugger and a console are probably the bare minimum needed to develop on the front end. Chrome Developer Tools, IE F12 Dev Tools, FireBug are all really good in my opinion. I've been really surprised to at the new FireFox and Safari Tools.

IE F12 Developer Tools


It's funny how you don't think of a version control system is needed in a front-end project but I can't think of a time I didn't use Git with a remote to Github to start a project. Git with github allows for so many possibilities. Obviously it makes collaboration much easier, but if you have it configured correctly you can deploy by just pushing your master branch up to github. It makes deploying super simple to do.


So what are your 3 front-end development tools you'd choose if you could only have 3?