https://webguy.io/blogWeb and TechnologySat, 24 May 2025 18:32:44 +0000en-US hourly 1 https://wordpress.org/?v=6.9.1https://webguy.io/blog/finding-the-perfect-pricing-model-for-clients-over-the-years/Sun, 11 Feb 2018 02:12:55 +0000https://bryanhadaway.com/?p=4857Education and experience never end. There truly isn’t a place you reach where you can finally say: “Alright; complete; my expertise is perfect.” Even the “10,000 Hour Rule” has its criticisms. That said, after 12 years of being a professional web designer, I’m confident in saying I’ve figured a few things out. One of those ... Finding the Perfect Pricing Model for Clients Over the Years

The post Finding the Perfect Pricing Model for Clients Over the Years first appeared on Web Guy.]]>https://webguy.io/blog/if-you-have-users-simplicity-is-paramount/Tue, 06 Dec 2016 13:17:54 +0000https://bryanhadaway.com/?p=4519If you’ve created something that users, customers, players, readers, fans, whatever will be interacting with, primarily a website for example, ease of use, perhaps above all else, is the most important element to keeping people happy and greatly improves the chances that they’ll actually take action. This of course all starts with what their immediate ... If You Have Users, Simplicity is Paramount

The post If You Have Users, Simplicity is Paramount first appeared on Web Guy.]]>https://webguy.io/blog/the-false-equivalence-that-simple-is-the-same-as-ugly/Tue, 14 Jun 2016 20:55:54 +0000https://bryanhadaway.com/?p=4430As a minimalist web designer, this has been an uphill battle throughout my entire career, and I’ve heard simple designs referred to in every derogatory manner imaginable: plain, bad, boring, ugly, broken, stupid, dated, unprofessional, incomplete, and on and on. The truth is that minimalism is a philosophy, a very carefully considered methodology. Like a ... The False Equivalence that Simple is the Same as Ugly

The post The False Equivalence that Simple is the Same as Ugly first appeared on Web Guy.]]>https://webguy.io/blog/the-new-twitter-api-v1-1-nightmares-solved/Thu, 20 Jun 2013 01:27:32 +0000https://bryanhadaway.com/?p=3350Skip the reading, and get to (hopefully) the solution you’ve been looking for after scouring the internet in a headache-inducing rage seeing no help in sight for the past several hours… Two things are 100% true, progress is inevitable and people hate change. I should state upfront that I’m a web designer, not a programmer ... The New Twitter API v1.1 Nightmares Solved!

The post The New Twitter API v1.1 Nightmares Solved! first appeared on Web Guy.]]>https://webguy.io/blog/how-to-make-addthis-responsive/Mon, 18 Mar 2013 01:26:32 +0000https://bryanhadaway.com/?p=3153The problem I often see is that someone will pick up an all-responsive website template or WordPress theme for example and they’ll add all sorts of widgets and plugins to it, and more times than not, third-party add-ons are not responsive. As most people are not web designers or programmers, they tend to not think ... How to Make AddThis Responsive

The post How to Make AddThis Responsive first appeared on Web Guy.]]>https://webguy.io/blog/web-a-needle-in-a-haystack-industry/Mon, 04 Mar 2013 00:13:07 +0000https://bryanhadaway.com/?p=3132The web is a truly unstoppable industry, growing exponentially and completely unaffected (in my opinion) by the economy like other tangible industries, construction and real estate for example. It’s a global community with little to no overhead. It’s never mattered how any specific city, state, country, or even continent is doing, because I’ve reached them ... Web: A Needle in a Haystack Industry

The post Web: A Needle in a Haystack Industry first appeared on Web Guy.]]>https://webguy.io/blog/the-coding-brain/Sun, 13 Jan 2013 04:03:55 +0000https://bryanhadaway.com/?p=2989Learning a coding language, in my opinion, is very similar to learning a spoken language. You need to learn how to read and write it well (perhaps not fluently, but well) in order for yourself, as well as others, to understand what you’re communicating. The way a server or browser might not be able to ... The Coding Brain

