Placed in: Home viagra australia
viagra online
viagra sale
cialis online
cialis australia
Pure CSS3 bokeh effect with some jQuery help

Bokeh - In photography, bokeh is the blur, or the aesthetic quality of the blur, in out-of-focus areas of an image, or "the way the lens renders out-of-focus points of light." (from Wikipedia). I'm pretty sure you've seen this effect before, since there are loads of wallpaper roundups and tutorials using this technique. Currently, one of my favourite wallpapers has to be this bokeh effect from -kol.

Today, I want to add another addition to the bokeh "hype", by creating a pure CSS3 bokeh effect. With some help from jQuery, we can add some randomness in colour, size and position for the effect.

Pure CSS3 bokeh effect

Still don't know what we'll be creating? Make sure to check out the demo and view the source code to learn some more.

Demo Pure CSS3 bokeh effect   Download Pure CSS3 bokeh effect

IMPORTANT NOTE:
Sadly, CSS3 and HTML5 aren't the standards (yet) these days (when will it ever be?). Since this demo is using CSS3, not all modern browsers will be able to show off the full effect. Because of this, it only works on Apples Safari and Google Chrome and the latest version of Firefox. So, for now, this is just for fun - until Microsoft comes with a CSS3 supporting Internet Explorer.

The effect looks pretty neat, doesn't it? Check out this tutorial on how you can create it yourself! For those people who use IE, I've added a little video showing the full effect.


Tags:  bokeh css3 jquery tutorial
 
Alice in Wonderland Fan Art

Although the success of 3d movie "Avatar" seems unstoppable, another movie in 3d is coming to the cinemas soon. With the tagline You've got a very important date, the latest version of "Alice in Wonderland" will be released in theaters in one of the upcoming weeks.

Since the story about Alice is one most people will know from their childhood, loads of fan art is created around it. Because of the upcoming movie, this post is a inspirational roundup with Fan Art about Alice in Wonderland.

Alice in Wonderland Fan Art

Main source for this inspirational was DeviantART, a great resource to look for inspiration. Now let's get ready to get your design fluids going by checking out Alice Kingsley, The Mad Hatter, The Red Queen, The White Rabbit, The Caterpillar and more.


Tags:  inspiration fan art alice in wonderland design
 
Nostalgia: Dragging the Windows XP error dialog

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.

Dragging the Windows XP error dialog

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.

Demo Dragging the Windows XP error dialog   Download Dragging the Windows XP error dialog

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
 
New CSS3 properties added to Firefox 3.6

A couple of days ago, Mozilla released their newest version of their ever popular browser: Firefox. It was in beta before, but now version 3.6 can be officially downloaded. This version of the browser brings us a couple of improvements on several aspects, like using Personas (themes), improved (JavaScript) performance and an extended version of the CSS engine compared to the 3.5 release. Today, we're going to look at a couple of the new CSS3 properties that are added to Firefox 3.6.

New CSS3 properties added to Firefox 3.6

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.

Demo Demo New CSS3 properties added to Firefox 3.6   Download Demo New CSS3 properties added to Firefox 3.6

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
 
jQuery 1.3 and PHP: Book review and Giveaway

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!

jQuery 1.3 and PHP

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
 
<< Start < Prev 1 2 3 4 5 6 7 8 9 10 Next > End >>

Results 61 - 75 of 367
Subscribe

Subscribe to Marcofolio