Need Icons For a Website? Use FontAwesome!

Icons make a big difference in the look of a website. When placed beside text links, they make the links stand out. They can be used to replace text links, especially on mobile. They accompany text to make boring, text heavy pages easier to read. But, finding icons or creating them can be difficult. FontAwesome solves this by offering thousands of icons that are easily searchable. If I search for car, here’s what I see.

To use an icon, e.g. of a car, just paste this HTML code.

<script src="https://kit.fontawesome.com/8758af3809.js" crossorigin="anonymous"></script>

<i class="fas fa-car"></i>

Here’s a demo.

Grilled Corn Using Ninja Foodi Grill

So, I tried making grilled corn using the Ninja Foodi Grill and surprisingly, it came out really good!

Here’s the recipe.

Ingredients

  • Corn ears (make sure the kernels are big so you’ve got some meat to bite in to)
  • Salt
  • Pepper
  • Canola oil
  • Butter

Instructions

  1. Remove the husk (outer layers of the corn)
  2. Massage the kernels with canola oil
  3. Sprinkle salt and pepper
  4. Turn on Ninja Foodi Grill, click Grill button to Max setting, set time to 12 minutes, let preheat, wait till it says “Add food”, then put in the corn
  5. Set a timer for 6 minutes then turn the corn over
  6. When done, massage butter over the corn or melt butter in the microwave and baste the corn with the liquid butter

Prevent weeds from growing anywhere in your yard

As I’ve said before, weeds are notorious for finding ways of growing through weed fabric and along yard edges.

Middle of yard

To combat weeds from popping up in the middle of your landscape, lay cement board everywhere. Cement board is porous so water can still drain through it. For the areas between the cement boards, weeds will grow. To prevent this from happening, cut pond liner and place it where the cement board gaps are. Pond liner is very strong, UV-resistant, and almost impossible to tear. Traditional weed fabric may be marketed with the claim that it can prevent weeds but it can’t. Weeds still manage to come through. Plus, if you use weed fabric along edges where it’s exposed, it can degrade and easily tear as shown in the picture below.

Now I have to replace that weed fabric with pond liner like I did along a different fence.

Edges of yard

For edges, you can screw pressure-treated 2x4s to the cement edges using special screws and a drill bit for concrete. Just make sure to drill using the hammer drill mode.

If there is no room to drill a screw into the concrete, e.g. if the edge is near a fence, then you can drill 1/2-inch holes in the 2×4 using a 1/2″ spade bit and drive 12-inch long, 3/8-inch galvanized nails through the holes into the ground.

Cut some pond liner and staple it to the 2x4s. Don’t use traditional weed fabric. It will eventually fail and rip and weeds will come through it.

Hammer the large nails through the 2x4s and the pond liner into the ground along the edge of the concrete as shown below.

Allow some of the pond liner to extend beyond the end of the 2×4 so the next 2×4’s pond liner will overlap the first one and prevent weeds from growing in between the 2x4s.

Since 2x4s may not be perfectly straight, you can push them against the concrete edge using a clamp.

If the other side is a wood fence, you can simply staple some pond liner to the fence. In the picture below, the space between the concrete and the fence was narrow. I left a gap between the pond liner for drainage.

Easily cut cement board using a reciprocating saw. You can also use a utility knife or the WEN Electric Fiber Cement and Siding Shear, Variable Speed (3670).

In this case, I placed the cement board over the gaps between the pond liner to prevent weeds from growing along the gap.

You can then put rocks like I did pictured below.

There will still be a small gap between the concrete edge and the 2x4s. Fill that cap with concrete control joint sealant. I like Sikaflex Self-Leveling Sealant. Learn more.

For the rocks, I used ¾-inch ginger rocks / Sonoma gold rocks.

Shakshouka / Menemen Recipe

Moroccan Shakshouka and Turkish Menemen are very similar. Here’s my version of these dishes.

