By Marc Plotz

I have been pretty much through all of the rungs of development in the years that I have been developing web applications. However, there are times--and I still get them sometimes--when I slap my palm to my face and shout in disgust: why didn't anyone bother to mention this before? To save you from going through the same anguish, I thought that I would share these eight tips with you. Let's begin.

6 Things to Know Before You Even Set Foot in a Marijuana Dispensary. I don't really know why, but I wish I had brought that up during my consultation and definitely before purchasing a whole. Discover the Best Way to Build a Website With Our Free Checklist. Welcome to the wonderful world of website building! Whether you’re unsure where to start, or you’re just looking for some expert tips and tricks to take your site to the next level, we’ve got the perfect thing for you: our free website building checklist. Growing a garden is equal parts challenging, rewarding, mystifying and uplifting. There’s a lot to learn, but we’re here to help.Don’t make the same mistakes. There are always things that you need to learn by experience, as a developer. What no one ever really teaches you, though, is that the really little things, are the really important things that make a difference. It takes 10 minutes to make your first for-loop work in PHP. It takes an hour to figure out how to connect to a database.

Learn At Last One Server-Side Scripting Language

There is no real way around this one: in order to be able to pull of wonderful things like Ajax, E-Commerce and more, you will need to know at least one server side scripting language. The obvious option is PHP, which is used by over 200 million websites around the net. Coupled with simple syntax, ease of hosting on shared servers - most shared servers are setup for it by default - and very simple database integration specially with MySQL, PHP is the best and simplest server side scripting language that makes it very easy to get a powerful website running securely. So do yourself a favor and get yourself learning a server side scripting language: figure out the syntax, get the low down on the loops, ifs and DB skills - you'll be building Facebook-like applications in no time.

As a 6-figure (soon to be 7-figure) coach, there are definitely some lessons I’ve learned along the way. I’ve done the trial and error, I’ve undercharged, had flopped webinars, and pretty much everything in-between. This is why today I’m taking you through the three things I wish I knew before starting my coaching business.

Learn At Least One JavaScript Framework

No one can deny that frameworks such as jQuery or Prototype make amazing JavaScript effects as simple as taking a lazy Sunday walk. Having that extra interface between you and the Javascript - the one that removes the need to write thousands of lines and lets you focus on the presentation, is amazing. I am not a JavaScript hero. But jQuery makes me look like one because it does all the work for me, all I have to do is remember a few simple syntax rules and I can write JavaScript that is not only functional and powerful, but cool and fun. Find one that works for you, learn how to use it, and get it into everything you do. jQuery is perhaps the most popular, while prototype is increasing in popularity due to its default inclusion in the Ruby On Rails framework. It does not matter what you use, as long as you figure out what you like and make sure you know how it works and how to customize it.

Figure Out How To Use An Image Editing Tool

It doesn't matter what you use, but sooner or later you need to be able to slice up a PSD or PNG or add a gradient to a background. No matter what you decide to use to do this - except Microsoft Paint - you need to get a tool and figure it out. Most of the time you will not have a graphic designer on standby to bail you out, so you will need something good to give you quality images fast. I use either Photoshop or Fireworks, but it doesn't matter what you actually use, just get to know it.

HTML Is More Important Than Anything Else

It amuses me how many developers are not even aware of the most basic rules of HTML, XHTML and HTML5. Let me tell you now: not knowing the latest version of HTML is like a banker who does not know how to count. HTML5 is the latest standard that is taking over the web, and is the most important thing you can know right now. If your code does not validate, you will look like a fool who does not know what he is doing. Also, the chances are that if your code does not validate, your application will also not be cross browser compatible (see the next point).

Validate your HTML, sort out the issues and figure out how to use HTML5 as soon as possible, before you are left out in the cold.

Cross Browser Compatibility is Important

Ok, so your application looks awesome in Google Chrome, but what about the other browsers? Internet Explorer? Yes, you do have to check this, and I will explain why.

