Showing posts with label web. Show all posts
Showing posts with label web. Show all posts

Tuesday, February 13, 2018

Essential Web Design Tips... From A Web Design Professional

web , web design
Essential Web Design Tips... From A Web Design Professional
Web Design Tips from a web design professional
Essential Web Design Tips... From A Web Design Professional

This is a guest post by Jennifer Scott, read more about Jennifer at the end of the article.

Let’s face it; there are a seemingly infinite number of websites currently hosted on the internet. At a current count, there’s actually around 1.3 billion, meaning that it’s safe to say that competition is fierce when it comes to making your website stand out from the crowd. So, when was the last time you consider the effectiveness of the design of your website?

Are users coming to your website able to tell exactly what your website is all about as soon as they land? Are users able to find the content or products they are looking for quickly and easily? Are you profiting or succeeding in the purpose that your website sets out to achieve?

If not, the chances are that you’re going to need to make some adjustments to your website’s design. Nowadays, there’s more and more emphasis on the User Experience of a website, a term that that is becoming increasingly common.

This is mainly because Google, the biggest search engine giant, has the sole purpose of giving their users the best online experience they possibly can, hence contributing to their success. However, if you’re not giving your users the best user experience possible, not only will Google lower your SEO ranking, your users will also take their business and online activity to one of your competitors.

Today, I’m going to talk you through everything you need to know about website design and share with you some of the best tips and tricks of the trade that I’ve discovered throughout my many years in the website design industry. This will help you address any design problems you may be facing, assisting in getting your website off the ground and helping you to boost your user experience and, therefore, your overall success.


#1 - Get Organised

Despite the creative nature of web design, organisation is still one of the most key skills

Perhaps the most important point to kickstart my list is telling you to get yourself organised. Design a website plan and research your target market. Instead of jumping straight into designing your website, take the time to check out your existing competition to see what they are doing and how their buyer journey works.

With that in mind, how is your buyer journey going to compete? All this takes is getting several bits of paper and literally mapping the journey of a user from your homepage to the final page where they’ll make their purchase or find the content that they want to read.

Planning your steps and web pages in this way can help you streamline and enhance your customer’s journey and your user experience.


#2 - Aim Only for the Highest Quality

I see too many websites on my internet travels that fail to address or meet the standard expectations that typical internet users today expect. There are many elements that either used to be popular on websites and aren’t anymore, or simply shortcuts that designers have taken and now directly affect the quality of the website.

For example, using complicated and slow-loading page transitions or animations only harms the user’s experience on your website. Sometimes you might find that your content is too wordy and therefore boring your user, forcing them to leave your website. Another popular problem I see all the time is websites using poorly implemented stock imagery.

Statistically, an internet user logs onto a website and has an attention span of around 8 seconds. If your website is slow loading or screams poor quality using the factors above, they’ll simply leave, and you’ll have missed out on a potential lead.


#3 - Mastering the Art of Content Writing

web design content writing
Content is king. Design is great but at the end of it all good content is key.

While the graphical and functional side of your websites is extremely important, it’s vital that you never overlook the importance of the content itself. Whether you’re designing a website for yourself or a client, the copywriting on every single page needs to be perfect in order to provide the best user experience.

For example, having poor grammar in your content can lead to your text becoming illegible, a sure-fire way to send users in the opposite direction. In this case, you can use online tools and grammar checkers, much like Via Writing, State of Writing, Academadvisor and Grammarix to check your content to ensure it’s perfect.

As a website designer, it could be safe to say that your writing skills are not your best trait, but it’s important you realise this in order to avoid these problems. If this is the case, never fear. There is a tonne of professional copywriting services out there that can help you write your content while you focus your energy on the design. Some of the leading copywriting you could use include UpWork, Best British Essays and UK Top Writers.


#4 - Using the Right Visuals

As I briefly mentioned above, it’s important that you avoid low-quality ‘stock’ images on your website because it gives a kind-of ‘tacky’ appeal to it. To elaborate on this point, the images are just as important as the functions, features and written content of your website, in some cases, even more so.

When choosing which images to use on your website, you first need to find the right balance between high-quality/resolution images but also that load quickly. While it might be tempting to upload a stunning 4K picture, this will take ages to load on a mobile device, making it pointless.