Ingredients

  • 3 eggs
  • 1 8oz can of fire-roasted diced tomatoes (Target / FoodMaxx)
  • 2/3 cup frozen diced onions (Smart n Final)
  • 1//4 cup cilantro for garnish
  • 2 tbsp wet minced garlic
  • 10 tbsp olive oil
  • Smoked paprika (not regular paprika)
  • Salt and pepper
  • 2 tbsp tomato paste (optional)
  • Pita bread

Instructions

  1. Pour olive oil in medium 10″ pan on medium-high heat
  2. Fry onions and garlic until slight brown
  3. Pour in diced tomatoes and sprinkle in smoked paprika, salt and pepper to taste (optionally, add tomato paste)
  4. When mixture is not too runny, make 3 deep dimples in the pan and crack each egg into them
  5. Cover and poach on low heat until egg white changes from translucent to white. Turn off heat so that egg yolk is still runny.
  6. Garnish with cilantro
  7. Cut some pita bread in quarters and warm for 15 seconds in microwave
  8. Eat
Fry diced tomatoes and garlic in olive oil
Cook fire-roasted tomatoes with smoked paprika, salt and pepper and optionally tomato paste
Make dimple in mixture
Crack eggs into dimples without breaking yolk
Cover and poach eggs on low heat until egg whites are white, not transparent
Like this
Garnish with cilantro and warm up pita quarters
Eat directly from pan

Steak Recipe Using Ninja Foodi Smart Grill

So, I just got the Ninja Foodi Smart Indoor Grill which doubles as an air fryer and mini oven. I have another cheaper indoor grill but tends to produce smoke and always triggers my smoke sensor. So far, though the Ninja grill is larger, it hasn’t emitted any smoke nor triggered my smoke sensor and produces better grill results.

Here’s how to make steak using it.

Ingredients for Marinade

Preparation

  1. Get your steak (minimum 1″ thick and preferably from Costco).
  2. Put that steak in a ziploc bag.
  3. Mix water and sauce and pour into the ziploc bag.
  4. Zip the bag and turn a few times and let marinate for 1 to 8 hours.

Cooking Instructions

  1. Insert thermometer into middle of side of steak such that the tip is at the center of the thickest part.
  2. Turn on the Ninja grill by pushing the grill button.
  3. Click the left up/down arrows to choose a doneness level. I like medium rare.
  4. Push the thermometer / preset button to start the preheat phase
  5. Sprinkle salt on both sides of the meat.
  6. When preheating is done, it will beep and tell you to insert the steak. Do so.
  7. Sometime later, it will beep and tell you to flip the steak. Do so, preferably using silicone-tipped tongs.
  8. Sometime later, it will be done and tell you to get the steak out. Do so and wait 5 minutes before enjoying.

Grill Vegetables (optional)

To complement the steak, you can grill some vegetables in the Ninja grill also. Here are the veggies that grill well.

  • Asparagus
  • Zucchini
  • Tomatoes
  • Onions
  • Bell pepper
  • Jalapeno peppers
  • Tomatillo peppers
  • Corn

Instructions

  1. Cut vegetable in half or in slices.
  2. Remove spicy seeds from peppers.
  3. Slather with / baste in oil.
  4. Sprinkle coarse salt and pepper.
  5. Turn on Ninja grill
  6. Push grill button
  7. Push right up/down to set the time to 6 minutes
  8. Push thermometer / preset button twice to skip preheating
  9. Put veggies in grill
  10. The grill will beep when done.

Tips for Visiting Istanbul

Here’s a custom Google Map with markers of interesting places to visit in Istanbul.

Food

Baklava

Karaköy Güllüoğlu
Karaköy, Rıhtım Cad. Katlı Otopark Altı No: 3-4 Istanbul / Turkey T: +90 212 293 09 10 Google Maps

Carrot Shaped Baklava with Ice Cream

Iskendar Kabab

Sırevi
Alemdar, 34122 Fatih/İstanbul, Turkey Google Maps

Beef Pide

Guvenc Konyali

Ankara Cad, Hocapaşa Hamamı Sk. No: 4, 34110 Fatih, Turkey Google Maps

Tours

Aya Sofia and Blue Mosque Walking Tour

Grand Bazaar Walking Tour

Galata Bridge – Karakoy Walking Tour

