Category Archives: Web Design

3 Box Layout

6 Popular Website Designs to Inspire You

Popular Website Designs

It can be the toughest yet most fun part of designing your website and that is deciding on a layout.  The choices are endless from simple yet clean designs to elaborate multi-box web designs.  What may work for one website project, may not work for another website project.  It is why it is so important to plan ahead when deciding on what popular website designs you would like to incorporate in your next project. Continue reading

Mobile-Friendly

How to Make Your Website Mobile Friendly

Google has announced that not having a mobile-friendly site could hurt your ranking.  With over 184 million people owning smartphones, it’s the people’s choice when it comes to browsing and searching.  And Google is 4th on the list of most popular apps that people use on their smartphones.  So it is no surprise that Google is changing their algorithms to “reward” mobile-friendly sites by bumping them higher in the rankings. Continue reading

SEO – What Are The Meta Tags ‘NOODP’ and ‘NOYDR’ Used For

In doing some website research and SEO research, I came across a couple of sites that have the following <meta> in their source code:

<meta name=”robots” content=”NOODP, NOYDIR” />

In a recent article, I wrote about how to set up your meta data for your site but I didn’t discuss the ‘robot’ meta tags.  Basically this <meta> tag tells the “internet robots” what to do with your site, like FOLLOW, NOINDEX, INDEX, NOFOLLOW.

These tags go in-between your <head> & </head> tags.

So what are NOODP & NOYDIR ? Continue reading

transparency

CSS Opacity and Transparency

The opacity property is how transparent an object is over another object on a web page.  The default value of the opacity property is 1 and the range is from 0 (completely transparent) to 1 (no transparency at all).  Let’s create a nice visual effect using the CSS opacity property. Continue reading

css tip text box transparency

CSS Opacity Property – Text Box

In another article, we discussed how we can use the CSS Opacity Property to change the transparency of an image.  But let’s say we want to keep the image at its normal opacity (100%) but we want to add text over the image.  Depending on the background of the image and the color of the text, it may make it hard to read the text. Continue reading

featured image

How To Use Featured Image In WordPress

Writing blogs is not just about what you are writing about.  There is some planning involved in-order to make your blog not just informative but pleasing to your reader. When organizing your posts, I’m sure you are thinking about items like:

  • Content
  • Audience
  • Images
  • Advertising
  • Related Topics
  • Etc

metaBut one item to think about is the Featured Image.  If you don’t spend some time thinking about this, your blog may not look as sleek or clean as it could be.  Usually the theme that you are using has already set how it displays the featured image however you may have to take it a set further.

Hopefully you use a program like Photoshop or Fireworks or another image-type software.  Make a template that fits what you are looking to do.  For example, if a box for your featured image works, set up a .psd file and do the following steps:

  1. Set the canvas to dimensions of 250px x 250px (or whatever size your prefer).
  2. Copy and paste the image that you would like to use for the featured image.
  3. Create a rectangle over the image and make the color a color that goes with your theme.
  4. Change the fill of that rectangle to 80%.
  5.  Add some text above the rectangle using a font that goes with your theme.
    1. Be creative here, think of this space as like a short headline to attract readers to your article.
  6. Save the image to your gallery in WordPress.
  7. Edit your post and use the new image as your featured image.
  8. Redo steps 2-7 for all your articles.
  9. Save the .psd for future use on your future articles.
  10. DONE !!

Now your home page to your WordPress blog will have featured images that are all uniform, making it cleaner and visually nicer.

If you have any questions regarding how to do this, please comment below.  If you have your own tips on how you use featured images, I would love to hear them.

quick

Create A WordPress Gallery

Overview

If a picture is worth a thousand words, would 10 pictures be worth ten-thousand words? Creating a WordPress gallery is very simple to do.   But before you start your first gallery, you need to upload images to your Media Library.

Step 1 – Place Your Cursor To Where You Want The Gallery In Your Post

You can put a gallery anywhere you would like on a post or a page.  Put your cursor at the area in the post/page that you would like the gallery.  Best if you have the cursor on a new line so that the gallery is not next to a block of text.

gallery1

Step 2 – Click the “Add Media”

