Placed in: Home comprar viagra en espaƱa
comprar viagra online
comprar viagra generico barato
comprar cialis generico online
comprar cialis online seguro
The Polaroid Photo Viewer - Non-Full Screen

Pretty fast after I placed the Polaroid Photo Viewer with CSS3 and jQuery example online, I received loads of e-mails and comments requesting another feature. The original example was only full-screen, but people wanted it to "stick" to a box (Placing it inside a <div>).

By making a couple of changes to the original code, I managed to make this work too. So today, I present you the non-full screen version of the popular Polaroid Photo Viewer with CSS3 and jQuery.

The Polaroid Photo Viewer - Non-Full Screen

Try dragging the polaroids around in the demo. You'll be able to do so, but the surrounding division seems to prevent the user from actually dragging it outside it's container.

Demo The Polaroid Photo Viewer - Non-Full Screen   Download The Polaroid Photo Viewer - Non-Full Screen

Just like with the original example, this example only works on modern browsers supporting CSS3 (Safari, Chrome and Firefox 3.5). This probably would work with Opera too, but I haven't tested it.

Now to show you which small changes are made to the original script to make this one work.


Tags:  polaroid photo viewer css3 jquery webdevelopment
 
Freebies: "Water Splashes" High resolution textures

It has been a while since I placed my previous high resolution texture pack online. Today, I'm presenting you another texture pack called Water Splashes. This pack contains 8 textures (1500 px of width) of some great water splashes behind a speedboat. I made these pictures while traveling to Camiguin (Philippines).

Water Splashes Texture Pack

I hope you enjoy them and use them well. The textures are totally free for all kinds of use.

Download the Jungle Flora Texture Pack

Don't forget to check out some other great high quality textures that are released on this website before.


Tags:  freebie texture high resolution photoshop water splash
 
jTypingHero - Test your typing skills in this jQuery game

Quickly after jCharacterfall, I came up with this game. It looks a bit like jCharacterfall, but is mainly inspired on and JamLegend, RockBand and (obviously) Guitar Hero. But, instead of tapping to beats, you'll have to press the correct character on the correct time in a totally random order. Each correct press will make the game faster, which makes it harder but you'll be able to earn more points.

Just like in the previous game, this one can be pretty fun and addictive, but it might help you improve your typing skills too.

jTypingHero - Test your typing skills in this jQuery game

Little disclaimer: If you find this game too easy, I suggest you download the source and change the JavaScript file, changing some values placed on top (like DROPPINGSPEED and NEWORBTIME). This will increase the amount of multiple dropping orbs and will also speed up, but that also means your browser will take a lot away from your CPU.

Once again this is just a simple Proof of Concept showing the amazing power of jQuery (combined with some CSS3).

Play jTypingHero   Download jTypingHero

Just like with jCharacterfall, I'm inviting you to poke around in the source to see where you can make some improvements. What highscore can you get in this game?


Tags:  jtypinghero typing jquery game hero
 
jCharacterfall - A small, addictive jQuery game

After my first jQuery plugin, I wanted to create an actual jQuery game. While I was swimming in a pool nearby, I came up with the following idea (inspiration can be found everywhere): Characters in water drops falling. You can save them from a splashy death, by pressing the correct character on your keyboard.

Keeping that in mind, I created jCharacterfall - A small, addictive jQuery game. After each character save, the game gets harder and the droplets will fall faster. When playing this game over and over, you might even improve your typing skills.

jCharacterfall

I'm aware of a couple of bugs in the game, but if you "just play it", you probably don't encounter any of them. This game combines the power of jQuery, jQuery UI, the jQuery Easing plugin and CSS3.

Play jCharacterfall   Download jCharacterfall

Feel free to poke around in the source, just to see if you could improve the script in any way! What highscore can you get?


Tags:  jcharacterfall jquery game css3 fun
 
The Mac Skype App menu with CSS3 and jQuery

If you're a regular visitor of Marcofolio, you know I love to create (and share) some wicked Proof of Concepts (For example: the Polaroid photo viewer and the iPhone Contacts App). They are nothing more than showing some amazing potential of certain techniques.

Today, I wanted to transfer the amazing slick Skype (for Mac) layout to your own webbrowser. Not the full layout: Only the menu where all your friends are listed. For the nifty layout we're going to use CSS3 and for the extra functionality (ofcourse) jQuery.

The Mac Skype App menu with CSS3 and jQuery

Features:

  • Expanding and hiding the contact details.
  • Nifty layout using CSS3.
  • Extra info (behind each name that is not expanded) is added through jQuery.

Demo Mac Skype App menu   Download Mac Skype App menu

Sadly, just like all other CSS3 examples placed here, not all browsers support this functionality. Only browsers that support the -webkit prefix (Safari and Chrome) and the latest version of Firefox (3.5 through the -moz prefix) are fully working. Other browsers will show the menu without the extra markup.

OK, here we go! Let's see how you can create one of these wicked Skype menu's yourself. The users listed in the demo are the friends of Marcofolio (same that are placed in the footer) with their Twitter profile picture and links.


Tags:  skype css3 jquery mac how-to tutorial
 
<< Start < Prev 1 2 3 4 5 6 7 8 9 10 Next > End >>

Results 91 - 105 of 372
Subscribe

Subscribe to Marcofolio