Istiklal Cadessi Walking Tour

Süleymaniye Mosque to Spice Market Walking Tour

Quickly Create Photo Slideshow Video

This tutorial uses Corel VideoStudio Pro.

1. Add photos to project

Sort the photos as desired, usually by date, so they appear in chronological order.

2. Select and drag photos to video track

All photos will be added to the video track

3. Change duration of each photo

If the duration of each photo is too short or long, select all photos, right click and click on “Change Photo Duration …”. This will change the duration for each and all photos.

4. Add a transition effect

Choose a transition (a simple “crossfade” is the best”), right click and click on “Apply current effect to video track”.

This will result in the transition being applied to all photos.

5. Add Pan and Zoom effect

Select all photos, right click and click on “Auto Pan & Zoom”.

6. Drag audio file to music track

You can find some background music from Sound Cloud.

7. Add intro slide

Click “Instant Project” icon, click on “Beginning”, choose a template, right click and click on “Add at the beginning”.

8. Edit intro slide

Since the intro slide is a template, you will see placeholder content.

Drag a photo to the placeholder clip and hold “Ctrl” to replace the clip. This will cause the photo to be formatted to fit the template.

Double-click the text clip to edit the text of the intro template.

9. Add end slide

This process is the same as for adding the intro slide but click on “Add at the end” instead.

10. Add text to some photos

Click “Title” and then pick a title template. The one with a semi-transparent background is good. Drag it to the Title track where you want the text to appear.

11. Change text and background color

This title template animates the text.

Convert it to a simple fade in and out by clicking on the “Attribute” tab in the Options Panel for the title, click on “Attribute” tab, click on “Animation”, and disable animation by unchecking the “Apply” checkbox.

The background of the text is too light so let’s darken that semi-transparent bar. Double-click on the title clip and in the Options Panel, click the “Edit” tab, and click on the black color in the Text Backdrop context menu as shown in the screenshot below.

Double-click on the title clip again and edit the text.

12. Add more text

Copy and paste the text clip to other photo clips and edit the text.

13. Render video

Click the “Share” tab, choose a setting, and click “Start” button.

Batch Search and Replace in VisualStudio Code

Have you ever needed to do search and replace multiple times against the same file or set of files. If so, the Batch Replacer extension for VisualStudio Code makes this very simple.

  1. Open a folder or file in VisualStudio Code
  2. Create a new file (no need to save it) and enter some search and replace instructions, e.g.

In the example above, I want 3 different replacements done in the order shown and I only want the replacements done to a specific file. The “in” command is followed by the path of the file relative to the root of the workspace open in VS Code. If the file is open, you can get it by right clicking on its tab and selecting “Copy relative path”.

3. Execute the replacer script

To run the batch replacements, you active tab must be the tab containing your replacement instructions. Then, hit CTRL+SHIFT+P -> Batch Replace. A status window will appear in the bottom right corner telling you how many files have been modified. If you want to batch replace across all files in your workspace, don’t include the “in” instruction.

How to Make a Quality Video Presentation With Slides and Someone Talking

In this article I explain how to create a video presentation like what you see below. Features of this video include:

  • custom background (still image or video)
  • the presenter on one side
  • presentation slides on one side
  • clear audio

Equipment

Following is the equipment I used to make this type of video.

Video Editing Software

Corel VideoStudio Ultimate – $80

Presentation software

Google Slides (online) – Free

Wireless Presenter Pen

This is used to change slides wirelessly.

Generic Pen – $11

Green Screen

I bought a 7’x10′ green screen. I got just the fabric because I semi-permanently attached it to my garage ceiling since I don’t plan on using anywhere else.

Generic green screen – $21

Learn how I set up my green screen

If you want a green screen that comes with a stand, there are many options online (Amazon, etc) but they are more expensive.

Lighting

Lighting is key to getting good chroma key results and a good video overall. In particular, you want to eliminate shadows as much as possible.

Generic Softbox Photography Lighting Kit – $67

Background Image or Video

You can replace the green background with a still image or a video. One stock photo and video site is ShutterStock.