You also need to make sure that you’re using images that are relevant to the content and page of the website that the user is on. Relevant images help to add a new visual layer of understanding and communication to your web pages, rather than just being an element that tries to look nice.
“If you want to really stand out from the crowd, and the rest of your competition, I found it was a highly effective method to produce your own photos in-house as this has a much more personal feel and you can use the exact style of image that you’re after,”
explains Damian D. Montalto, a web designer for Best Australian Writers.


#5 - Don’t Hide White Space

white space in graphic design
White Space is key in all forms of design.

As a website designer, it’s easy to fall into the trap of trying to make every single aspect of your website attractive and engaging to your users. However, it’s important that you never underestimate the power of white space, more commonly referred to as ‘negative space’.

Using white space on your website allows you to professionally and cleanly divide up certain sections of your website, making it clear and easy to follow, understand and, of course, navigate. Although it may seem like you’re wasting precious pixels, especially when it comes to your homepage and the first things that your user sees, but a cleaner and easier to digest web page provides a far better user experience.


#6 - MOBILE OPTIMISATION

This is one tip I simply cannot stress enough, and it still shocks me how today there are so many active websites only that haven’t been optimised for mobile devices. It’s actually shocking. Here are the facts;
  • 80% of all internet users own a smartphone 
  • 61% of all users say they would never return to a website that wasn’t mobile optimised 
  • Over 50% of all internet traffic comes from a mobile device 
  • The average time spend on a mobile device per day is 7 hours 
These statistics speak for themselves. If you’ve ever been on a website from your own mobile device where you’ve had to pinch and zoom to access different features while trying to find the perfect balance so you can read the text clearly, you’ll know what a poor experience this is and why you’d never go back.

What’s more, failing to optimise your website for mobile devices is a no-no in Google’s SEO rulebook, and it will damage your SEO ranking, pushing you down the search engine results page.


#7 - Test, Optimise, Repeat

Just because you’ve finished designing your website, that unfortunately doesn’t mean that your job as a web designer is complete. After you’ve finished your website and before you launch, it’s important that you rigorously test your website to ensure all the features and pages are working perfectly. Of course, you don’t want people to come to your site only to find that it isn’t working properly.

After you’ve launched, however, it’s important that you keep checking back to your website to see what people like and don’t like. Are people reacting to your features in the way that you wanted them too or are they getting stuck and lost on some of the pages, potentially costing your business?
“About a year after we launched, we implemented heatmap software that showed each page and how long a user was spending on each page and where they were looking on the page. This allowed us to see exactly where users were stopping on a page and how we could tweak things to provide a better user experience,”
shares Ben Taylor, a web designer for Top Canadian Writers.

Keep refining and researching you make sure everything is in order and make small tweaks to make sure everything runs perfectly. Even years after your website has launched, it’s important to keep checking back regularly and to keep everything updated.

About The Author:

Jennifer works as online editor at UK Service Reviews. Also, she is a business developer that works in different areas of education, technology, security and various types of online marketing. Prior to business developing Jennifer was consultant at Deloitte, and managed security services provider and developer of a wide range of security solutions.



Read more »
By on No comments:
Label: , , , , ,

Friday, January 19, 2018

Tips for Designing and Building a Multilingual Website

how to , how to create websites
Tips for Designing and Building a Multilingual Website
Create a multilingual website
English is not the only language out there, so why only design a website with one language in mind

As a modern society, the human race is continuing to grow, expand and connect to one another more instantaneously than ever before. In just a click of your mouse or a tap of your finger, you can be reading about the entire life and legacy of another human being that could have existed hundreds of years ago.

It’s amazing when you think about.

However, with such a connection comes the problem of language barriers. While you might be writing your content in English, statistics show that only 20% of the entire world population actually speaks the language, meaning your website is relatively inaccessible to the remaining 80%, which equates to around 6.6 billion people.

So, to counter this issue, you’ll want to design and build your next website as a multilingual platform that’s accessible to people around the world, or at least your target market. But how you do go about doing this? What problems and milestones will you need to overcome and what features does your website need to include?

To get you off on the right foot, here’s a complete guide to everything you need to know.

Getting Started

To start with, the first thing you’re going to want to consider is not actually the building of your website, but the content itself. You’re going to need to get it translated. Of course, translation services, such as Google Translate, are constantly improving and are updated or a near-daily basis.

However, these services definitely aren’t reliable if you’re looking for a professional finish. Ideally, you’re going to want to hire a human translator to edit and convert your content properly. For this, you have multiple options available.