The post The Coding Brain first appeared on Web Guy.]]>https://webguy.io/blog/how-to-create-a-twitter-retweet-button/Sat, 29 Dec 2012 03:31:01 +0000https://bryanhadaway.com/?p=2959The purpose of placing a Retweet button on your site is to help promote a specific Tweet, often for the purpose of a contest or giveaway. The information is readily available here, but a little more hands-on than say going through the form of creating a Follow button. Here, we have to create our own ... How to Create a Twitter Retweet Button

The post How to Create a Twitter Retweet Button first appeared on Web Guy.]]>https://webguy.io/blog/how-to-create-gradients-in-css/Fri, 19 Oct 2012 22:56:47 +0000https://bryanhadaway.com/?p=2866Finally, the standard is here for creating non-browser-specific CSS gradients across all the latest, standards-compliant browsers! CSS .grad{background:linear-gradient(#40b3ff, #09f)} HTML <a href="#" class="grad">Simple Gradient Hurray!</a> Demo Simple Gradient Hurray! (if you’re not seeing a gradient, your browser doesn’t support linear-gradient yet) So beautifully simple. Simple Fail-safe for Older Browsers .grad{background-color:#09f;background:linear-gradient(#40b3ff, #09f)} background-color:#09f — Use this ... How to Create Gradients in CSS

The post How to Create Gradients in CSS first appeared on Web Guy.]]>https://webguy.io/blog/boilerplate-vs-framework-vs-theme/Sun, 23 Sep 2012 07:13:49 +0000https://bryanhadaway.com/?p=2717I’ll mostly be referring to WordPress themes and the three common styles you’ll find in the repo. However, the same basic ideas apply to all website templates and web design in general. This is what each means to me and does not necessarily represent what everyone else in my industry thinks. It’s a bit subjective, ... Boilerplate vs Framework vs Theme

The post Boilerplate vs Framework vs Theme first appeared on Web Guy.]]>https://webguy.io/blog/beautifully-simple-feedback-widget/Thu, 26 Jan 2012 12:55:03 +0000https://bryanhadaway.com/?p=2451Works perfectly in the latest versions of Firefox, Chrome, Safari, and IE and uses only CSS. Demo View Demo CSS #feedback{display:block;position:fixed;top:65%;right:0;font-family:georgia,serif;font-size:20px;color:#fff;padding:15px;border-left:4px #7fccff solid;background:#09f} #feedback a{display:block;font-size:0;color:#b4e0fd;transition:all 0.5s ease} #feedback:hover a{font-size:inherit} HTML <div id="feedback">feedback<a href="mailto:feedback@website.com">feedback@website.com</a></div> As with all my scripts, I write them as simply and cleanly as possible to get the job done. This script can ... Beautifully Simple Feedback Widget

The post Beautifully Simple Feedback Widget first appeared on Web Guy.]]>https://webguy.io/blog/the-problem-with-beautiful-wordpress-themes/Wed, 28 Dec 2011 10:18:53 +0000https://bryanhadaway.com/?p=2247Every once in a while, I get this itch to design an over-the-top, beautiful WordPress theme. I want to add a ton of wonderful graphics and subtle effects of gradients and texture and utilize special fonts and CSS3 and then I remember, that’s a horrible idea! Because people, sure, might like it, but it isn’t ... The Problem with Beautiful WordPress Themes

The post The Problem with Beautiful WordPress Themes first appeared on Web Guy.]]>https://webguy.io/blog/w3c-obsession-and-the-return-of-target-blank/Sat, 05 Nov 2011 14:28:33 +0000https://bryanhadaway.com/?p=2025It was a very dark time in web design history, it was the time of XHTML Strict code and the obsession with W3C validation, which had made us slaves to the almighty goal of standards-compliance. My name is Web Guy, and I was a W3C junkie. I had to see that green. If I didn’t ... W3C Obsession and the Return of target=”_blank”