I work for a relatively large web development company, and we handle close on 30 to 40 projects per month. What we find is that although yes, more users use IE7 and IE8 than any other browser, at least 40% of all our client's user-base use IE6 because they work for large corporations and are restricted from upgrading their software without permission. So, yes, you can argue that IE6 is 10 years old (almost) and the internet stats say only 3% of internet users ever use it. Yes. But you still need to check that your website is compliant on all browsers and on all operating systems. Did you know that Firefox on a Mac renders differently than Firefox on a PC? Then try checking Firefox on Ubuntu. These things are important, because you want every user who gets to your application to be amazed at how cool it is, not how many bugs they find.

Never Use Tables For Layout - But Use Tables For Tabulation

Ok, we all know that using tables for layout is BAD. It is unprofessional, it is lazy, and it is utterly and completely bad for cross-browser compatibility as well as scalability. However, there is one thing that can be said about tables - they are good for tabulation. Tables were originally designed for very simple tabulation of data. Now we all know that tables eventually were overused as layout weapons by lazy HTML bandits since the birth of HTML until present day. However, that does not mean that you have to do the same. Professional developers use the right tool for the right job. For layout, the right tools are divs, for tabulation the right tools are tables. Don't do things the other way around - I implore you. Remember that you can be a gung-ho developer intent on never using a table, and tabulating data in a myriad of multiple divs instead, with 300 lines of CSS doing what a few simple lines of table layout can do. Used properly, tables work well, just like any other web development tool out there.

CSS Outshines Inline Styles

CSS is there for a reason - to cascade through your entire project. The biggest mistake you can ever make (and believe me, I have done it more than once) is to add inline style into even one file. Think about it. You add a simple font-color inline declaration to an h1 tag, something like <h1>heading</h1>, and you eventually do this throughout your project, either due to laziness or inconsistency. At some point or another, you are going to run into a predicament when your client asks you to make the headings throughout the site bright pink! (It happens!) Anyway, what you could have done by editing a single line in a stylesheet now becomes a chore of running through every page in your project to update the color of the headings. Then, your client says: 'Oh no, pink doesn't work. Let's try red?'

I can promise you will be very irritable by the end of that day.

Don't Use External Plugins

Yes, I know it is so easy and so simple to just include Yahoo or Google external API's and you have amazing JavaScript capabilities on your site. But have you thought about how long it takes to actually fetch that feed on every pageload? I prefer to quickly copy the contents of those files into one big JavaScript file and then simply include that in my header of my page, which brings me to another point: link to and source as few files as possible. When I started development I thought it was very impressive to have a single CSS file for every little part of my project. I would also like to have 5 or 6 JavaScript files sourced in the header of the HTML files. What I didn't realize at the time was that each of these files in the head tag, CSS and JavaScript, used a large amount of resources to include on every pageload. By keeping all the JavaScript code in one file, it means that you only load one file, instead of 5 or 6, and you speed up pageload by the same amount. The same goes for CSS files. The fewer, the better.

In Conclusion

There are always things that you need to learn by experience, as a developer. What no one ever really teaches you, though, is that the really little things, are the really important things that make a difference. It takes 10 minutes to make your first for-loop work in PHP. It takes an hour to figure out how to connect to a database. It takes a lifetime to learn good habits that make your projects utterly amazing. What I hope is that one thing in this article makes you think about how you do things, and perhaps helps you in the long run.

Last Updated on December 11, 2019

Did you know that companies like Domino’s havefaced legal troubles because their website is not accessible by a blind customer? Even Beyonce’s website is under fire for the same reason. The National Federation of the Blind (NFB) sued Targetbecause blind people couldn’t access their website.

6 Things I Wish I Had Known About Building A Website For A

A decade back, it was just enough for a business to have a website regardless of its quality. But the landscape of the internet-based business environment has changed dramatically since then.

Fast forward to today, and your website needs to be attractive, responsive, load fast, and follow the . Along with these, you also need to ensure that your website is compliant with the evolving legal framework related to website accessibility.

Think of your website as an online extension of your business. It should be easy for your potential customers to easily find you online and locate the information they need.

Your website should also be customer-centric. It should promote your business, clearly convey the value it brings to your existing and potential customers, and be easily accessible by all.

Want to build a website that has it all?

Let’s take a look at a few points you should consider while building your first website.

1. Responsive Design

