Articles tagged HTML/CSS

How to create easy pagination with jQuery

  • Reading time:149 mins read

How to create easy pagination with jQuery

jQuery pagination. All we know, that when we facing with necessarity to display large amount of data – we starting thinking about adding pagination. So we split all our content to several pages. And in this case – each page contain some part of our information. As usual this is server-side pagination, where we extracting necessary amount data from database for each page. But commonly, in case of small (or middle) data sets – we don`t need such pagination. And we can just use user-side pagination using javascript to manage with our pages. Today I will show you how to create such pagination.

(more…)

Simpleviewer – How to creat a flash photo album

  • Reading time:85 mins read

Simpleviewer – creating flash photo album

Simpleviewer tutorial. Today I will tell you how to create photo album using simple viewer library. I located this source long time ago, and can confirm – that this is good library too. Hope that you will love this too.

One of necessary features of simpleviewer is that it able to load xml set of images which you can provide via PHP file. So just imagine, that in your script (or maybe some CMS), you will able to generate different galleries based on different params. As example photo galleries of members of your website.

(more…)

How to Control Text Properties using jQuery and UI Slider

  • Reading time:149 mins read

jQuery UI Slider tutorial. Today I will tell how you can use jQuery to animate and control your text. We will changing font size, font family and other properties. Where we can use this? As example to allow your users to customize view of text boxes in your website. So, playing with styles – users will be able to select preferred styles, and you will need just save these styles for him, or, you can use this as some zoon for your website, which will allow to change font size in realtime. Also we will using jQuery slider to manipulate with properties to make it more interactive.

(more…)

CSS Link – How to customize styles of your links

  • Reading time:43 mins read

CSS Link – How to customize styles of your links

Today I will tell you about CSS again. But we will talk not about properties today – but about link elements. Link is part of document, linking to other element (text, image, block) in same document or to another object (as example file or other document). As we all know, default color of links is blue (in all browsers). But of course, we can style our links with CSS properties (as example choose another color, font, background, visual text effects, etc) for all states.

For links, HTML using tag <a>, with defined link it will looks like <a href=”link_url”>link caption</a>.

(more…)

Creating an Animated e-cards using jParallax

  • Reading time:44 mins read

Creating e-cards using jParallax

E-cards with jParallax. During browsing web I came across a very interesting plugin – jParallax, and suddenly remembered that soon the international women’s day, and decided that today will do something nice for our women. Our today’s article will be about how to create a nice e-card using our favorite library jQuery with own hands.

What is nice – that we will able to put different images into different layers. And, due mouse moving – our layers will moving too. Just check today`s sample, nice, isn`t it?

(more…)

Image flow – Create a Stylish Scrolling Photo Album using XML

  • Reading time:107 mins read

Photo album tutorial. Today I will tell you how to create photo album using one old library (Image flow). Hope that you will love this too.

What is most important – that it allow to load xml set of images which you can provide via PHP file. So just imagine, that in your script (or even possible – CMS), you will able to generate different galleries based on different params. As example photo galleries of different members.

(more…)

How to Easily display Your Stumbleupon Favorites using XSLT

  • Reading time:112 mins read

Stumbleupon tutorial. Today I will tell you about another similar tutorial, but about Stumbleupon. We will create application which will show our (or any wished profile) Stumbleupon posts. And we will use XSLT transformation to parse XML (RSS) provided by Stumbleupon. I will using my profile for our sample. After some investigation I find that SU provide our list of favs in rss format here: http://www.stumbleupon.com/syndicate.php?stumbler=aramisgc – where ‘aramisgc’ is my account name. Also, we can obtain our comments too: http://www.stumbleupon.com/syndicate.php?stumbler=aramisgc&comments=1. So, we have all to start. Today I`ll show you how to display this information in any view.

(more…)

How to make Smooth jQuery validator for Forms

  • Reading time:170 mins read

Today I will tell about jquery validator – how to build professional web forms with validation. I will use jQuery Validator Plugin for our tutorial.

You can ask me – where I can use it? – Quite anywhere: login or join forms for your website, forms of adding content, different guest books or blocks for comments. Really many ways for using it. I already saw several projects where validation was at server side. And submit of form just reload whole page where we seens – are we made any errors or not. Sometimes webmasters using ajax to send data invisible to server for validation. But in most of cases, this is much faster just to check all entered information at user side (using javascript/jQuery). Just check these several demos – and I will explain how to use it.

(more…)

How to make a PHP Guestbook with Math Captcha Security

  • Reading time:190 mins read

PHP Guestbook with using math captcha

Today I will tell you how to create your own guestbook with spam protection system – math captcha. This will and easy for your members and also good new protection from bots. In our guestbook we will use mySQL to store records.

(more…)

Creating a Simple yet Stylish CSS Jquery Menu

  • Reading time:174 mins read

Nowadays, css menus are becoming more and more popular, which is not surprising. Small size, fast speed, ease to create. In today’s tutorial I will tell you how to create a stylish navigation menu using not only CSS, but also jQuery library. It can help us enhance the default behavior. If you are ready – we can start.

(more…)