Posts in category HTML/CSS
How to easily make animated forums using XSLT and Ajaxy
- 15
- Apr
How to easily make animated forums using XSLT and Ajaxy
Today is a special day. Today our XSLT lessons will show some really interesting (attractive) results which you can apply in practice. We will make a forum. Initially we will display only the forum topics, and load posts dynamically (by mouse clicking on the topics) using ajax technology. I think you may have seen similar forums on the Internet, so I will tell you how to do it your own.
Read more
How to mark up the cross-mailer newsletters in HTML format
- 13
- Apr
How to mark up the cross-mailer newsletters in HTML format
HTML newsletters is still very successful type of communication between readers and publishers. Publishers can track the different indicators of such letters, for example, reading the letter, forwarding, clickthroughs, as well as the interest of readers to the different products and topics. Readers absorb information like a regular web page as it is visually more appealing and more easily readable than text messages.
In this article I would like to share knowledges in creating of cross-browser and cross-mailer newsletters. This means – correct displaying of layout in all mail clients. I think that article is still quite relevant. Duty is a long time I was engaged with creating html layouts for newsletters around the world, and the following rules will cover the following mail client and web interfaces: Gmail, Yahoo Mail, Hotmail, MS Outlook, Thunderbird 2.0-3.0, Windows Live Mail, Apple Mail, AOL Mail, possible others.
Read more
Animated Photo Gallery (grid) with javascript
- 12
- Apr
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
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
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
CSS Transparency – A Detailed overview
- 05
- Apr
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
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
1 April – Friday fun with CSS3 and jQuery
- 01
- Apr
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.
How to Add Audio and Video on your Website using jPlayer plugin (jQuery)
- 29
- Mar
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
CSS Visibility – About and How to use it
- 28
- Mar
CSS Visibility – About and How to use it
Today we will talk about CSS again. And this is will property called ‘visibility’. This property already in CSS since second version (CSS2). All popular browsers like Firefox, IE, Safari, Opera etc already supporting this property.
Property Visibility defines – whether the element will be visible or not. Of course – these elements will take space at page. But you always can use ‘display’ property to hide these invisible elements. Visibility property can have four values.
Read more