Your visitors might be visiting from a variety of devices including laptops, tablets, and mobile phones. Keep the design simple and clean so that it is optimal for viewing on any device.

If a website is designed for viewing on large monitors only, the design will break down on smaller screen sizes. Many small business websites are not designed for smaller screen sizes. And they might not load appropriately on mobile devices.

In 2018, mobile traffic accounted for more than 52% of all website traffic generated worldwide. And, mobile usage still continues to grow.

This suggests that if your website design is not responsive, it is likely to drive a certain section of your potential customers away. More than that, unresponsive website design will look unprofessional and it will also hurt your SEO.

There is a nifty tool from Google, called Mobile-Friendly Test, that lets you check if your website is mobile-friendly or not.

2. Web Accessibility

6 Things I Wish I Had Known About Building A Website Page

Many people with disabilities use the internet now and this number will continue to grow with time. That’s why you can’t ignore the need for web accessibility or deem it as a mere afterthought. A business website should be accessible to every customer, regardless of their abilities or status.

It’s easy to get scared by the thought of building a website that is fully accessible but fret not. There’s a tool called accessiBethat can do it all for you. This AI-powered web accessibility tool requires a few minutes of installation, and anyone with a basic understanding of HTML and JavaScript can install it.

Image via accessiBe

Once you install the accessiBe code on your website, an accessibility tool icon will appear on your website. This icon will allow visitors to change the website settings based on their special needs. On the back-end, the AI will constantly scan your site to ensure it’s accessible when uploading new content.

3. Uncluttered Design

Your website is the first thing many potential customers see before reaching out. Keep your website design simple, fresh, and organized. Nobody likes clutter.

A simple and intuitive structure will allow visitors to quickly and easily find what they need.

Your website should provide answers to all of the critical questions that potential customers might ask. You can provide details about your products and what they can do for consumers. Use that opportunity to convey key information to potential customers using crisp and clear text.

Avoid providing too much information as it can make visitors feel overwhelmed. Moreover, key information and your call-to-action (CTA) may get lost in the noise. Instead, use a balance of text and graphics with the right use of white space to give a clean, minimalistic feel.

Remove elements that don’t support the purpose of your web pages. Too many page elements only add confusion. Use a minimal color scheme to make the most significant impact on your audience.

4. Easy Navigation

Make sure that your site iseasy to navigate. The main navigation menu should help visitors find what they’re looking for. Nothing is more frustrating for users than a disorganized or confusing navigation interface.

You should:

• Design a visually-prominent navigation menu.
• Limit your top-level navigation menu to five tabs, and make sure that you name them appropriately.
• Link your logo to your homepage.
• There should be a clear link to get back to the homepage, no matter where visitors are on the site.
• Use breadcrumb navigation on blog pages to help visitors navigate through the website.

5. Above-the-Fold Content

The entire portion of a website that is visible to visitors without scrolling down is known as the “above-the-fold” section. This portion is extremely important for your website and it often determines whether the traffic will stay or bounce.

When your website loads on a visitor’s computer or mobile phone, this is the first thing they see. Visitors form their first impression of your website based on this section. Your best proposition or CTA should be prominently located above the fold. And this section should offer good enough reasons for the visitors to stay.

6. Conversion Optimization

The primary goal of creating a business website is to drive conversions and grow your brand. You should evaluate how well your website is helping visitors to move down the sales funnel. Some of the best ways to convert visitors include offering discounts, demos, and free trials that they’ll find attractive.

But, the only problem is that everyone is doing it. So it has become harder to break through the noise and get people to convert on your website. The only solution is to constantly evolve your website by paying close attention to not only your offerings and services but also what your competitors are offering.

If you notice all of your competitors are offering ebooks, you can go a step further by offering a tool. The tool might allow people to enter certain information and generate free reports that they can receive in their inboxes.

Whatever you decide to do in regards to conversion optimization, make sure you are one step ahead of your competitors.

Wrapping Up

This is not an exhaustive list, but a good starting point. You wouldn’t put up a messy physical storefront. The same goes for your business website, which is your online business establishment.

Think about your website from the perspective of your customers and make sure that it gives enough reasons for them to visit again.

What do you look for in a business website? Please let us know in the comments below.