HomeHelpful ResourcesPrinter Friendly Version

Helpful Resources

1. What Does Your Website Look Like on Different Devices?

1.1. See Your Site Quickly on Numerous Devices

Here's a neat website that will show you how your website looks on 4 different sized devices all at once. Just put your website URL into the field. Don't type your domain name, you must enter the HTTP:// too.

http://ami.responsivedesign.is/

 

Another site that can easily show you what your site will look like on numerous different devices and screen sizes is the Responsive Design Cheker.

http://responsivedesignchecker.com/

1.2. How To Clear Your Cache

Web Browser Cache

Caching will greatly speed up your website, but it may also inhibit you from seeing very recent changes. If an image, text, style or layout has changed on your site recently, but you are still seeing the old version, it may be caused by your web browser cache.

Links to tutorials on how to clear the cache for the most popular web browsers:

You don't have to clear all your cookies and saved passwords. Make sure to re-start your browser after clearing the cache.

 

Server Cache

Some hosting providers utilize caching techniques to speed up your site. That cache needs to be cleared using their proprietary "clear cache" method.

For instance, WPengine has their "Purge Cache" button right inside your WordPress powered website's Dashboard.

 

Cache via a CDN

Content Delivery Networks or CDNs are utilized by fast loading sites to take advantage of yet another caching technique.

For instance, the DNS service provided by Cloudflare offers a CDN service. If it is active, then that will need to be cleared too. Cloudflare allows you to purge individual files or everything. It also gives you the option to go into "Development Mode" which bypasses all cache.

 

DNS Cache

Up to now, we've been talking about caching that affects images, text or other files on your website. But what about when you are moving your website? When you point your website from an old hosting vendor to a new one, there are factors that affect how it takes before you see your site on the new host.

For this article we will look at your web browser.

Chrome

For the Chrome web browser, click this link. Then click the "Clear host cache" button.

chrome://net-internals/#dns

 

Firefox

One way is to use the same method as simply clearing regular cache. Another way is to use an Add-on called DNS Flusher. Install this add-on and then click the button on your Firefox toolbar.

 

 

 

 

 

 

2. Where to Get Stock Media

2.1. Stock Images

The Big Name Stock Photo Sites

These are all paid sites. You either subscribe to a monthly plan which allows you to download a set number per month. Usually unused downloads roll over to the next month. Or you buy credit packs which are good for a year. Then buy images using credits. The larger the image or more unique, the more expensive.

  1. fotolia
  2. iStock
  3. dreamstime

 

Some Free Sites

  1. pixabay
  2. picjumbo
  3. Pexels
  4. Unsplash
  5. Cupcake
  6. Life of Pix
  7. Negative Space
  8. StockSnap
  9. Picography
  10. FancyCrave
  11. skitterphoto
  12. kaboom pics
  13. stokpic

 

Background Textures

  1. Subtle Patterns by Toptal

 

Unusual Sites

  1. SplitShire > high quality, some unique and unusual, but still usable for business sites
  2. New Old Stock > vintage photos from public archives. Use Google Advanced Search by domain and look at the images tab.
  3. Gratisography

 

2.2. Stock Icons & Illustrations

 

  1. Vecteezy - icons, backgrounds, vector art
  2. Flaticon - over 1 million vector icons in 24,000+ packs
  3. Freepik - vector graphics, icons and photos

2.3. Stock Videos

 

Free Stock Videos

  1. coverr

 

3. All About Fonts

3.1. Trendy Fonts for Your Website

Google Fonts

Choosing a Google Font makes it extremely easy to integrate the font into your website, and the fonts are FREE. This site lists 10 good combinations.

https://howtogetonline.com/best-google-font-combinations-currently-trending.php

 

Typewolf

A great resource that covers all sorts of combinations for headings and body across most industries. Not all the fonts recommended are free.

https://www.typewolf.com/

 

Great Simple Studio

Yeah, the list is from 2017, but there are still some pretty cool combinations.

https://fonts.greatsimple.io/

 

 

 

3.2. Font Size Conversion Chart

Font Size Conversion Chart
PointsPixelsEmsPercentKeywordDefault sans-serif
6pt 8px 0.5em 50%   Sample text
7pt 9px 0.55em 55%   Sample text
7.5pt 10px 0.625em 62.5% x-small Sample text
8pt 11px 0.7em 70%   Sample text
9pt 12px 0.75em 75%   Sample text
10pt 13px 0.8em 80% small Sample text
10.5pt 14px 0.875em 87.5%   Sample text
11pt 15px 0.95em 95%   Sample text
12pt 16px 1em 100% medium Sample text
13pt 17px 1.05em 105%   Sample text
13.5pt 18px 1.125em 112.5% large Sample text
14pt 19px 1.2em 120%   Sample text
14.5pt 20px 1.25em 125%   Sample text
15pt 21px 1.3em 130%   Sample text
16pt 22px 1.4em 140%   Sample text
17pt 23px 1.45em 145%   Sample text
18pt 24px 1.5em 150% x-large Sample text
20pt 26px 1.6em 160%   Sample text
22pt 29px 1.8em 180%   Sample text
24pt 32px 2em 200% xx-large Sample text
26pt 35px 2.2em 220%   Sample text
27pt 36px 2.25em 225%   Sample text
28pt 37px 2.3em 230%   Sample text
29pt 38px 2.35em 235%   Sample text
30pt 40px 2.45em 245%   Sample text
32pt 42px 2.55em 255%   Sample text
34pt 45px 2.75em 275%   Sample text
36pt 48px 3em 300%   Sample text

 

