Filed under Web design

How to make Youtube Iframe Responsive

March 5, 2016 2:45 pm Published by Leave your thoughts

The default Youtube video iframe embed code is anything but elegant and will break most responsive web designs if you try to embed a Youtube video on your website. Fortunately there’s a workaround for everything and we can easily turn any Youtube embed responsive using some simple CSS magic. Here’s how: Youtube embed responsive When you use the original iframe embed code the result may look something like this, where the red box is just a normal wrapper and our video is breaking outside of it: To counter this, the first thing we do is remove the fixed width and height... View Article

How to add unique meta description tags in WordPress without plugins

February 16, 2016 4:00 pm Published by Leave your thoughts

When I checked my website for errors in the Google Search Console earlier this morning, I noticed a warning about duplicate meta descriptions on my WordPress website. I had 205 pages with duplicate tags and at first I didn’t think much of it, but I decided to find out the significance in terms of better SEO just in case. I was shocked to realise that having duplicate meta description tags throughout your WordPress blog is a bad idea and Google doesn’t like it one bit! Google: Don’t duplicate meta description tags Google’s Matt Cutts has officially stated in his video that... View Article

Design Features of a Great Website

December 19, 2015 12:35 pm Published by Leave your thoughts

You can’t skimp when it comes to great design features that make up a top notch website. Failure to include any of them could be disastrous for your site’s conversions from visitor to customer. Let’s talk about some of those necessary features. First of all, the site must have a good overall appearance so that is appealing to the visitor. It has to be attractive and professional looking. The proper use of color is very important, by using two or three primary colors that will create a mood and a proper tone for your theme. What those colors should be depends... View Article

I just made a new Blogger template for Pictures.ee

October 31, 2015 9:00 pm Published by Leave your thoughts

Pictures.ee is a brand new website or should I say, photoblog, where you’ll find various nature related photography made by two amateur photographers in Estonia. Due to a limited budget we decided to use Blogger as our Content Management System mainly because of the free hosting it provides. It’s true that Blogger has a lot of limitations compared to other more sophisticated CMS out there, like WordPress, but for now it serves its purpose just fine. I really wanted to keep the design simple so I removed most of the usual clutter that comes along with every basic template. At... View Article

Dental Website Design Is A Lucrative Business For Most Website Designers

September 15, 2015 8:23 pm Published by Leave your thoughts

Whether it has been just for a scheduled check-up, pulling out a wisdom tooth or having fillings placed inside your teeth, most of us have had the need to visit a dentist at some point in life. Let me guess, the bill was anything but reasonable? That’s because a dentist is nothing more than a businessman and their dental office is their monopoly. It’s not a coincidence that in most countries your healthcare will not even cover any of your dental problems. Have you ever noticed how your dentist is gently trying to market all sorts of different “As Seen... View Article

HD Asphalt Pavement Background Image for your next web project

July 30, 2015 11:38 pm Published by Leave your thoughts

I took this with my Samsung Galaxy S2 which has a pretty decent 8MP camera for a smartphone. Added some finishing touches using a freeware photo editor software called PhotoFiltre and the result is a wonderful, slightly dark asphalt background image. You can use it wherever and however you see fit! I would appreciate if you linked back to my site though, but it’s not required. Click on the image to enlarge

Closable jquery full screen popup window and how to make it using CSS

July 23, 2015 2:45 am Published by 3 Comments

Have you ever wondered how some websites display a closable div or a full screen overlay on top of their main content to say something really important to the viewer? I had to do something similar for my old portfolio that is no longer updated, to direct readers to my new and better looking portfolio instead. Here’s how I did it. HTML popup window is dead I just had to say this before I continue. Do not use HTML/Javascript pop up windows- most browsers block these by default and if you mange to bypass the popup blockers, you’re just going... View Article

WordPress Portfolio Theme

July 20, 2015 2:23 am Published by Leave your thoughts

By breaking up the skeleton of underscores I was able to craft this portfolio theme for WordPress Main features Navigation menu is generated from categories and displays a category view Cool sliding effect on the menu using a combination of transition and padding As you scroll down the site title and description disappear along with the navigation menu They reappear when you start scrolling up Custom header gets added to Artwork and Music categories by manipulating directly CSS style with jQuery Footer has three distinct columns Picture links in gallery and footer icons have a tint overlay effect on hover... View Article

Realistically, how much should a website cost?

July 12, 2015 4:50 pm Published by Leave your thoughts

Every web development agency is known for either being secretive about their web design prices, or throwing around huge and unrealistic numbers, when in reality the most common modern website design cost can easily fit within the $200-$400 range. How much does it cost to build a website Not much! For clarity, let’s only talk about building a simple business-card type website with no custom built CMS (Content Management System) in this article. These types of websites are ideal for small businesses who operate mainly offline. For example restaurants who publish their best meals and prices on their website or... View Article

How to customize Jetpack’s Infinite Scroll footer and style the “scroll to top” link

July 10, 2015 1:52 am Published by Leave your thoughts

Jetpack comes with a great feature called Infinite Scroll that adds Facebook style scrolling of content to your website, meaning that more posts are loaded as the reader scrolls down the page. The only thing that sucks about the Infinite Scroll is the footer style. By default you’ll get a semi-transparent white box under your website that says: “Proudly powered by WordPress” along with the theme name you are currently using. Here’s how to remove the default footer and replace it with a subtle arrow icon that’s pointing upwards. Warning! You will be editing the Jetpack system files directly which... View Article