Social Network for Web Professionals

Webmaster Blog

Members blog at WebmaisterPro. Covering topics related to online marketing, SEO, web development as well as software reviews.

As the Digital Marketplace Continues to Grow, Graphic Design and Web Development Need to Continue to Evolve

More and more, consumers are choosing to do most, if not all, of their shopping online, rather than heading to brick-and-mortar retailers. In fact, according to data compiled by Invesp, estimates suggest that Americans alone will spend some $279 billion online by 2015, while consumers could spend up to a staggering $1.4 trillion globally. Because of that, businesses looking to attract new customers and grow will have to find ways to establish a strong online presence, one that allows online shoppers to easily research and buy products. Building a great new website is usually the best way to do that, and using the latest graphic design trends can help owners make sure their site stands out. Bold Graphics Web users tend to move quickly, and will make a decision about whether or not a site they visit has any value in just a matter of seconds. In order to draw shoppers in and make sure they are able to find exactly what they are looking for, site developers need to use creative and engaging graphics. Sites that are bland and too text-heavy will fail to draw interest, even if they have lots of great content or the exact product or service...
Rate this blog entry:
1
Continue reading
3778 Hits
0 Comments

Useful jQuery Various Scrolling Snippets and Plug-ins

Scrolling can improve usability of website dramatically. Scrolling with mouse can be a painful experience for visitors, especially on long pages. Probably the easiest way to get things done fast is with the help of jQuery. There are many plug-ins for jQuery that can easy this job, but technically you don't need a plug-in just some of these reusable snippets. Scroll to Anchor Text Create the anchors within your page, easy way to make jumps in relevant content or guide/tutorial pages. // HTML: // <h1 id="anchor">Example</h1> // <p><a href="#anchor" class="topLink">Back to Top</a></p> $(document).ready(function() { $("a.topLink").click(function() { $("html, body").animate({ scrollTop: $($(this).attr("href")).offset().top + "px" }, { duration: 500, easing: "swing" }); return false; }); }); Scroll to Top Scroll to top have become a standard, every website need this. $("a[href='#top']").click(function() { $("html, body").animate({ scrollTop: 0 }, "slow"); return false; });   Scroll to Bottom $(window).load(function() { $("html, body").animate({ scrollTop: $(document).height() }, 1000); }); Note the use of window.onload (when images are loaded...which occupy height) rather than document.ready.To make things proper, you just need to check the page height and substrack. $("html, body").animate({ scrollTop: $(document).height()-$(window).height() }); Load content on scroll Simple code that does the effect similar to Facebook, Twitter and Google Plus –...
Tags:
Rate this blog entry:
1
Continue reading
3878 Hits
0 Comments