Posts in category HTML/CSS
CSS Link – How to customize styles of your links
- 03
- Mar
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>.
Read more
Creating an Animated e-cards using jParallax
- 01
- Mar
Creating e-cards using 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? Read more
How to Easily display Your Stumbleupon Favorites using XSLT
- 24
- Feb
How to Easily display Your Stumbleupon Favorites using XSLT
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. Read more
How to Easily display Your Tweets using XSLT transformation
- 23
- Feb
How to Easily display Twitter posts using XSLT transformation
Today I will tell you how to create application which will display your Tweets (or someone else) at your website. And we will use XSLT transformation to parse XML (RSS) provided by Twitter. As example I take my Twitter account. At this page you can see that I have RSS channel: http://twitter.com/statuses/user_timeline/83882961.rss. Today I`ll show you how to display this information in any view. Read more
Overflow CSS – About and How to use it in various conditions
- 22
- Feb
Overflow CSS – About and How to use it in various conditions
Today I will tell you about CSS again. This is will property called ‘overflow’. This property already in CSS since second version (CSS2). All popular browsers like Firefox, IE, Safari, Opera etc supporting this property. I will tell about IE browsers in details a little after.
Overflow property determines the behavior of a block-type element in situations, where its contents exceeds its size. Overflow property can have five values. Each value defines two aspects of the generated element: whether to display the contents outside of the block itself and are we will have scrolling mechanism. If the value of the overflow property is auto, the browser displays the contents of the element according to its settings, plus – it should allow the user to scroll if the content does not fit in the container.
Read more
float css – one of various CSS properties
- 18
- Feb
float css – one of various CSS properties
Today I will tell you about CSS. This is will property called ‘float’. This property already in CSS since first version. And of course supporting of all possible browsers – Firefox, IE, Safari, Opera etc.
By default, all basic HTML elements floating from left to right as possible. If the item reaches the end of the page (or the boundaries of its parent element), it goes lower – to next line.
Of course, we can play with these rules via float css attribute.
Read more
How to make Smooth jQuery validator for Forms
- 17
- Feb
jQuery validator – checking forms
Today I will tell you 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.
Read more
Collection of Free Captcha’s for your Website
- 14
- Feb
Collection of Free Captcha’s for your Website and more about security
In today’s article I will tell you about methods of protection against rotots. Just imaging – you created some post form at your website (to accept new articles, comments). And, what will happen if we don`t will add any protection here. As minimum our website will attached with big amount of robots. They will try to post different unwanted content (back links to another websites). As maximum – your website can be hacked. So, always (I repeating – always) checking all income variable before working with them. Make its safe.
So, as I promised – today I will make review of captcha services and methods
Read more