Royal Deer Design » JavaScript

Hacking Pin It Button

Sheuli — Sat, 20 Oct 2012 14:53:39 +0000

Pinterest offers a user friendly Pin It button generator. Unfortunately, they don’t really let web developers to modify the look of it. It is getting problematic in a situation when we insert few social media buttons horizontally next to each other and we realize that they have slightly different height.

I faced this issue working on my client’s website organiceyourlife.com.

This is how Pin It button was not fitting into the crowed of other two social networking buttons:

The goal was to make it look this way:

The problems is that the button itself is loaded in iframe (on top of that this iframe is generated by JS) and all the files, including JS and leaded to iframe HTML file are hosted on Pinterest server. I did try many tricks like loading external CSS file to the iframe and forcing CSS styles on iframe elements by JavaScript. Nothing worked.
Solution.

Digging more into the structure of the button I found that I can host on my own server not only JS file which generates the iframe but also leaded into the iframe HTML file, and the functionality of the button will stay.

Alternatives to CAPTCHA

Sheuli — Thu, 05 May 2011 12:10:44 +0000

Spam from contact forms located on websites is a huge problem, and the only way to solve this issue it used to be putting a CAPTCHA. However, this solution has a very bad impact on conversion rate. There are studies which show that the company could lose out on 3.2% of all their conversions when using CAPTCHA. But there is a good news – there are other better solution than CAPTCHA.

Javascript alternative to CAPTCHA

Much more simpler approach is to use a hidden and required text field that is generated with Javascript. The idea behind this solution is very simple – spambots cannot fill in the field because they are not able to interact with objects in client-side JavaScript. The only minus of this problem solution is that it relies on JavaScript to work.

Honeypot Captcha

Another solution is Honeypot Captcha approach. You create a honeypot form field that should be left blank and hide it by using CSS techniques. When the form is submitted, your script checks if the value of that form field is blank. If it is not blank that means it was submitted by a spam bot (the form is invisible for user).

Javascript Change Font Size

Sheuli — Sat, 19 Jun 2010 15:27:50 +0000

We are working on a website with a dynamic font size functionality. Do you know that this so useful functionality costs only two lines of code? If you consider the need of people to see larger fonts on your website you can use JavaScript code crated by our web developer.

Change Font Size with Javascript Ready to use code:

+A
-A

You can use this code on your website, just copy the code and past it into your document.

Website loading time

Sheuli — Wed, 03 Feb 2010 10:47:01 +0000

According to a new study from Gomez (the company which provides the industry’s leading platform of Web application experience management solutions) customers don’t have a patience for Internet stores, ebanks and travel sites that loads slow, act unsteadily or crash during transaction seasons. The survey shows that 78 percent of consumers go to a competitor’s site after disappointing experience with slow-loading pages, errors or transaction problems. 88 percent do not return to a website which performance disappointed them. “People are pretty impatient nowadays and they don’t want to wait, they have other choices,” said Jeff Loeb, vice president of products and solutions marketing at Gomez, a division of Compuware. Below advice from Royal Deer Design, how to keep your website in good shape and how to make it load faster.

Make Your Website Load Faster

-Do you really need this heavy flash animation on your homepage? People with iPhone and blackberry don?t see it anyway, MACs like to crash during displaying flash animations. Consider JavaScript as a platform for a simple animations
– Clean your html/css code
– Decrees an amount of images on your website
– Reduce the size of the images
– Remove Unnecessary Widgets/Scripts/Statistics

To learn more techniques submit for our free newsletter.