Archive for the ‘Web Design’ Category

JQuery val() quirk

August 23rd, 2010

I’ve had a good solid day of coding, probably my first in quite a while. Whilst I was playing round some JQuery I came across a quirk I’ve never noticed before. I call it a quick because it’s certainly not behaviour I’d expect.

When working with some HTML form elements I used the JQuery method val() to set the value of a select box. So as an example here’s a select box and the JQuery to set it.


<select name="DavesSelectBox" id="DavesSelectBox">
<option value="0">Zero</option>
<option value="1">One</option>
</select<


$(DavesSelectBox).val(1);

Now the problem arises when the form is submitted using a normal submit button and post method. I noticed whilst it visually seemed the select box was being set to the value, the posted value didn’t reflect this and posted the original value.

So after some looking around it turns out that if the element has the same name and id then .val() can sometimes be a little problematic. So the quick fix to change the name and id to different values. Strange!


Tags: , , ,
Posted in Quick Tips, Web Design, Web Development |
No Comments »

Search Analysis with Google Analytics

August 16th, 2010

I nearly forgot about linking to this, my first article for a while.

For those who may have noticed I’ve been doing a few Google Analytics articles for Six Revisions and the latest published a few weeks ago looks at the basics of tracking searches on your site and what you can start to glean from the information available in Google Analytics. Click on the image to go and read the article.


Posted in General Stuff, Web Design, Web Development |
No Comments »

CSS hover tabs realigned.

May 9th, 2010

This was requested on the original CSS hover tabs post and as usual it has taken me ages to get around to doing it.

Anyway it is just the previous version realigned and also with an added tab to show you how easy it is to customise and add extra tabs.

You can view the demo here, it’s pretty straight forward and I won’t go into detail as it is all worked using the same principles as the original post so read that first and then take a look at the source of this one. It’ll do you good to do some thinking and look at what’s changed!


Tags: , ,
Posted in General Stuff, Quick Tips, Web Design |
4 Comments »

CSS Fundamentals: CSS 3 Transitions

March 3rd, 2010

Being rather busy I completely forgot to post the link to this last week, but I wrote an article for the great tutorial site NetTuts about CSS3 transitions.

It is a introduction for those who haven’t used the transitions before and goes on to a little more advanced usage within CSS3 animations – so go check it out at http://net.tutsplus.com/tutorials/html-css-techniques/css-fundametals-css-3-transitions/



Tags: , , ,
Posted in General Stuff, Quick Tips, Web Design |
1 Comment »

5 resolutions you should make this year

January 5th, 2010

Well I started this post knowing full well there’d be plenty of resolution posts around as we enter this new year, and having not got this finished quickly, there are plenty around. You can’t really make anyone follow a resolution and you should all take up your own but here’s five suggestions from me, if you have room in your life for 12 then head over to Six Revisions and have a read of A Designer’s List of New Year’s Resolutions.

Read more »


Tags: , , ,
Posted in General Stuff, KamikazeMusic.com, Random thoughts and musings, Web Design, Web Development |
3 Comments »

Why are you browser testing last?

December 18th, 2009

browsertest

We always seem to leave browser testing till the end, open up Internet Explorer and within about 10 seconds of page load there’s a variety of swear words and we go off to hack our CSS or put in IE only style sheets. God help you if you go crazy and open up IE6, you’re sure to find some form of mess awaiting you.

Recently though my work habits have changed and I’ve decided to stop leaving it until the end, this has been prompted by a few things such as approaching the end of a project having not checked in IE7 and sending a colleague off to show the site to a client who, you guessed it uses IE7. (Sorry Andrew!)

Coupled with that I’ve started to develop sites in Google Chrome. I was impressed with Google Chrome when it first came out and apart from a few too many crashes with flash content it was pretty slick. However the lack of developer tools left me developing in Firefox and using two different browsers seemed a bit impractical.

Read more »


Tags: , , , , , ,
Posted in General Stuff, Random thoughts and musings, Web Design, Web Development |
9 Comments »

HTML5 CSS3 starting template

December 7th, 2009

*Now updated with jquery 1.4.2 and removed supersleight as usage of IE6 only stylesheet removes most of the need for it*


Merry Christmas Twitters and RSS subscribers and all those who have found their way here via some other route.

Having started to get into using HTML5 and CSS3 in quite a big way recently I’ve put together a base package that I’ve been using to start projects off. (I’ll hopefully have some of them finished for you to see in the new year).

I was thinking to myself what better way to encourage people to start using all this new stuff than sharing the package with everyone. Now it’s not up to much but it will give you a basis to customize and start from for HTML5 and CSS3.

There’s a good chance my coding may not even be to your liking but that doesn’t matter, I’m making this available so you can download it and change it into your own starting point.

You can download it right here.

HTML 5 / CSS3 starter package [size : 718.25 kB]


Read more »


Tags: , ,
Posted in General Stuff, Quick Tips, Web Design, Web Development |
31 Comments »

5 things I’ve learnt this month whilst blogging

November 17th, 2009

Well I’ve been doing this web design blogging for a month now. Sure I’ve been working in web design and development for years and I’ve blogged before occasionally keeping fifthandlast.com updated but this is my first time blogging about web related topics. So what have a learnt? A few things actually but here’s 5, mostly learnt from buggering something up.
Read more »


Tags: , ,
Posted in General Stuff, KamikazeMusic.com, Quick Tips, Random thoughts and musings, Web Design, Web Development |
2 Comments »

Page 1 of 212

RSS FeedFollow me on twitter - @dsparks83



Advertisments

heart internet WooThemes - WordPress themes for everyone

Tags

analytics, blogging, CSS, CSS3, design, development, ecommerce, Flash, google, google analytics, guest post, HTML, HTML5, HTML email, IE6, Javascript, randomiser interview, six revisions, Web Design, XHTML