After you placed the cursor at the spot that you want the gallery, click the “Add Media” button just above the tool bar for the post/page.

gallery2

Step 3 – Add/Select Images For Your Gallery

At this point you can upload images to your gallery or you can select existing images.  TIP:  You can add images and upload images to your gallery at the same time by switching back and forth between the Upload Files and Media Library tabs.

gallery3

Step 4 – Create Gallery

When you are done selecting or uploading the images, click “Create Gallery” from the left menu bar.  Then clicking the blue “Create a new gallery” button in the lower right-hand corner of the screen.

 

Step 5 – Edit Your Creation

Now you can edit the images that you selected.  You can RE-ARRANGE, REVERSE, ADD DESCRIPTIONS or REMOVE/ADD images.  If you are using the Jet Pack plugin, you can change how the gallery is displayed.  When you are done, simply click the blue “Insert gallery” button in the lower right-hand corner of the screen.

gallery4

Step 6 – View/Save/Continue

After the gallery is inserted, you can continue writing, publish, save or edit the gallery.  To edit the gallery, just click your mouse anywhere over the gallery in edit mode and the two boxes will appear in the upper left-hand corner of the screen.

The pencil shape will bring you back into the gallery edit whereas the “x” will delete the gallery from your post/page.

gallery5

Your gallery is complete.

Happy Writing,

Jim

breaking

NYC One Of The First US Cities To Get Its Own gTLD

In The City That Never Sleeps

The internet is no exception to that.  And for New York businesses, a chance to have a domain with .nyc to follow it.  Other cities in the world, including London, Berlin and Paris have already had their city names become a gTLD (Generic Top Level Domain).  But in 2014-2015, there will be about 35 US cities getting their own TLD.

NYC-DomainsThe goal is to make it better for NYC businesses to promote tourism with having a .nyc in their domain.  Tens of millions of people visit the Big Apple every year and having .nyc is a perfect promotional tool to attract visitors to NYC businesses.

Do you have to dump your old .com?

Definitely not!  Lots of companies own their domain with .com, .net, .co to prevent other companies from piggy-backing off their established brands.  Adding .nyc is just another tool.

Where do you get a .nyc?

Get your .nyc at www.hostingdomainsweb.com and get your NYC pride on with your .nyc domain for

Be one of the first businesses in NYC to get your .nyc.

Can anyone get a .nyc?

Unfortunately only businesses, organizations and residents of NYC will be able to register a .nyc for their domain.  In order to possess one, you would have to have a physical address in NYC.

breakBank

Working With A Web Designer

Like designing a new kitchen or bath, you want someone who understands your needs and goals. You may not want a trendy kitchen in an old Victorian home. Or maybe having two sinks in the bath is an essential. Building a website is no different. You want someone who will work with you and listen to your needs.

Waterviews Book

customer3In working with John Cardone on his website for his book, Waterviews. The look and feel of the website needed to match the look and feel of his book. Using the same color schemes and font styles help us achieve that goal.  As the brainstorming continued, we needed to add more pages to his site to accomplish the goal of having a list of his upcoming events.

John is in the process of writing a second book on Waterviews and we have already started to discuss website modifications to join both books into one site.  This site was written in HTML, CSS.

Smile Cube Photo Booth

customer4A great addition to any party, a photo booth is a fun idea to get people interacting at your party.  With this site, Paul (owner of Smile Cube) needed everything for this brand new business.  Together we went through many logo transformations before getting to the final project.

As for the site, Paul wanted an upbeat-kind-of-site that catches the attention of his visitors.  The site informs the visitors of its options as well let’s the visitors know what to expect from Smile Cube Photo Booth.  Linking to social media sites was important because pictures taken at events need to be online for previous guests to be able to find them.

Your Next Project

flyerThese were only a couple of examples of sites completed by myself.  When searching for your next web designer, make sure it is someone that will listen to your goals.  And pricing on a website shouldn’t break the bank.  I work with small businesses knowing that small businesses have tight budgets.  I offer payment plans and I do not “nickel and dime” over hours.

Special Offer

$100 off any web designs with the purchase of a hosting plan.  It is like getting a free hosting plan AND domain from HostingDomainsWeb.com and still have money left over for your web design.  Learn more about my design process.