Frontend

Articles tagged Frontend

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…)

Easily Interact between Server and Client using these jQuery with Ajax Snippets

  • Reading time:68 mins read

Ajax with jQuery – several interactive samples
Ajax – this is group of technologies using in web development to create interactive applications. Ajax is client-server technology which allow to web page to retrieve data asynchronously from server without reloading page. All this allow to achieve really nice and good results. jQuery library will help us greatly with it. All just because it have all methods to work with Ajax.

(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…)

Creating Ajax based file uploaders

  • Reading time:163 mins read

I got one interesting theme. How to upload files without refreshing whole page during submitting. Hope this will interesting to you. Lets check 2 methods – using ordinary iframes and external library. Also I will using jQuery in work too (I like it).

(more…)

How to create captcha in PHP using GD library

  • Reading time:189 mins read

How to create captcha in PHP using GD library

Today I will tell you about very important thing – captcha protection. Usually this is very important to prevent automated sign-ups in your registration forms, comment spam in blogs and guestbooks, or another brute force attacks. I will give sample how to draw protection image using our hands.

(more…)