Tuesday, July 15th, 2008
I’ve been searching for a jQuery function which when a user clicks on a piece of text, the text fades out, then the original text is replaced with a new piece of text, after that the new text is faded in, and couldn’t find one. So decided to make my own.
I have now updated the function, making it use ques rather than relying on the setTimeOut call. If you have any suggestions or questions about the function, dont hesitate to ask me.
I’ve hacked together a first draft. The only thing i am unhappy with at the moment, is that the function relies on a setTimeOut call. The reason this this line is included, is to remove the clicking functionality, it does this by changing the elements ID.
I have included a copy of function below, and an example of it in use.
(more…)
Tags: DOM, Effect, fadeIn, fadeOut, function, javascript, jquery, transition, web development
Posted in Web Development | 1 Comment »
Monday, May 26th, 2008
I recently wrote an e-mail for a couple of guys that I know from Square Tab. It was a list of links that i have found usefull over the last few months, so I thought i would share these links to the rest of the internet. I’ve split the links into categories depending on the technologies they use.
CSS
The first link i sent over was about the user of media queries in CSS3. Basically media queries allow you to display different implementations of CSS depending on what device the page is being viewed on. E.g. you can say if your screen is 800px wide, display this otherwise display this. Its got some more advance stuff, but that was just a simple example. Anyway heres the link:
(more…)
Tags: apache, CSS, Design, developer, framework, frameworks, grid, hosting, jquery, linux, media queries, mysql, nginx, php, regular expressions, RoR, screen casts, sIFR, slicehost, tutorial, web, web design, web development
Posted in Design, Tutorials, Web Development | No Comments »