Video Camera

I just use my smartphone (Google Pixel 3 XL) to take videos.

Microphone

In order to get clear audio, you need a microphone. You can get one with a 3.5 mm jack or a USB C jack, depending on your recording device.

USB C Lavalier Mic 10 feet long – $15

iBower Lavalier Microphone (IBO-MIC100) – $26

If your phone has a USB-C jack instead of a 3.5mm jack, you’ll need an adapter and an extension cable. I’m using the Apple – USB-C to 3.5mm Headphone Jack Adapter – White ($9) and a 16′ long TRRS 4 pole 3.5 mm male to female audio extension cable ($9)

Important: the audio cables MUST be 4 poled TRRS cables / adapters, not 3 pole TRS cables / adapters. The extra pole is for the microphone.

Video Recording App

I use Cinema FV-5 to record video from my phone because it supports an external mic on my Pixel 3 XL.

Cinema FV-5 ($2.50)

An alternative to this app is Open Camera (free).

Tripod

A tripod is necessary to hold your smartphone at the correct height to take videos.

AmazonBasics Tripod – $18

Tripod Mount Adapter for Smart Phones

This mount will allow you to hold your smartphone to the tripod.

Generic Tripod Mount Adapter for Smartphones – $10

Laptop

I use a Lenovo with 16 GB of RAM and an SSD both specs of which are necessary for video editing performance. I got mine on sale from Costco.

Laptop Stand

I’m using a sheet music stand as a laptop stand.

GLEAM Sheet Music Stand Metal with Carrying Bag – $28

Workflow

The overall workflow is as follows:

  1. Create presentations slides and export them as images
  2. Record video
    1. Stand in front of the green screen with softbox lights on
    2. Clip lavalier mic to shirt and connect it to smartphone on tripod (if necessary, using USB extension cables and an adapter).
    3. Place laptop on laptop stand outside the camera field of view
    4. In video recording app, ensure audio source is set to “external mic”.
    5. Press record and speak while reading and changing slides remotely using the wireless presenter pen
  3. Create final presentation video

Google Slides Tips

Export all slides as images

Creating slides in Google Slides is very similar to how you create them in other presentation apps like MS Powerpoint. In Google Slides, however, if you want to export all slides as images, you need an add-on. I use Slides Toolbox by Digital Thoughts. Once you’ve added that add-on, you can open it

and choose to export all slides as JPG or PNG images.

Set a background with transparency

Notice how in my final rendered video, the background video shows through the slides.

That was accomplished by setting the transparency of the background in Google Slides to around 70% opaque (30% transparent). If you want a semi-transparent background, then you must export the slides as PNG images rather than JPG images.

Test Slides

Download a sample presentation with semi-transparent background in ODP (OpenDocument Presentation) format which you can import into Google Slides.

You can also download the test slides in PNG format for importing into VideoStudio.

Video Recording Tips

  • Position the lavalier mic such that you don’t hear the sound of you breathing.
  • Stand far from the camera to record more of yourself. You can always crop the video later.
  • If you have a fast computer with plenty of SSD space, record your video in 4K for ultra hi definition (UHD) resolution. Otherwise, record at 1080p hi definition (HD).
  • Using the softbox lights, and other lights, if necessary, eliminate as many shadows as possible. For example, the picture below shows dark shadows which will be difficult to remove when you’re editing the video.
  • In the Cinema FV-5 video recording app, set audio source to “external mic”. When you push the cable into your phone, the wired microphone icon near the top-right corner appears in the app. This tells me the audio source will come from the external mic.

Video Editing Tips

NewBlueFX Chroma Key Filter

Use the NewBlueFX Chroma Key filter in VideoStudio to key out the green background. Read my blog post titled NewBlueFX Chroma Key to Easily Remove Green Screen in Video for step-by-step instructions.

Organize assets

Put all assets in a single folder. Below is a screenshot of my video assets which includes

  • 1 background video of the earth rotating
  • 5 semi-transparent presentation slides
  • 1 video of my giving a presentation in front of a green screen

For the background video, I picked a video that could be looped seamlessly.

