Posts by admin

Animated Photo Gallery (grid) with javascript

  • 12
  • Apr

Date: 12th Apr 2011 Author: admin Categories: HTML/CSS, JavaScript 2

Tags: , , , , ,

Animated photo gallery grid

Photo Gallery (grid) with javascript

As I know – very many peoples using different photo galleries at own websites. They like to share its own photos, friend`s photos, vacations etc. This is because we trying to make tutorials about different galleries. Today we will continue creating photo albums. But today we don`t will use any ready plugins, it will be done on pure javascript. This will crossbrowser professional gallery made in HTML+JS+CSS.
Read more

Creating a Multilevel Menu using XSLT

  • 11
  • Apr

Date: 11th Apr 2011 Author: admin Categories: HTML/CSS, XSLT 3

Tags: , , , , ,

Creating a multilevel menu using xslt

Creating multilevel menu using XSLT

Today we continue the practice of using XSLT. And lets consider a very entertaining task – the creation of navigation menu through XSL transformations. Someone will think that this is a fairly simple task, but we complicate it in advance – the menu should be multilevel. That is mean an unlimited number of sublevels. As initial data we will have an XML file with defined structure. At the output we will expect our multi-level drop-down menu.
Read more

Creating photo albums using SmoothGallery

  • 08
  • Apr

Date: 08th Apr 2011 Author: admin Categories: HTML/CSS, JavaScript 2

Tags:

Creating photo albums using SmoothGallery

Creating photo albums using SmoothGallery

Today we will continue creating photo albums using different plugins. Next gallery will SmoothGallery. This is free plugin too. This plugin don`t using jQuery how we can expect last time, but it using mootools library. This gallery is html library (not flash), but, anyway – it have very nice interface and rich possibilities. I will tell you how you can apply this gallery for your projects using PHP for generation necessary code.
Read more

Creating Animated Particles in Water Effect using JavaScript

  • 06
  • Apr

Date: 06th Apr 2011 Author: admin Categories: JavaScript 7

Tags: , , ,

Creating Animated Particles in Water Effect using JavaScript

Particles in water – How to create water simulation using JS

Today we continue JavaScript lessons, and our article will about using js in modeling of water effects. Sometimes we can create very interesting solutions using ordinary Javascript.
Read more

CSS Transparency – A Detailed overview

  • 05
  • Apr

Date: 05th Apr 2011 Author: admin Categories: HTML/CSS 3

Tags: , , ,

CSS Transparency – A Detailed overview

CSS Transparency – full overview

Today we will talk about CSS. And our article will about – how to make elements transparent. Proceeding from my experience I can tell that today we don`t have any cross-browser solution to apply transparency for objects. Each browser has own idea about a transparency. I will tell about all these methods in details, for each of browsers.
Read more

Data Validation – How to Validate Forms using HTML5

  • 04
  • Apr

Date: 04th Apr 2011 Author: admin Categories: HTML/CSS 7

Tags: , , ,

Data Validation – How to Validate Forms using HTML5

Data Validation – HTML5

Today I will tell about data validation again. HTML5 specification bring us many interesting, and one of useful function is browser-based form validation. Of course, not all browsers support HTML5 (even IE9 not support it yet), but as example Firefox 4 started support it. And this is great, it can mean that shortly many of existed members of Firefox will update its browsers and will have HTML5 support. Of course, we always can se Javascript to validate our fields (even jQuery libraries), but what if in coming future we even don`t will worry about it at all? What if most of work will execute our web browser? Future coming today.
Read more

How to Easily display Delicious bookmarks using XSLT transformation

  • 01
  • Apr

Date: 01st Apr 2011 Author: admin Categories: PHP, XSLT 1

Tags: , , , ,

How to Easily display Delicious bookmarks using XSLT transformation

How to Easily display Delicious bookmarks using XSLT transformation

Today we will create application which will show our Delicious bookmarks. We will use XSLT transformation to parse XML provided by Delicious. I will using my profile for our sample. And here are path for my XML feeds: http://feeds.delicious.com/v2/rss/AramisGC. So, we have all for begining. Today I`ll show you how to display this information in your projects.
Read more

1 April – Friday fun with CSS3 and jQuery

  • 01
  • Apr

Date: 01st Apr 2011 Author: admin Categories: HTML/CSS, jQuery, resources 2

Tags:

1 April – Friday fun with CSS3 and jQuery

1 April – Friday fun with CSS3 and jQuery

Today I`ll show you something interesting. This sample will demonstrate possibilities of CSS3. And, lets don`t forget that today is Friday, 1 April. So lets bring a little of fun to our faces.

Read more

How to create flash gallery using Autoviewer

  • 31
  • Mar

Date: 31st Mar 2011 Author: admin Categories: Flash, resources 1

Tags:

How to create flash gallery using Autoviewer

How to create flash gallery using Autoviewer

Today we will continue overviews of available flash galleries. Next gallery will Autoviewer. This is free plugin. We can use mouse and keyboard to navigate between images, also this plugin have play/pause button, autoplay functionality, light weight and of course – cross platform. Hope that you will like this.

One of necessary features of autoviewer is that it able to load xml set of images which you can generate using PHP. So just imagine, that in your script (or maybe some CMS), you will able to generate different galleries based on different params. As example member`s photo galleries of your website.
Read more

How to Add Audio and Video on your Website using jPlayer plugin (jQuery)

  • 29
  • Mar

Date: 29th Mar 2011 Author: admin Categories: HTML/CSS, jQuery 15

Tags: , , , ,

How to play audio and video using jPlayer plugin

How to play audio and video using jPlayer plugin (jQuery)

Today we continue jQuery lessons, and will talk about adding customizable player for audio or video files to our website. This new plugin (jPlayer) pretty well: allow us play media files, pause, change volume, it even have all necessary controls (which you can see in any media player). Also it allow us to change all its styles (all styles of interface loceted in single css file). More, it support HTML5 and able to work quite in all possible browsers. Here are supported formats of media files: mp3, ogg, m4a, m4v, ogv, wav etc. So, lets start to create our own players?
Read more