The post W3C Obsession and the Return of target=”_blank” first appeared on Web Guy.]]>https://webguy.io/blog/beautiful-apple-style-dropdown-menu/Sat, 05 Nov 2011 08:41:48 +0000https://bryanhadaway.com/?p=2002UPDATE — While this article may still hold some value, it is pretty dated. To see the very last incarnation of this menu’s code, download the Startup theme. You can also find my very latest (2015 onward) menus in the GenericTools code samples. If you’re not an Apple fan or want a custom look, no ... Beautiful Apple Style Dropdown Menu

The post Beautiful Apple Style Dropdown Menu first appeared on Web Guy.]]>https://webguy.io/blog/background-image-pattern-css-generator/Sun, 16 Oct 2011 23:40:31 +0000https://bryanhadaway.com/?p=1898Launch Generator

The post Background Image Pattern CSS Generator first appeared on Web Guy.]]>https://webguy.io/blog/pixel-perfect-code-perfect-graphic-perfect/Thu, 22 Sep 2011 07:49:20 +0000https://bryanhadaway.com/?p=1810A good web designer obsesses over every pixel. Symmetry is everything in design, any kind of design. The way an interior decorator places furniture in a room whilst keeping a clean buffer zone for walking, shelves, and other practical housing functions and decor is very similar to the design of a page on a website. ... Pixel Perfect, Code Perfect, Graphic Perfect

The post Pixel Perfect, Code Perfect, Graphic Perfect first appeared on Web Guy.]]>https://webguy.io/blog/how-to-get-rid-of-rounded-corners-with-css3/Fri, 16 Sep 2011 14:03:55 +0000https://bryanhadaway.com/?p=1763I don’t know about you, but I feel the rounded corner fad in web design is dying out. Rounded corners will always have a place, but it’s with the introduction of border-radius in CSS3, that it got out of hand. I think the problem lies in the fact that what can make any design poor, ... How to Get Rid of Rounded Corners with CSS3

The post How to Get Rid of Rounded Corners with CSS3 first appeared on Web Guy.]]>https://webguy.io/blog/google-1-button-script/Sat, 09 Jul 2011 23:45:20 +0000https://bryanhadaway.com/?p=1604If this is the first you’ve heard of this new Google +1 (Plus One) Button, checkout the official page. First, add this in between your <head> tags: <script src="https://apis.google.com/js/platform.js" async defer></script> Second, add this just below the <body> tag: <div style="position:fixed;bottom:0;left:50px;z-index:1"><g:plusone size="tall"></g:plusone></div> This will fix the Google +1 Button bottom-left on your pages. It will ... Google +1 Button Script

The post Google +1 Button Script first appeared on Web Guy.]]>https://webguy.io/blog/super-basic-html-guide/Fri, 17 Jun 2011 06:33:15 +0000https://bryanhadaway.com/?p=1495I tend to forget the beginners with my writing. So I’m going to take it way back momentarily to the basics. How to Create a Text Link Code <a href="http://website.com/">Check This Site Out</a> Demo Check This Site Out How to Display an Image Code <img src="http://website.com/images/kittens.jpg" alt="Kittens" /> Demo How to Create an Image Link ... Super Basic HTML Guide

The post Super Basic HTML Guide first appeared on Web Guy.]]>https://webguy.io/blog/dreamweaver-vs-hand-coding/Tue, 14 Jun 2011 23:40:35 +0000https://bryanhadaway.com/?p=1379Best way to code a website? When I first started out, I used Dreamweaver. I used it because I didn’t know how to write code. This was a problem because I was letting a program auto-spit out code that I didn’t know of what quality it was. I soon found out too that Dreamweaver is ... Dreamweaver vs Hand-coding

The post Dreamweaver vs Hand-coding first appeared on Web Guy.]]>https://webguy.io/blog/severely-ugly-websites/Tue, 14 Jun 2011 23:14:10 +0000https://bryanhadaway.com/?p=1371How does it happen? I think two things when I see an awful website: They must not know? Perhaps they got screwed over by some 13-year-old kid in his Mum’s basement that claimed to be a ‘professional’? Since I’m not especially interested in being negative, I’m not going to link directly to any examples. I’ll ... Severely Ugly Websites

