Posts in category HTML/CSS
How to create Animated 3D canvas object in HTML5
- 13
- May
How to create 3D canvas object in HTML5
Today’s lesson very interesting, we’ll learn how to create 3D objects using HTML5. This is our first lesson on the practice HTML5. In this tutorial we will make a quadrangular star. Which will rotate around its axis. Read more.
Read more
Creating your own Kaleidoscope for iPhone
- 04
- May
Creating Kaleidoscope for iPhone
Today we will start our lessons where we will create own first applications for iPhone. Last time this mobile device become more and more popular. In our tutorial I will show you about first steps – creating pretty easy Kaleidoscope application. Kaleidoscope itself we already made here. Today we will try to do it for iPhone. Plus, I going to use jQTouch plugin to allow using touchpad in application (we will able to click at ‘about’ button.
So, let’s start!
Read more
Creating a Modern Looking Animated Login System in PHP
- 03
- May
Creating modern looking login system on PHP
Today we will continue PHP lessons, and our article will about creating modern php login system. Possible you already saw similar ways to display login forms, and today we will repeat this by self. In result – it will some small element in your page layout, and after clicking on it – will appear some area, where we will see some welcome message, login form and another useful information. All very user friendly. So, its time to try demo.
Read more
New Great jQuery Photo Gallery – Skitter
- 30
- Apr
New Great jQuery Photo Gallery – Skitter
Today we will continue overviews of available photo galleries. Next gallery will Skitter. This is jQuery gallery. This gallery switch images using different transition effects. At current moment it able to manage with 22 different effects. Plus what important – this is cross platform gallery. Sure that your members will love it.
By default that gallery expect already prepared html data (of all images). But its ok, we will force loading of necessary images when page finish loading (as you know – we always can use jQuery functions – so we will load our images dinamically, using $.load function). We will use PHP to generate list of necessary images. In result, this will applicable during creating new photo gallery for any CMS (or another script).
Read more
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 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