CoreyMS

Development, Design, DIY, and more

Overview of Online Learning Resources in 2015

by Leave a Comment

There’s a vast amount of websites and resources online where you can go to learn about programming, web development, web design, software engineering, or anything else you could want. A lot of these online resources are either free or cost very little money. Let me show you some of my favorites so that you can begin learning or refreshing your knowledge on a wide variety of topics.

This video covers the following resources:

Resize Multiple Images Using the Mac Terminal

by Leave a Comment

One problem I run into frequently is needing to resize multiple images at once. To do this manually would take way too much time, especially if you have a lot of images.

Luckily, there are several good tools out the to automate this process for us. In this video we will be resizing multiple images using the Mac Terminal and the built-in “sips” command.

If you are someone who is more comfortable using an application rather than the terminal, I also have a video on resizing multiple images using Google’s Picasa. You can find that video here. With that said, in this video we will be focusing on the Mac Terminal. Let’s get started:

Resize Multiple Images Using Picasa

by Leave a Comment

One problem I run into frequently is needing to resize multiple images at once. To do this manually would take way too much time, especially if you have a lot of images.

Luckily, there are several good tools out the to automate this process for us. In this video we will be resizing multiple images using Google’s Picasa.

If you are someone who is more comfortable using the terminal, I also have a video on resizing multiple images using the Mac Terminal. You can find that video here. With that said, in this video we’ll be focusing on Picasa. Let’s get started:

How to quickly create favicons for the desktop, Apple/Android devices, tablets, and more

by Leave a Comment

In this video, We will walk through the process of quickly creating favicons for your website or brand that look great almost any device using realfavicongenerator.net

I am not affiliated with this site in any way; however I am a big fan. I used to create my favicons on my own. Once different mobile devices and tablets started to hit the market, it made it extremely difficult to keep up. This site allows you to drop in a single image, then it generates all of the icons and code you will need to support almost any device.

CSS Tips and Tricks: Add External URLs to Print Stylesheets

by Leave a Comment

Printing out URLs can be a nice edition to print stylesheets. When someone prints your article or blog post, you want them to know where your links would have taken them so that they can investigate those sources further if they desire.

However, you don’t want to include every link in the print stylesheet. Your internal links that loop back to your own website aren’t necessary and will bog down the print stylesheet with a lot of unneeded text.

So how do we add only the external links to the print stylesheet? In this video, we will cover several techniques you can use in order to achieve this.

The code I use to display external links within this website’s print stylesheet is:

a:not([href^="http://coreyms"])::after {
   content: " ( " attr(href) " )";
}

WordPress Plugins: Imsanity

by Leave a Comment

Imsanity is my favorite WordPress Plugin for keeping large image sizes under control.

It seems like every modern camera and cellphone can take amazing pictures. But those large images can take up a lot of unneeded space on your server. Not to mention it will slow your pages to a crawl if you try to load multiple images that are thousands of pixels wide.

Imsanity fixes this problem by allowing us to set a maximum image size. Then every time an image is uploaded, the file is resized for us, saving us both time and space. We just set it and forget it. Simple as that.

In this video, I’ll show you how to get Imsanity installed and running on your WordPress site. Let’s get started:

Mac Tip: Screenshots

by Leave a Comment

I am frequently taking screenshots of what I am doing on screen. It’s useful to know all the options you have in order to make this quick and simple. In this video, I’ll go over the different ways in which you can take some basic screen shots on your Mac, and look a few advanced techniques as well.

Keyboard Shortcuts Used:

  • Cmd + Shift + 3: Capture Whole Screen
  • Cmd + Shift + 4: Capture a Selected Area
  • Cmd + Shift + 4, then Spacebar: Capture Window

Terminal Commands Used:

screencapture -C -T 5 ~/Desktop/ss.png
defaults write com.apple.screencapture location ~/Desktop/Screenshots/
killall SystemUIServer