The post Severely Ugly Websites first appeared on Web Guy.]]>https://webguy.io/blog/vbulletin-vs-phpbb-vs-bbpress-vs-vanilla/Mon, 06 Jun 2011 23:49:44 +0000https://bryanhadaway.com/?p=1348First, I’d like to say as far as the blog/website/CMS software war is concerned, that is: WordPress vs Joomla vs Drupal I’ve already chosen WordPress as the best and that will have an impact on my choice of the best free and open source forum software. Also, SEO-friendliness will take priority as this is what ... Best Open Source Forum Software: vBulletin vs phpBB vs bbPress vs Vanilla

The post Best Open Source Forum Software: vBulletin vs phpBB vs bbPress vs Vanilla first appeared on Web Guy.]]>https://webguy.io/blog/how-to-create-inset-text-with-css3/Thu, 19 May 2011 07:47:54 +0000https://bryanhadaway.com/?p=1320This often gets confused with “How to Create Indented Text with CSS3” which is completely different. Indent, to me at least, means an indented paragraph. If that’s what you’re here looking for, I won’t leave you hanging, it’s: p{text-indent:20px} What I’m referring to, is my new favorite CSS3 technique: Hello, how are you today? VS ... How to Create Inset Text with CSS3

The post How to Create Inset Text with CSS3 first appeared on Web Guy.]]>https://webguy.io/blog/im-on-a-mission-to-completely-destroy-all-of-www/Wed, 04 May 2011 16:52:37 +0000https://bryanhadaway.com/?p=1289To me, www. is dead (read that article here), and has been for sometime. It has no comprehensible use or purpose any longer that I am aware of except for taking up space and time and frankly, looks a little dated. I’m on a mission to strip it from all of my personal websites and ... I’m on a Mission to Completely Destroy All www.

The post I’m on a Mission to Completely Destroy All www. first appeared on Web Guy.]]>https://webguy.io/blog/writing-and-readability/Wed, 13 Apr 2011 04:12:47 +0000http://www.bryanhadaway.com/?p=1207Most of the guidelines below apply to common English for both the web and print in most contexts. However, keep in mind that my advice on writing styles is based mostly on non-fiction, American English on the web. Writing. Write what you know. This is without a doubt, the most regurgitated piece of advice on ... Writing and Readability Cheatsheet

The post Writing and Readability Cheatsheet first appeared on Web Guy.]]>https://webguy.io/blog/pure-css3-only-graphic-button/Sat, 09 Apr 2011 16:26:24 +0000http://www.bryanhadaway.com/?p=1142This button contains gradient and shadow effects without the use of actual graphics or JavaScript whatsoever. I’m using just about every CSS style that could be used on the button for your reference. Although, some may find that it looks better by pulling a few styles back. You could always add more effects too. Also, ... Pure CSS3 Only Graphic Button

The post Pure CSS3 Only Graphic Button first appeared on Web Guy.]]>https://webguy.io/blog/screen-calipers-web-designers-best-friend/Wed, 26 Jan 2011 05:48:04 +0000http://www.bryanhadaway.com/?p=997Like a carpenter’s measuring tape, it’s right there on your tool belt to assist you when you need it. We’re not measuring inches or feet, however, but on-screen pixels. Measure widths and heights, gutters, make sure something is perfectly center, you name it. Also helps out in graphic design projects. A good designer is pixel ... Screen Calipers: Web Designer’s Best Friend

The post Screen Calipers: Web Designer’s Best Friend first appeared on Web Guy.]]>https://webguy.io/blog/getting-started-with-your-very-first-website/Sat, 20 Nov 2010 13:03:48 +0000http://www.bryanhadaway.com/?p=796Many people these days need a website for business or just want one for personal use. Whether you have no idea how or where to start or you have some vague idea about where to start, this article is for you. Possibly, you’ve heard from word-of-mouth about how GoDaddy is the way to go, this ... Getting Started with Your Very First Website

