Archive for the ‘Quick Tips’ Category
« Older Entries 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: form, jQuery, quirk, val()
Posted in Quick Tips, Web Design, Web Development |
No Comments »
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: css tabs, CSS3, Javascript
Posted in General Stuff, Quick Tips, Web Design |
4 Comments »
March 17th, 2010
One of the nifty new features of HTML5 is the placeholder for forms which is added by putting in a placeholder value.
<input type="email" placeholder="example@kamikazemusic.com" />
So I can use this everywhere I’ve just written a quick bit of jQuery to replicate the placeholder functionality in browser that don’t support. It also uses Modernizr to check if the browser already supports the placeholder technique.
Read more »
Tags: HTML5, jQuery, Modernizr, placeholder
Posted in Quick Tips |
14 Comments »
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: animations, CSS3, transitions, tutorial
Posted in General Stuff, Quick Tips, Web Design |
1 Comment »
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: CSS3, HTML5, template
Posted in General Stuff, Quick Tips, Web Design, Web Development |
31 Comments »
November 22nd, 2009
I happen to spend a bit of time doing online surveys, whether they’re for website feedback or market research or, well, anything else.
Whilst I haven’t done any in depth research I’ve certainly noticed a lot of basic mistakes that are really annoying! So here’s a few that you should avoid and you should make your surveys easier for people to fill in and that in turn should improve the quality of your results.
Read more »
Tags: customer service, survey
Posted in General Stuff, Quick Tips |
3 Comments »
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: blogging, design, development
Posted in General Stuff, KamikazeMusic.com, Quick Tips, Random thoughts and musings, Web Design, Web Development |
2 Comments »
November 4th, 2009
With the new techniques in CSS3 and clever applications of existing CSS it is increasingly stepping on the toes of JavaScript. Which to be honest isn’t necessarily a bad thing.
I thought I’d try my hand at something so here is a basic CSS tabbed content section that changes on hover.
Click here to view the demo
Read more »
Tags: CSS3, HTML
Posted in Quick Tips, Web Design |
80 Comments »
October 25th, 2009
They’re becoming ever more popular as a form of cheap, affordable and effective marketing but HTML emails can still be a pain in the arse mainly due to the dated rendering by most email clients. They’re something I’ve found myself doing ever more frequently recently (even getting an inclusion on the Beautiful Email Newsletters Gallery) so here’s my 10 basic tips for putting together your own HTML email newsletters.
Read more »
Tags: design, development, HTML email
Posted in General Stuff, Quick Tips, Web Design, Web Development |
44 Comments »
October 21st, 2009
Well a nice little jolly down to London for the eCommerce Expo at Earls Court today. Generally I was surprised that I didn’t learn much new, except maybe that UK Fast have a recruitment policy that involves women who look good in hot pants http://twitpic.com/m8t5w (the girls in the picture are actually UK Fast employees and not hired in like I thought).
Not learning much can I guess be a good thing as it generally means we’re doing everything right in work. Still I attended a Google University session on analytics and I would certainly recommend Google University sessions if you get the chance to attend one. Amongst the things I took away were what the speaker said were his 5 key metrics that you should know for any eCommerce site and they’re equally applicable to normal sites.
Read more »
Tags: analytics, conversion, ecommerce, google
Posted in General Stuff, Quick Tips, Web Design, Web Development |
23 Comments »
Subscribe to the RSS feed
Follow me on twitter - @dsparks83
