Posted by Ed Nailor in Development, jQuery
on Sep 19th, 2013 | 0 comments
This simple script will allow for smooth scrolling to an anchor link within a page. Fairly easy to add. Just place it in the footer of your coded page and watch the magic happen. Its a very nice addition to make a site seem a bit more “professional.”
It does seem to have a couple items you can adjust, such as the time to take for scrolling. It is set at 900, and how quickly you get to the anchor really depends on how far down the page your anchor is.
So without further adieu, here is the script. Enjoy!
Posted by Ed Nailor in Development, jQuery, WordPress
on May 28th, 2013 | 0 comments
I just completed work on a project that required the use of background animations. The task was to make a header background “shine” when you hovered over the section. My first approach was to use CSS3 transitions by placing a background image with a “shine” effect in place and then using the transitions to slide the background into place quickly, which worked extremely well… until I checked it out in Internet Explorer. Damn IE!
IE 10 worked just fine, but IE 9 and older does not support CSS3 transitions. So I began looking for some jQuery magic. There are some pretty cool...
Posted by Ed Nailor in Development, WordPress
on Apr 20th, 2013 | 0 comments
There are a number of online tutorials and code snippits designed to help you replace the WordPress core loaded jQuery with the hosted version of jQuery from Google. I love the idea as it gives me one less item to load locally and therefore can help speed up the website. I also like having multiple options for loading a script, just in case one is broken.
What makes this different? Most scripts make you define the version of jQuery you want to use in your theme or plugin, or use the lastest version. However, this can be a problem.
In my own framework, I was loading 1.7.2 with the code I used. With...
Posted by Ed Nailor in Design
on Apr 11th, 2013 | 0 comments
Yes, your design looks very nice. I love the style and the look. It is very clear that you have design skills and talent. But, are you sure you are a Web Designer?
I got a great looking website design sent to me for development. Upon first glance, I was really struck by the nice design and overall look. This was a great looking design all in all. However, the devil is certainly in the details, and it became very clear that this designer really does not understand the web.
The PSD file was rife with issues. The very first thing I noticed is that the canvas size was an odd number. Not just some strange...
Posted by Ed Nailor in Development
on Mar 4th, 2013 | 0 comments
Mobile development adds a whole new level of skills that are needed. Take for example an issue I just ran into.
When developing a mobile page template for a client, the iPhone added a 10px margin to the right side of the display to allow room for the scrollbar. The iPad does not do this, and at the time I did not have an iPhone or device similar to test it. I now have an iPod Touch for my iPhone testing, so I could quickly see this as an issue.
To remove the extra margin, I made sure my html tag had a class of “iphone” so I could attach css styles to it. If you do not know how to do this, I...