The post Getting Started with Your Very First Website first appeared on Web Guy.]]>https://webguy.io/blog/pure-css-only-dropdown-menu/Mon, 04 Oct 2010 22:00:41 +0000http://www.bryanhadaway.com/?p=706UPDATE — Find the better, updated script here which I recommend over this one. It’s a little more stylized, but the code is cleaner, better. Just strip the styles off and replace with your own. This is my first attempt at writing my own CSS dropdown menu from scratch. As always, my main goal is ... Pure CSS Only Dropdown Menu

The post Pure CSS Only Dropdown Menu first appeared on Web Guy.]]>https://webguy.io/blog/dynamic-seo-friendly-htaccess-file/Sun, 30 May 2010 05:40:59 +0000http://www.bryanhadaway.com/?p=535The Code Copy the following to a plain text editor and save as .htaccess. Then, via FTP, upload to the root folder of your website (usually called public_html). It will be suitable for most hosting environments, but not all. You can find the website template I’ve also written which contains this .htaccess example here. <files ... Dynamic SEO-Friendly .htaccess File

The post Dynamic SEO-Friendly .htaccess File first appeared on Web Guy.]]>https://webguy.io/blog/how-to-create-circles-with-css/Wed, 26 May 2010 03:18:44 +0000http://www.bryanhadaway.com/?p=533Last Updated: April 6th, 2018 Making circles with CSS is very simple. Just make the radius half of the width and height of the element to make a perfect circle, or simply use: border-radius:50% Responsive Circle With or Without Text Inside Narrow your browser window horizontally to test the circle’s responsiveness. Hello CSS .circle{width:50%;height:0;font-size:20px;color:#fff;text-align:center;line-height:0;padding:25% 0;border-radius:50%;background:#09f} ... How to Create Circles with CSS

The post How to Create Circles with CSS first appeared on Web Guy.]]>https://webguy.io/blog/super-simple-dynamic-canonical-link-code/Fri, 07 May 2010 08:46:20 +0000http://www.bryanhadaway.com/?p=448Canonical Link WordPress Plugin Download Now | See on WordPress.org | Support Canonical Link Firefox Add-on Download Now | See on GitHub | Support This add-on will also help you to verify your canonical links are set up correctly. Canonical Link Script <link rel="canonical" href="https://<?php echo $_SERVER['HTTP_HOST']; ?><?php echo parse_url( $_SERVER['REQUEST_URI'], PHP_URL_PATH ); ?>" /> ... Canonical Link Guide and Tools

The post Canonical Link Guide and Tools first appeared on Web Guy.]]>https://webguy.io/blog/pure-css-minimalist-image-hover-rollover/Mon, 26 Apr 2010 00:16:39 +0000http://www.bryanhadaway.com/?p=409Demo: (only use one of the CSS methods below) CSS Sprites (New Method) .hov{display:block;width:245px;height:195px;background:url(images/hover.png)} .hov:hover{background-position:0 -195px} For this to work, simply stack the normal state image on top of your hover image making one image. They should be exactly the same size and stacked perfectly on top of each other. So, in this example the ... Pure CSS Minimalist Image Hover Rollover

The post Pure CSS Minimalist Image Hover Rollover first appeared on Web Guy.]]>https://webguy.io/blog/a-z-of-web-business-mistakes/Fri, 19 Mar 2010 13:02:44 +0000http://www.bryanhadaway.com/?p=278This is in no way intended to be a definitive, be-all-to-end-all list, but hopefully some may find it helpful. I’ve certainly made some of these mistakes in the past. We’re always learning and the best instance of learning is when you learn something you may be doing wrong, admit it, and come out more knowledgeable ... A-Z of Web Business Mistakes

The post A-Z of Web Business Mistakes first appeared on Web Guy.]]>https://webguy.io/blog/web-hosting-best-vs-worst/Tue, 30 Jun 2009 05:35:04 +0000http://www.bryanhadaway.com/?p=135Being a web designer for 10+ years now, I’ve seen a wide range of web hosting setups and I’ve done just about every task associated with a hosting account and website that you can think of. Some hosts were a breeze to navigate and set things up, and some were not. The Best Web Hosting ... Web Hosting: Best vs Worst

The post Web Hosting: Best vs Worst first appeared on Web Guy.]]>