Firstly, you could use translating companies such as International Translating or Big Assignments to translate your content for you on your behalf. This is of course if you have the budget. If you’re translating hundreds of pages of content, this can prove quite expensive, and you’ll need to find another way, perhaps by hiring someone long-term, such as a freelance translator from Upwork or Ukwritings.

If this is the case, or you plan on translating your content yourself, you’ll need to remember to proofread your content for errors, so your website remains professional. According to recent statistic, 59% of people said that they won't trust the company of service which has errors and mistakes on their website. So proofreading and editing is vital for your business reputation.

Implement Language Change Features

Of course, no multilingual website would be complete without the ability to actually change the language that the viewer wants to read your website in. Most commonly, you’ll notice that a lot of websites use a traditional drop-down menu which is clearly visible in the header or footer of the website.

In theory, you can put it wherever you want, but you want to make sure it’s clear and easy to see as soon as your website loads as people accessing your website will want to change it straight away.

Another key element to consider at this point is adding flag images to your drop-down menu. While this is a graphically powerful element to include, there are a few problems that come with this approach. Most notably is the fact that flags represent countries, not languages and many countries will have more than one official language.

Finally, you’re going to want to make sure that you refer to each language in its own language form, for easier identification purposes. For example, German should be referred to as ‘Deutsch’, French as Français, and Spanish as Español.

Checking Your Readability

You may not speak multiple languages but you can still create a multi language website with the right tools

While you may invest a lot of time in choosing fonts for your website and you’ve chosen one that looks clear and precise for your English readers, it’s important to make sure that the font will still be as legible when it comes to another language.

Sarah Stanford, a translator for Paper Fellows shares...
“One of the biggest problems that trip up multilingual websites up is choosing a fine and relatively small font that went translated, the symbols that appear in certain languages, such as the ‘n’ in ‘Español’ can become unreadable”

To alleviate this problem, be sure to check your character encoding, typically found in the head of your page. If your website is using Unicode, UTF-8 may work perfectly since it supports multiple languages, helping them to maintain their readability.

Reading Line for Line

One of the most common misconceptions that people have regarding other languages is the fact that languages don’t have a reading direction. However, the script in which the language is written in does. For example, Arabic script is read from right to left (RTL) whereas English and other European languages are left to right (LTR).

Of course, the vast majority of languages do read LTR, but if you include language settings for those who read RTL, this is something you’re going to need to consider. To achieve this easily, you simply need to mirror your website pages, which includes everything.

This means your menu bars, your icons, the layout of your navigation menu, the buttons and even the scrollbars will all need to be flipped and mirror what they are usually. Fortunately, there are a number of ways you can do this using basic code which can be found online, depending on what code you’re using to build your website.

Customising Your URL

Another important factor you’ll want to consider is the URL that your website is using when it changes the language. A country code top-level domain, more commonly referred to as ccTLD, are all linked to specific countries. For example, .fr is France and .es is for Spain.

This is such a vital part of the process that you’ll need to remember to complete since this is how search engines will help users to find the content they’re looking for. If you don’t implement it, users won’t be able to find your website easier. Of course, this will eat into your budget, but the ROI is worth it in the long run.

For more information on using ccTLD, as well as for your sub-domains and sub-directories, check out this Google guide on the matter.


Creating a Multilingual Store

If you’re creating a blog with content, this point may not concern you, but if you’re creating a multilingual website that sells products, this is very important as there are a few aspects you’ll want to consider.

Firstly, are all the products that you’re selling on your store available in all the countries you’re trying to sell in? If not, you’ll need to find a way to make certain products only available in a certain language, but of course, this solely depends on what framework and store platform you’re using.

Tom Dewis, SEO-expert at Ox Essays shares, 

What you have to consider is the currency options that are available to your customers. The cost and price tag of each product will need to be converted automatically in regard to the language that is selected, or using a clearly placed drop-down menu where users can choose their preferred currency.

Finally, you’ll want to consider your posting and delivery options. For example, if you’re not going to be able to sell products in France, you need to make this clear in your terms and conditions.

Consider the Details

This is one point that will solely depend on the content of your website and blog, but it’s definitely worth bearing in mind throughout the entire building process. Many cultures will have a different outlook on certain subjects in life, for example, sense of humor, sexuality, gender equality and symbolism.

When translating your content, be sure that you won’t offend anybody’s beliefs with the content you’re posting to avoid it becoming a problem in the future.

