Placed in: Home arrow Programming viagra australia
viagra online
viagra sale
cialis online
cialis australia
Programming
A parallax illusion with CSS: The Horse in Motion

Time for some fun with CSS and optical illusions. For those people that are feed subscribers for a while, will know that I really love optical illusions. I already wrote several articles with optical illusions (15 cool word illusions, Illusion of a 3D dragon and more), and now it's time to create one myself with the help of CSS.

One of the optical illusion video's that I saw a while ago, was the example of the book called Magic Moving Images. The video clearly explains how this optical illusion works and I really liked it.

Optical Illusion CSS Parallax

I wanted to recreate the effect of the illusion with the help of parallax and CSS. Chris Coyier wrote an article about Starry Night: Incredible 3D Background Effect with Parallax. This was the foundation of the effect of an optical illusion.

Check out the demo page with can be created by combining those two awesome techniques.


Tags:  css optical illusion horse motion fun
 
Expanding a HTML form using JavaScript

Using forms in a website to let the user register is pretty common these days. But what happens when you want several input values of the same subject? It's pretty ugly to make 20 fields with "I can speak the following languages:". Those users that can only speak one or two languages would leave a big empty space and would have to scroll down a lot. Those users that can speak more than 20 languages can't input everything they want.

In this example, what you want is that the user can give an input and dynamically expand the form. This can be achieved with the help of JavaScript and here I'll show you how.

Expanding Forms

This isn't going to be a long article, since I don't have much to tell about this technique. Just check out the demo, look at the code and learn for yourself. I added comments to make it a bit more easier.


Tags:  html javascript webdesign internet
 
Enable Gravatar support in !JoomlaComment

!JoomlaComment is one of the leading free commenting components for Joomla!. I've been using the component since the beginning of my website.

Still, !JoomlaComment isn't perfect (yet) in my opinion (And I'm not the only one). I would really like to see Trackback support and the ability to edit your own post in 120 seconds. For my website, I wanted to add Gravatar support, so I went editing the !JoomlaComment code to show those globally recognized avatars.

Gravatar for JoomlaComment

One of the strangest things is that !JoomlaComment already supports most things needed for Gravatar. There is already avatar support for Community Builder. The only thing needed for support Gravatar on a PHP platform is an email address. !JoomlaComment has the build-in functionality to ask the user for his email.

So let's edit the PHP code and let's add Gravatar support! This tutorial is written on the latest release of !JoomlaComment at this moment: 3.23.


Tags:  gravatar customize joomlacomment joomla
 
Protecting an image with the use of Flash

It's been a while since I wrote my last Flash / Actionscript tutorial. But lately, I got several requests on different Flash tutorials so I decided to start up the program once again.

Many websites don't want their images to be copied. You can add a (hidden) watermark, slamming your logo several times on the image or let it carry a secret file, but I wanted a totally different approach. I wanted to protect my images using Flash and more important: It should be done dynamically.

Image protection using Flash

Before I'm going to start with this tutorial, I recommend you to check out my demo on what we'll be creating. I'm telling you: Those images are loaded dynamically using external JPG files. Can you find the real images?

You can download the source and demo code if you don't feel like following this tutorial. You'll only need to change the XML file and you're done.


Tags:  flash actionscript jpg xml tutorial
 
mfSlideBar: Sliding sidebar for Joomla modules
mfSlideBar A common problem in web design is having a lack of space. mfSlideBar gives you a fancy Web 2.0 solution for this problem. Simply place modules in to a nice sliding side bar on your Joomla! website.

You can place any module in to this sliding sidebar and you can set your own theme / style. mfSlideBar is very flexible and comes in sliding from the left or the right of the page.

Want to have a nice Web 2.0 sliding sidebar showing your modules on your website? mfSlideBar is your solution.

mfSlideBar works with Prototype.js.


Tags:  module free joomla webdesign
 
mfDropCaps: Add your own drop caps to your Joomla articles
mfDropCaps A drop cap is an effective way to jazz up articles on your website. It'll make your site look a bit more professional. There are several CSS techniques to achieve this, but some are not cross-browser compatible and it doesn't support every font.

mfDropCaps replaces every first character of your article or paragraph with a beautiful drop cap by showing an image of the character. This technique is SEO-proof and you can create your own font by changing the images provided by mfDropCaps

mfDropCaps works with jQuery.


Tags:  mambot free plugin joomla webdesign
 
<< Start < Prev 11 12 13 14 15 16 17 18 Next > End >>

Results 67 - 72 of 105
Subscribe

Subscribe to Marcofolio