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/how-to-create-a-slack-chat-community-with-auto-invites/Wed, 03 Feb 2016 04:59:06 +0000https://bryanhadaway.com/?p=4321UPDATE — Just ignore everything below and go here: https://my.slack.com/admin/shared_invites. Hands-down, the easiest solution. UPDATE: New Public/Shared Slack Invite Links — The solution below that I’ve written might be obsolete very soon. Slack has no doubt taken notice how many communities (not just company teams) are utilizing Slack. They haven’t given in completely yet, but ... How to Create a Slack Chat Community with Auto-invites

The post How to Create a Slack Chat Community with Auto-invites first appeared on Web Guy.]]>https://webguy.io/blog/how-to-cleanup-a-php-ini-file/Mon, 29 Jun 2015 22:20:49 +0000https://bryanhadaway.com/?p=3703If like me, you hate programmer comments and like to keep your files super clean and straight to the point when you’re working on personal projects or projects only you manage and you also manage your PHP settings from a php.ini file, this how-to may be for you. Using an advanced text editor like TextWrangler ... How to Cleanup a php.ini File

The post How to Cleanup a php.ini File first appeared on Web Guy.]]>https://webguy.io/blog/how-to-delete-q2a-spam-users-in-bulk/Mon, 29 Jun 2015 21:38:31 +0000https://bryanhadaway.com/?p=3696If you’re using the Q2A (Question2Answer) software to run a site, you’ll no doubt have struggled with spam. While there are a number of plugins (scroll down to “Anti-spam tools”) as well as built-in settings one can balance to combat spam occurring in the first place, as this software becomes more popular and supported by ... How to Delete Q2A Spam Users in Bulk

The post How to Delete Q2A Spam Users in Bulk 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/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/sellwire-the-best-way-to-sell-digital-goods-online/Thu, 22 Nov 2012 23:05:05 +0000https://bryanhadaway.com/?p=2915Sellwire is hands-down the winner for the overall best way to sell software, themes, plugins, PDFs, etc. online. I discovered this after weeks of signing up for and testing all the popular competitors. I tried Fetch, Pulley, PayLoadz, Sellfy, and a desperate dozen others to try and find something suitable. What I needed and Sellwire ... Sellwire — The Best Way to Sell Digital Goods Online

The post Sellwire — The Best Way to Sell Digital Goods Online 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/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/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/my-coding-code-of-ethics/Thu, 03 Nov 2011 03:28:58 +0000https://bryanhadaway.com/?p=1981Quick and Dirty I loathe licensing. All the code I write and share on my blog (unless otherwise noted) is public domain (wiki). In short, that means there is no license whatsoever, no limitations, and you do not need to ask permission. My writings, ideas, theories, opinions, observations, creations, projects, experiments, etc., however, are of ... My Coding Code of Ethics

The post My Coding Code of Ethics 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/code/Mon, 19 Sep 2011 05:46:00 +0000https://bryanhadaway.com/?p=1767I’m really putting the feelers out there on this cheat sheet, so I definitely need some feedback, if I’m to keep adding code snippets. Request a snippet: Request a Code Snippet If you really want to dive headfirst into web designing, blogging, writing, etc., I recommend trying out WordPress.com (completely free). If you’d rather have ... Quick Code Snippets

The post Quick Code Snippets first appeared on Web Guy.]]>https://webguy.io/blog/5-tools-to-take-control-over-your-web-browsing/Sun, 10 Jul 2011 01:23:59 +0000https://bryanhadaway.com/?p=1611Here are 5 tools I use to completely take control of my web browsing experience in: speed, security, productivity, convenience, and even creativity. This list is great for designers, developers, and casual browsers alike. 1. Firefox (Web Browser) Get it Now Firefox is the king of all browsers. I will accept the use of Chrome ... 5 Tools to Take Control of Your Web Browsing

The post 5 Tools to Take Control of Your Web Browsing 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/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/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/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/adding-social-scrape-images/Tue, 10 Aug 2010 02:33:17 +0000http://www.bryanhadaway.com/?p=685UPDATE — For Facebook, use: <meta property="og:image" content="http://website.com/images/icon.png" /> From the title of this article it may not be immediately understandable what it’s about, but plenty of people are looking for this solution. Many have asked how do I set the image for sharing links? They are referring to social sites like Facebook, Twitter, etc. ... Adding Social Scrape Images

The post Adding Social Scrape Images first appeared on Web Guy.]]>https://webguy.io/blog/getting-started-with-your-first-wordpress-plugin/Tue, 29 Jun 2010 16:55:43 +0000http://www.bryanhadaway.com/?p=652There’s always a learning curve and margin of discomfort when learning something that you really want to do for the first time. Hopefully, I can simplify and jumpstart the whole process for you with a really easy way to get started building your very own WordPress plugin. There are only two files needed to start ... Getting Started With Your First WordPress Plugin

The post Getting Started With Your First WordPress Plugin 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/how-to-link-to-the-w3c-css3-validation-page/Wed, 26 May 2010 00:06:08 +0000http://www.bryanhadaway.com/?p=496Automatic Method: You should now simply use: https://jigsaw.w3.org/css-validator/check/referer?profile=css3. Manual Method: Typically, if we want to link dynamically to the W3C Valid CSS page, we use this link: https://jigsaw.w3.org/css-validator/check/referer That’s perfect if you’re using all CSS2.1, as that’s the default checker, but if you implement even one CSS3 style, you’ll fail validation. So, we can no ... How to Link to the W3C CSS3 Validation Page

The post How to Link to the W3C CSS3 Validation Page first appeared on Web Guy.]]>https://webguy.io/blog/simple-and-effective-htaccess-file/Fri, 07 May 2010 09:29:41 +0000http://www.bryanhadaway.com/?p=460UPDATE — Better .htaccess example here.

The post Simple and Effective .htaccess File first appeared on Web Guy.]]>https://webguy.io/blog/user-friendly-and-seo-friendly-title-structure-for-wordpress/Fri, 07 May 2010 09:04:48 +0000http://www.bryanhadaway.com/?p=454I personally find that this structure is the most user-friendly and SEO-friendly: <title><?php wp_title( ' | ', true, 'right' ); ?></title> which will result in: Name of Post | Name of Site For a live demo, reference this very blog. UPDATE — While the above still works, you can now remove this from header.php and ... User-Friendly and SEO-Friendly Title Structure for WordPress

The post User-Friendly and SEO-Friendly Title Structure for WordPress 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.]]>