What’s more, if you’re using Captchas on your website, have you investing time in making sure the Captchas are in each language rather than just in English? The same if you’re adding citations to your website for this process, be sure to use tools like Cite It In to make sure they’re correct.

Finalising Your Content

Now that your website is nearing completion regarding the multilingual side of things, you’ll need to invest time in finalising your content to ensure that it’s perfect for release. The first thing you’ll want to do is to make sure that all your content has been translated properly.

One simple way to do this is using a tool for Easy Word Count. Using this tool, you can copy and paste in your original content and then your translated content and then refer to the word count. If the word counts are roughly the same, give or take a few words, you’ll know that nothing has been missed during the translation process.

Secondly, you’re going to want to check your translated content to make sure that it doesn’t breach any plagiarism requirements. While your original content may not be plagiarised, your translated copy might be. However, this is easy to check using plagiarism checking services like Academized or Plagium.

Conclusion

In reality, there is a tonne of features and aspects of your website you’ll need to consider when designing and building a multilingual website, but this will solely depend on the kind of website you’re building, its purpose and the industry that you’re operating in.

However, this article has covered the majority of the basics that you’ll need to consider and should give you the best shot at creating a successful multilingual website.


About The Author

Brenda Berg is a professional with over 15 years of experience in business management, marketing and entrepreneurship. Consultant and tutor for college students and entrepreneurs. She believes that constant learning is the only way to success. You can visit her personal blog at Letsgoandlearn.com



Read more »
By on 16 comments:
Label: , , , , ,

Monday, November 27, 2017

Free Website Templates

creating websites , free
Free Website Templates
Free Website Templates
Sample of the free website templates available

If you are looking for free website templates then you have come to the right place. We have scoured the internet looking for the best totally free, website templates, including fully HTML5 templates, responsive template, animated templates, parallax scrolling templates, templates with bootstrap and much more. So whether it is a simple one column website template you need or a fully responsive business template with eCommerce capabilities you can find it here. Of course all there website templates will require knowledge of HTML and CSS so if you need to brush up on that first then click on the links to learn more.

We have also ranked the providers by stars to give you an idea of both how good we rate the quality of their templates, the ease of use of the website, range of website templates available, design and visual appeal of templates, live demo of templates etc.


Free CSS

Rating :

Free CSS has 2642 free website templates coded using HTML & CSS in its gallery. The HTML website templates that are showcased on freecss.com are some of the best that can be found in and around the net. The website itself is very basic though and as there is no search function to allow you to filter through the website templates so you have to sift through them all one at a time to find out their features, this is a major drawback.
Visit Website


OS Templates

Rating :

OS Templates offer some of the best website templates that can be found on the net. They  update their website regularly with premium and free HTML templates as well as PSD templates.
Whether you are a private person, a freelancer or a company, you are free to use their free website templates for both your commercial and personal websites. There is no search function to help you filter through the templates, which is a pity although the template previews are a decent size and are labelled by features such as HTML5 and responsive. At time of reviewing there are 270 free web templates available.
Visit Website


Styleshout

Rating :

There are currently a very limited (22) amount of free templates available here but they are all high in quality and definitely worth a visit. Beautiful handcrafted HTML5 and CSS3 website templates  with good attention to the details making them premium quality but free of charge. All designs are free of charge and available for personal and commercial projects, in exchange for accreditation. 
They also say their templates are updated on a regular basis. Again, no site search but templates can be categorized by label to help you find the right one for your needs.
Visit Website


Webflow

Rating :

"Webflow gives designers all the power of HTML, CSS, and JavaScript. But instead of writing code, you manipulate the real, working website, visually,  just like your favorite design tool." That is the blurb from the webflow website, the reality is that it is yet another Drag-and-Drop site builder similar to wix, weebly, squarespace and many others. I have included it here,as opposed to the others, as it is newer and people may not have heard of it. Like most site builders you start off on a free plan with limited functionality and can upgrade from there for a fee. Like all the others it is still a good option if you can't code, don't mind forced ads/branding and need limited website functionality.


Medium

Rating :

This is actually on article with a limited (37) number of free website templates as opposed to a dedicated template website but I have included it here as it includes some excellent premium quality templates for free. No search capability but as there are limited templates it's easy to scroll through and find one that's right for you with features like flat design, responsive layout, jQuery sliders etc.
Visit Website


Free Website Templates

Rating :

