CSS3 Image Hover Effects
Today I will tell you how to create different CSS3 image hover effects. I hope that you still remember our one old tutorial. We used javascript there. Today I will try to make something similar with using CSS3. In the result gallery page we will have 9 images, each of them have own hover effect.
READ MORE »
HTML5 Canvas Slideshow
In this tutorial we are making a HTML5 Slideshow (canvas) with own animated transitioning effect. The main idea – drawing images with higher contrast in the ends of transitions.
READ MORE »
HTML5 Game Development – Lesson 7
Today we will create our first complete game – Arkanoid. In this lesson I will show you how to detect basic collisions and work with HTML5 local storage. You can operate with pad using mouse and keyboard (left/right buttons). We will store in local storage elapsed time of previous game and amount of broken bricks (points).
Here you can read our previous lesson: Developing Your First HTML5 Game – Lesson 6.
READ MORE »
CSS3 Modal Popups
Today I will tell you how to create cool CSS3 modal popup windows (or boxes). Literally, not so long ago, in order to achieve such effects, we used jQuery. But, as it turned out, CSS3 has all the necessary tools for making modal windows too. In our demonstration I have prepared single page with two popup elements: join form and login form. Welcome to test results and understand how it was made.
READ MORE »
Powerful Chat System – Lesson 2
Today we continue a series of articles on the creation of powerful chat system. Our second lesson will contain next elements: smart chat (ajax, with spam filtering – protection from the frequent messages). I have decided to make registration for next lesson. Hope that it is ok for you.
READ MORE »
Isometric interactive interior guide
During browsing internet, I have noticed new interesting thing – it looked like isometric guide. Today I will show you how you can create something similar. We will create isometric interactive interior guide with CSS3 and jQuery.
15 Unique and Creative Layouts 2011
In the life of everyone of us (I think) there comes a moment when you start thinking about the design of your website. Because really well-organized website with good design can produce so good impression on the visitor, that he may add your site to bookmarks and will be your regular reader. So our main goal (work of website’s creator / designer) to make a unique, creative and attractive website. Of course, you always can invite a creative artist or someone who can draw design for you. But you can also look through existing sites to find your muse. In this article I’ll show you a really stunning artwork.
READ MORE »
Invoicera Giveaway: Get Your Invoicing Done Professionally and Quickly With Much Ease
Today, we have got a very interesting announcement for our readers, we are collaborating with Invoicera, an online invoicing and time-tracking application, is giving away 3 classic plan subscriptions absolutely free for a period of three months. Continue reading to know how you can be one of the 3 lucky winners to win this great prize.
READ MORE »
Powerful Chat System
Today we begin a series of articles on the creation of powerful chat system. The system will contain next elements: registration, login processing, main chat, profiles with avatars, ranking system (of profiles), private messaging, custom rooms, moderation / administration and possible something else (in future). This will be ajax chat PHP) with storing messages in database (MySQL). Plus we will implement CSS3/HTML5 features in our development process.
READ MORE »
HTML5 canvas – Custom brush #2 (Bubble brush) for your paing program
In our previous tutorial we made BezierCurveBrush. Today I have decided to create new brush for same script. This brush will use ‘arc’ function. In result we will have interesting effect, just check out it!
READ MORE »