Notes from JS Conference Workshop: Mastering Chrome Developer Tools

JavaScript Debugging

There’s an ability to blackbox JavaScript libraries like jQuery so that when you step over lines of code, you’ll step over these 3rd party libraries. There’s also an ability to set breakpoints on event listeners which can be very handy. Under Settings, you can globally blackbox 3rd JS libraries so you don’t have to blackbox every time you open Chrome. There’s also the ability to create conditional breakpoints, e.g. to break when your about to execute an XHR (AJAX) request to a certain URL.

Editing CSS

When you edit CSS in the Elements tab, you can have those edits write to the source CSS file, and vice-verse from the source file to Chrome. This only works for CSS. To do this, drag your CSS file or entire project folder into the Sources tab. If Chrome can’t auto-map, you can manually map the CSS file.

Continue reading Notes from JS Conference Workshop: Mastering Chrome Developer Tools

Energy Star Light Bulbs

Light bulb wattage doesn’t always result in the same brightness. If you buy light bulbs, find EnergyStar ones were the lumens are within the following ranges

Learn more at https://www.energystar.gov/products/lighting_fans/light_bulbs/key_product_criteria

Rated Wattage of the Referenced Incandescent Lamp (watts) Light Output (Lumens)
25 250-449
40 450-799
60 800-1,099
75 1,100-1,599
100 1,600-1,999
125 2,000-2,549
150 2,550-3,000
200 3,001-3,999
300 4,000-6,000

Deploy Cloud9 Changes via S/FTP Using Git and PHPloy

Cloud 9 already comes with Git, PHP and Composer.

——————–
EXAMPLE FOLDER STRUCTURE
——————–
/home/ubuntu/website1
/home/ubuntu/website2
/home/ubuntu/website3
/home/ubuntu/PHPloy

——————–
INSTALL PHPLOY
——————–
Go to https://github.com/banago/PHPloy
Download and unzip the repo
Create a folder called “PHPloy” in Cloud9 in the “workspace” folder so that that folder is a sibling of your website folder(s). Continue reading Deploy Cloud9 Changes via S/FTP Using Git and PHPloy

Stereo vs Surround Sound

A lot of people don’t really understand the difference between stereo and surround sound and usually just assume that surround sound is better. Based on my research, here’s a summary of the differences.

Surround Sound

  • Intended to hear some sounds at different places around you, e.g. an ambulance zooming by in which case you’d hear the siren begin from one side of a room and end on the other
  • Most surround sound systems involve 5 speakers and 1 subwoofer (5.1 system). For long rooms, there may be 7 speakers and 1 subwoofer (7.1 system).
  • Surround sound is most often noticeable in action movies, e.g. you can hear explosions behind you. Surround sound is subtle in drama movies, e.g. you might hear the leaves moving in the background and some traffic in the distance.

Stereo Sound

  • Very little music is recorded in surround sound.
  • Stereo systems require a front left and front right speaker.
  • Stereo creates a sound-field that, more or less, is shaped like a performance stage that is situated in front of you–as if you’re sitting in a theater. Surround sound does too but adds sound at the top, back and sides of you.

Continue reading Stereo vs Surround Sound

Easy Way to Texture Walls and Hide Imperfections

I hate texturing walls. Not because I don’t like how most textured walls look (knockdown texture), but because I can never texture a wall to look close enough to how the pros do it and I don’t like having to wait some period of time and trying to knock down the texture compound using a trowel or knockdown tool. After researching various ways to texture a wall, I conducted an experiment and came up with a process and set of tools that I think make it really easily to texture a wall and have it look nice and close enough to professional knockdown-textured walls.

Materials:

Experiment:

I used a drill attachment to mix the texture compound until it became creamy. Then, I painted the texture compound on the test 2’x2′ drywall using each type of applicator.

texture1

Continue reading Easy Way to Texture Walls and Hide Imperfections

SEO: Free, Credible Backlinks to Your Website

Search engines, particularly Google. consider two primary things when it comes to search engine ranking:

  • Relevant content
  • Credible backlinks / Inbound Links

Relevant content

This one is easy. Just write relevant content. The more, the better. As long as it’s content people actually care about.

Credible Backlinks

This is not easy because you depend on getting other reputable websites linking back to you. Below are different ways to get backlinks. This list will be updated as new discoveries are made.

  • PR
    Getting news outlets to write a story about you is the best way to get credible backlinks but it’s not easy. If CNN had written an article about your website and the article links to your website, you’ll get a boost in search engine ranking. You can hire a PR agency (expensive) or do PR yourself by reaching out to journalists and pitching your story to them. The topic of PR can take up a whole book so I’ll it at this. Basically, if you have a good story, e.g. new product/service launch, new feature launch, etc, you can tell journalists about it who represent news outlets that cater to news related to your story, e.g. a new technology product would be pitched to a technology blog (e.g. TechCrunch).
  • Write your own articles
    There are credible websites that let your contribute content, e.g. how-to guides, that also let you link to the source of information (your website).

  • Video Websites (YouTube, Vimeo)
    These websites will let you add a link to your website in the description section of your video
  • GitHub
  • Pinterest

Continue reading SEO: Free, Credible Backlinks to Your Website

Auto-Play/Stop Music (MP3) When You Turn Lights On/Off

Here are some detailed steps for rigging an MP3 player and connecting it to your lights that are powered by a light switch so that whenever you turn the lights on or off, music will play or stop.

Features:

  • Ability to play music (mp3 files) from a USB stick or SD card
  • Ability to play music from where it last played (This particular system will play from the beginning of the last song played. If you turn off the lights in the middle of a song and then turn the lights back on, the mp3 player will play from the beginning of that song. Fortunately, it will not start over and play from the beginning of the first mp3 file on the USB stick or SD card.)
  • No need to push a play or stop button to control music. As soon as there is power to the mp3 player, the device will scan for mp3 files and start playing from the beginning of the last song played.
  • Ability for set volume and remember the volume setting
  • Wired power. No need to replace batteries.

Parts:

  • NiZHi TT-028 MP3 Mini Digital Portable Music Player Micro SD USB FM Radio ($11)
  • Extension cord ($2)
  • 5V, 1A USB Power Adapter (you probably have some from old cell phones or USB devices laying around the house)

Tools:

  • Wire stripper
  • Scissors
  • Utility knife
  • Small screwdriver

Instructions:

Read all instructions at least once before proceeding.

The instructions below show how I installed this in a bathroom.

  1. Using a utility knife, pry open the face of the player.

    UPDATE: Apparently you can just use a utility knife and peel off the plastic LCD cover as it’s just glued on. This is easier and doesn’t cause damage to the device.

step1 Continue reading Auto-Play/Stop Music (MP3) When You Turn Lights On/Off

WINDOWS: PHPloy to incrementally deploy Git-Based file changes over S/FTP

—————-
Requirements
—————-
* Git 1.8+
* PHP 5.5+
* Update the Windows paths below to match your system

—————-
Install PHP
—————-
If you don’t have PHP, follow the instructions at http://windows.php.net/

—————-
Install Git
—————-
If you don’t have Git, you can install GitHub Desktop for Windows. Download and install the application from https://desktop.github.com/
This will create a GitHub folder at C:\Users\David\Documents\GitHub in which you can put your website files. Continue reading WINDOWS: PHPloy to incrementally deploy Git-Based file changes over S/FTP