There are around 350 free templates here at time of reviewing as well as many other premium (paid) templates. These free templates really are no strings attached - you can download each template for free, modify it and create your own website with it. If you're a web design company, you can even use it for your clients as long as you don't charge them anything for the templates. You're allowed to use the templates without linking back. The website does have a search function to help you filter through although it is basic. The templates previews are large though which helps you quickly sift through them.
Visit Website


HTML5Up

Rating :

Again, there are currently a limited (45) amount of free templates available here but they are also all high in quality and definitely worth a look. They are all hand coded HTML5 and CSS3, fully responsive website templates making them premium quality but free of charge. All templates are available for personal and commercial projects, in exchange for accreditation. Again, no site search or even labeling but with so few it hardly matters. There are live demo previews though which allows you to fully explore the templates without needing to download and test.
Visit Website


Templated

Rating :

I like templated. They keep things simple. A quality collection of 866 simple CSS, HTML5 & Responsive site templates released for free under the Creative Commons license. The templates are all top notch and feature live demo preview. If only they had a categorization system or site search to more easily find the right template, the only flaw in an excellent website.Visit Website


Theme Wagon

Rating :

There are a limited number (175 at time of reviewing) free templates at theme wagon but they are all of a very good quality with premium features such as quality design, parallax scrolling and responsive layouts in many of the free templates. There is a site search function but it also includes the premium templates in results so be careful you don't fall in love with a template before realising you'll have to pay for it!
Visit Website


W3 Layouts

Rating :

This is probably my favourite place to get free website templates. There is a huge selection (2881) at time of reviewing and yet it is easy to find what you want as all templates are categorized as well as labelled for search so you can easily find a template that is right for your website as well as previewing each template in demo mode. In terms of usage,  you are not allowed to remove back-link to w3layouts in template unless you have donated for template, this is probably the only downside. But you can use the resources for personal and commercial projects.
Visit Website


*This article was created by our friends at free design resources who will be launching their new website on January 1st. We will be writing more about that at the time but if you want to be the first in the know be sure to subscribe to our newsletter.


Read more »
By on No comments:
Label: , , , , , , ,

Wednesday, November 22, 2017

How To Speed Up Your Website

faster page loading , increase loading speed
How To Speed Up Your Website
How to make your website load faster
Although it is unlikely you will make it to a perfect score the tips below can help you get in the green for page speed

As far back as 2010 Google admitted it uses a web pages loading speed as part of it's ranking algorithm and as the mobile web has grown so has the importance of a website's loading speed. So with that said let's get to the point. Here are my top tips to speed up your web pages...



Go Direct...

No landing page redirects please. Why? Well redirects trigger an additional HTTP request-response cycle and delay page rendering. In the best case, each redirect will add a single round-trip (HTTP request-response), and in the worst it may result in multiple additional round-trips to perform the DNS lookup. So you should therefore minimize your use of redirects where possible.

Google identifies these examples of redirect patterns...
  • example.com uses responsive web design, no redirects are needed - fast and optimal!
  • example.com → m.example.com/home - multi round-trip penalty for mobile users.
  • example.com → www.example.com → m.example.com - very slow mobile experience.

Cut The Crap...

Remove any unnecessary content, especially widgets and plugins that you only put into your sidebar or footer to fill it out, yes I'm looking at you! Only present that content that is actually relevant or related to the web page's topic.

WordPress sites especially, tend to have sidebars or footers full of widgets or plugins that are serving no real purpose but yet are slowing down your webpage a lot. "But they are so easy to add and they look really pretty..." I hear you say. That may be true but are they actually serving a purpose? If not, get rid of them.

Tip: If you want/need to link to Twitter, Facebook, Google +, Pinterest etc. just use a linked icon (font awesome icons are great for this) or image as opposed to a widget or plugin.

Prioritise Above The Fold

What we mean by this is that you should limit the size of the data (HTML mark-up, images, CSS, JavaScript) that is needed to render the above-the-fold content of your page. Structure your page so the initial response from your server sends the data necessary to render the critical part of the page immediately and defer the rest. This may mean that you must split your CSS into two parts: an inline part that is responsible for styling the above the fold portion of the content, and the part that can be deferred.

Google suggests the following examples of how a site could be restructured to load faster:
  • If your HTML loads third-party widgets before it loads the main content, change the order to load the main content first.
  • If your site uses a two-column design with a navigation sidebar and an article, but your HTML loads the sidebar before the article, consider loading the article first.

Optimise Images