Smart Proxy

Make sure to enable Smart Proxy in VideoStudio to improve video editing performance. For more information, read my blog post titled Improve Performance When Working with Large Videos in Corel VideoStudio.

Export

When you export the video, you will have many settings and export presets to choose from. For each preset, you can see the estimated output file size. There’s no point in choosing a high quality output if the source video is low quality. In Windows Explorer, right click on the foreground video and click Properties > Details to see the video specs. The screenshot below shows that my foreground video taken on my phone was 1920×1080 with a bit rate of 22254 kbps (~22 Mbps) and a frame rate of 30 frames per second (fps).

For this, I chose the following spec which gave an estimated output file size of 252 MB for a 13 minute video.

Workflow

In VideoStudio, my workflow is

  1. Create a new project
  2. Add all assets (videos, slides, etc) to the project
  3. Verify SmartProxy is enabled
  4. Add an overlay track so that I have 2 overlay tracks
  5. Drag the background video to the Video track
  6. Drag the slides to the Overlay 1 track in order
  7. Drag the foreground video with the green screen to the Overlay 2 track
  8. Crop the foreground video as necessary
  9. Using NewBlue FX Chroma Key filter, remove the green background so that it’s transparent
  10. Copy and paste the background video multiple times to span the duration of the foreground video
  11. In the Preview panel, drag the foreground video to the left
  12. In the Preview panel, drag the slides to the right and line them up using the grid that appears
  13. Preview the composite video and make changes, as necessary
  14. Export the video

How to Take Pictures to Get the Right Shot

Most people take pictures by just manually taking a shot when they are ready. Since many things could go wrong with taking just a single shot, e.g. the subject blinks or yawns, a car drives by, etc, then some people will take multiple shots manually – maybe 2 or 3. However, this still doesn’t necessary offer the best shot because the subject may not like how they look in a particular stance or the lighting may not be at their particular angle. Also, photos of people just looking straight at the camera or posing often look boring, as opposed to photos that appear to be taken randomly or without the subject knowing.

Snapshot from Video

To resolve this, you could take a 4K video from your mobile phone, open the video in a video play like VLC, scrub through the video and when you are on a frame you like, take a snapshot (not a screenshot).

Pros:

  • many frames to choose from (usually 30 frames per second)

Cons:

  • large file size
  • must open video and scrub through and pic from you like
  • videos are generally more compressed than images

Series of Still Images Taken Automatically

To get around the cons of the video approach, you can take a series of still images and just pic the ones you like. This is sometimes called “burst” mode. Ideally, you would be able to

  • set a delay timer (if you will put the camera down and be in the picture yourself)
  • set how many pictures to take, e.g. a max of 5 or 10 pictures or unlimited if you want to stop taking pictures when you push a button
  • an time interval between which photos will be taken, e.g. take a picture every 0.5 seconds, 1 second, 5 seconds, etc.

One app that meets these requirements is Open Camera. It’s free and looks well made. In the screenshot below. I enabled Face detection so that if the subject moves, like when you’re taking a video, the subjects face should always be in focus. I set Repeat to 10x to take a maximum of 10 pictures and I set Repeat mode interval to 1s so a picture will be taken automatically every 1 second.

In this example, I’d end up with 10 pictures. I could then just pick the best one and delete the rest.

Comparison

To compare the picture quality of this method verses taking stills from a video, consider the following photos.

From video
From a series of still images

If we zoom in to 100% and focus on a small section, you’ll notice there are more artifacts and blurriness in the still taken from the video, not to mention the contrast and color looks much better in the still shot.

From video
From a series of still images

If I enlarge the images, the artifacts in the video snapshot become much more apparent.

From video
From a series of still images

If you set the Repeat to Unlimited and Repeat mode interval to No delay, the app will take as many pictures as it can until you push the stop button. For comparison, a 10 second 4K video consumed 61 MB whereas 10 seconds of unlimited, no delay pictures produced 23 images totaling 45 MB.

The next time you want to take a picture, you may want to try Open Camera and take a series of many pictures as your subject walks around or behaves naturally.