Using keywords simplifies sizing for mobile devices which have set limited font-sizes. Most modern browsers reproduce a very similar keyword size cross-browser. IEv6- gives the biggest size discrepancy but personally I considered that acceptable.

For accessibility reasons I suggest the minimum body content font-size to be Arial, Verdana or Helvetica at 75% / 0.75em / 12px / 9pt. With a decent amount of line height 140% - 150%.

If you are using very small fonts, 10px or less, I advise using Verdana as it's actually designed to work at small sizes. At larger sizes Arial appears to be clearer.

There is a common practice where the body element is set to 62.5% which has the effect of equating (sort of) em to px. For example: 1em = 10px; 0.8em = 8px, and 2.5em = 25px.

source: http://websemantics.co.uk/resources/font_size_conversion_chart/

4. Photo Editing and Drawing Tools

4.1. Meme or Animated GIF Generators for Social Media

For some social media posts, it is nice to use a meme or animated gif generator tool to quickly knock out your graphic.

 

IMGflip

https://imgflip.com/

Use an image from their library or upload our own. Super easy to use.

 

 

4.2. PixTeller

PixTeller is an amazingly simple graphic design platform to help you create a bunch of engaging images for everything under the sun – web projects, social media covers, banners, graphics,  print or any other design.

With PixTeller you can replace anything from images and shapes to text and colors using its design editor and create high quality personalized designs in just a few seconds.

 

Free Version > up to 5 images per month

Pro Version, $10/mo > unlimited

 

https://pixteller.com/

 

If you want a simple tool to resize and crop images, this is it.

 

4.3. Affinity Photo

https://affinity.serif.com/en-us/photo/

Affinity Photo is professional photo editing software for just $49.99.

Faster, smoother and more powerful than ever, Affinity Photo continues to push the boundaries for professional photo editing software. With a huge toolset specifically engineered for creative and photography professionals, whether you are editing and retouching images, or creating full-blown multi-layered compositions, it has all the power and performance you will ever need.

-------------

A great Photoshop alternative at a much more affordable price. We have seen many positive reviews from designers.

4.4. AutoDraw - Google's Free Graphics Drawing Tool

Draw faster with a little help from artists and machine learning in this new drawing tool. Go to https://www.autodraw.com to start creating.

 

 

If you need to sketch something to help communicate with someone, then this is an easy tool to create that graphic and then just share the link. No saving files and trying to send a file attachment.

 

4.5. TinyPNG - Optimize Your Images in Quality and Size

https://tinypng.com/

You want your website to load fast, right? One of the easiest methods to tackle this is to be sure your images are optimized with the best quality and smallest file size. We recommend TinyPNG to do this easily to any of your images before uploading to your website.

If you'd like to have it done automatically for you when you upload your images to your site, talk to us about installing TinyPNG or another image optimization tool onto your site.

 

4.6. Easy Thumbnails - Bulk Image Resizing and Renaming

https://www.fookes.com/easy-thumbnails

Don't let the name fool you. This isn't just for creating thumbnail images. You can use it resize entire folders of original, huge digital photos down to manageable large, medium or thumbnail images. Save the new images into a new folder as to not touch the originals. We have been using this tool for years.

 

5. Color Palettes

5.1. 50 Beautiful Color Combinations

http://blog.visme.co/color-combinations/

 

One of the keys to making your design come alive is choosing just the right color combination. Whether you're attempting to evoke the feelings associated with a breathtaking landscape, a romantic sunset or a dynamic scene bursting with color, it takes a trained eye to bring together the perfect hues to drive your message home.

To save you some time and effort in your search for the ideal color combination, we've created a list of beautiful color schemes you can use in any of your projects.

5.2. Adobe Color

Create color schemes with the color wheel or browse thousands of color combinations from the Adobe Kuler community.

https://color.adobe.com

 

5.3. Coolors

https://coolors.co/

 

 

6. All About Domains and IPs

6.1. Domain Contact info Verification Process - You MUST Do

According to the regulations introduced by Internet Corporation of Assigned Names & Numbers (ICANN) starting from January 1, 2014, Whois verification emails will be sent. Whois verification will only be needed for the Registrant contact information for generic TLDs in the following cases:

  • for new registrations;
  • for registrant contact information changes on existing domains.

 

When a new domain is registered, an email will immediately be sent to the Registrant email address specified for the domain. The verification email will be also sent if an edit is made to either of the following Registrant contact fields:

  • Registrant First Name
  • Registrant Last name
  • Registrant Email Address

 

If the Registrant email is changed, the email will be sent to the new email address specified.

You must verify the email address by clicking on the link within 15 calendar days after registration. If you do not verify it within 15 calendar days, the domain will be suspended.  The domain will then be updated to point to a new landing page stating that the domain has been suspended due to a pending ICANN verification.

 

Krack Media's primary domain registrar is NameCheap.com on the ENOM platform. If you'd like to learn more from NameCheap and how they handle this process, please read about it at ICANN's Whois verification process.

 

 

 

6.2. Who is the contact for a domain?

Domains are registered at what are called Domain Registrars. When you register a domain, it is only for a period of time measured in years. There are 4 contact records associated with each domain: Registered Owner, Administrative Contact, Technical Contact and Billing Contact.

The Registered Owner is just that, usually the name of the business that is using the domain.

The Administrative Contact could be the business owner, their website developer, hosting provider, the domain registrar, or someone else.

The Technical and Billing Contacts can be anyone and really are not that important.

If you would like to look up the contact records for your domain or another, you will want to run a WHOIS lookup.

 

Visit the following site and enter your domain.

https://www.whois.com/whois/