It really is amazing how much you can reduce image file sizes without any loss of quality. You literally can't see any difference visually but the impact on web page loading speeds can be immense. Here are 2 options for software to help you optimise your websites images.

Minify, Minify, Minify

That heading isn't for dramatic effect as you can, and should, minify your HTML, CSS and JavaScript. This is actually a lot easier than you think. It basically means removing any unnecessary spaces from your HTML, CSS and JavaScript code. There are even lots of websites that will do it for you for free, my personal favourite due to it's beautiful simplicity is this minifier.


Enable Compression

The word compression tells you all you need to know about what this does but how does it work? All modern browsers support and automatically negotiate gzip compression for all HTTP requests. Enabling gzip compression can reduce the size of the transferred response by up to 90%, which can significantly reduce the amount of time to download the resource, reduce data usage for the client, and, most importantly, improve the time to render of your pages. See Google's explanation of text compression with GZIP to learn more.

Good News: If you have a Blogger website then you automatically have gzip compression. If you don't believe me then test your website's compression.

Bad News: Some other hosting providers' basic hosting package do not support compression so be sure to check before you waste your time and effort working on it.


Browser Caching

Caching involves storing information from your website for reuse. Fetching information over the network is both slow and expensive: large responses require many round-trips between the client and server, which delays when they are available and can be processed by the browser, and also incurs data costs for the visitor. Therefore, the ability to cache and reuse previously fetched resources will optimize performance and speed up your website. The most common way to leverage browser caching for increased page loading speed is using a .htaccess file.

Learn how to leverage browser caching.

Tip:  If your website is hosted by Blogger you cannot use browser caching through the .htaccess method as you have no access to the .htaccess file. However you can try this alternative.



Read more »
By on No comments:
Label: , , , , , , , ,

Friday, January 6, 2017

Smooth Scrolling For Web Anchor Links

animated scrolling , jQuery
Smooth Scrolling For Web Anchor Links
Click on the demo link below to test the smooth scrolling effect

I recently added a smooth scrolling effect to this website (test here if you want a demo). It is set to trend in 2017 after all.

During my research in preparation to best implement this effect I was surprised at the variety of code options on offer and even more surprised by the fact most of them didn't work! So with that rant over, I'm writing this short post to save you the time that other websites wasted on me.

Below is the full and exact code you need to add into the 'head' section of your website in order to achieve a smooth scrolling effect for all 'anchor' links on your website.

If you want to learn more about how it works or for any troubleshooting you can read more below.

The Code...



How it Works...

jQuery

Most of the scrolling magic happens offsite which is why the link to the jQuery library is necessary.
Some websites will say you should downloadand host the jQuery library yourself rather than use a CDN (Content Delivery Network) link but many users may already have downloaded jQuery from Google or Microsoft when visiting another site.

As a result, it will be loaded from cache when they visit your site, which leads to faster loading time. Also, most CDN's will make sure that once a user requests a file from it, it will be served from the server closest to them, which also leads to faster loading time.

jQuery is a fast, small, and feature-rich JavaScript library, and the smooth scrolling effect is just one of many effects in the library. This jQuery link must come before the other code as it needs to load before the scrolling effect will work.


The script which follows the jQuery library link then does the following...

  • waits for the page to load
  • adds the smooth scrolling effect to all links on the page (to be activated onclick)
  • checks to see if variable 'hash' has a value
  • if 'hash' has a value, it disables the default anchor link behaviour (usually jump to the link)
  • stores the variable
  • activates the scrolling effect on the link
  • gives you option to set scrolling time in milliseconds
  • finally it adds # to the end of the url

Troubleshooting...

  • Check that you have copied all the code (Sometimes it's the most obvious thing that we get wrong!)
  • Make sure all the code is in the 'head' section of your webpage, between <head> and </head>
  • The code needs to be pasted into the head section of every webpage that you want the effect to work on. Unless using a CMS like Blogger or Wordpress, in that case just paste into the site template
  • Ensure the jQuery library link is before the rest of the code.
  • Check that your browser or antivirus is not blocking javascript from running.
    • jQuery uses $ as a shortcut for jQuery. Thus, if you are using another JavaScript library that uses the $ variable, you can run into conflicts with jQuery. In order to avoid these conflicts, you need to put jQuery in no-conflict mode immediately after it is loaded onto the page.


Read more »
By on No comments:
Label: , , , , , , , ,
close
Banner iklan disini