Remember the "good old days" when you were still using Windows XP? If so, I'm pretty sure you remember the loads of error dialogs that would pop up at a totally random time. Although these dialogs always show up at a bad time, you could do something pretty neat with them. Drag the window around and it would duplicate itself over and over!
Sadly, I haven't seen this effect alive in Windows 7, so to keep those memories alive for XP, I re-created the effect using HTML/CSS with jQuery and jQuery UI.
Simply check out the demo to see if you can remember how it would look like. Be creative and fill up the screen with some beautiful error dialogs.
I hope you understand that I'm pretty sarcastic; I don't like these kind of error messages that would make your PC crash. Yet, I wanted to give it a try to bring this effect to your browser. Now let's see on how you can create this fantastic effect yourself!
Tags: windows xp error nostalgia jquery fun
In this article, we'll be looking at the following properties that are now supported by Firefox 3.6: pointer-events, Using gradients and Multiple backgrounds.
Please note that this article only aims at Firefox 3.6, using the
-moz CSS prefix. Therefore, not all techniques will be visible when using any other browser (or older versions of Firefox). So let's see what the latest version of this browser has added to his CSS arsenal.
Tags: firefox css pointer-events gradients multiple backgrounds
Combining both jQuery and PHP can be very powerful. One of my very popular articles called A fancy Apple.com-style search suggestion is combining these two techniques too, to achieve the desired effect. There are loads of tutorials on the net that also use both techniques, but Kae Verens wrote a complete book about it. The book is called jQuery 1.3 with PHP (by Packt Publishing) and shares great information on how you can combine jQuery and PHP for use on your own website.
I've read the book and wrote a review about it. Now, you have a chance to win this book and read it yourself!
What you'll learn from this book:
- Integrate jQuery into your PHP applications
- Manipulate images non-destructively
- Create your own jQuery plugins
- Use a drag/drop mechanism to sort lists and create hierarchical menus
- and much more!.
Read the review below and make sure to check out how you can win a hardcopy version of this book. Also, make sure you subscribe to the RSS feed or follow me on Twitter to get updates on more future giveaways.
Tags: book review giveaway jquery php
A little bit of sad news; This will be the last post on Marcofolio on 2009. I'm going to Austria for two weeks and enjoy a winter sport vacation. But don't worry, I'm planning on finishing this year with another great article.
Just like last year, I contacted several (web)design bloggers and asked them the following question: Could you provide me with the URL of what you think is the best article that you wrote in the past year (2009)? If you do, please add a short description why you found that article the best one. As you can imagine, this post is a round up with the actual best posts from the past year from several great blogs.
I have nothing left to say except to wish you a safe and joyful new year's eve and I hope to see you back (with all your fingers) in 2010! Check out this Christmas card from me and my girlfriend, wishing this to everybody in the world.
Now let's see what the people behind the blogs consider to be their best article from the past year. Smashing Magazine has two entries, but I allowed them since they're from different authors.
Tags: roundup inspiration weblog 2009 best of webdesign
As you might know already, I'm not a big fan of animations that are added in CSS3. Yet, several people on Twitter told me why they really like the feature. At that point, I wanted to play around with it too.
At the same time, I wanted to see if those animations with CSS3 could be created with jQuery too (especially for those browser that don't support CSS3 animations yet). So today, I present you Five examples of CSS3 animations and their jQuery equivalents.
This tutorial/these examples will show the use of the same HTML, with different classes for CSS3 and jQuery. You can compare both the codes and see which one you like more. Don't forget to check the demo/download the source code to view how everything is working under the hood.
Sadly, CSS3 and HTML5 aren't the standards (yet) these days (when will it ever be?). Since this demo is using CSS3 animations, not all (modern) browsers will be able to show off the full effects. Because of this, it only works on Apples Safari and Google Chrome as they are the only browsers supporting the CSS3 animations via the
-webkit- prefix. So, for now, this is just for fun and learning more about CSS3 and jQuery. The jQuery effects will work on other browsers though.
With that said, check out how you can re-create these and learn some more about CSS3 animations and jQuery.
Tags: CSS3 animations jquery webdevelopment CSS
|<< Start < Prev 1 2 3 4 5 6 7 8 9 10 Next > End >>|
|Results 61 - 75 of 365|