Posts by admin

Musical drop down menu

  • 16
  • May

Date: 16th May 2012 Author: admin Categories: HTML/CSS, HTML5 6

Tags: , ,

Musical drop down menu

Musical drop down menu

Our new tutorial tells about developing cool musical drop down menu (html5 + css3). This menu has css3 animation effects (neat hover effect to menu elements). We also used html5 Audio element in order to add music to this menu. If you are ready, lets start.

Read more

Bottom Menu Builder Part 2

  • 15
  • May

Date: 15th May 2012 Author: admin Categories: HTML/CSS, HTML5, JavaScript, PHP 0

Tags: , , ,

Bottom Menu Builder Part 2 (HTML5)

Bottom Menu Builder Part 2 (HTML5)

Today – our final part of our ‘Bottom Menu Builder’ which we started yesterday. We are going to implement our final features: Preview and Export (optional). So, webmaster will be able to arrange links by drag and drop, and then he can click ‘Preview’ button in order to Preview (and export results). I moved all the links into a separate php file (and now, we can have direct access to these links from PHP). In your case it can be database as example (in case of big project). So, lets start..
Read more

Bottom Menu Builder (HTML5)

  • 14
  • May

Date: 14th May 2012 Author: admin Categories: HTML/CSS, HTML5, JavaScript 0

Tags: , ,

Bottom Menu Builder (HTML5)

Bottom Menu Builder (HTML5)

Bottom navigation website menu. I am sure that you have seen it many times (at different websites). As usual, this is three-four columns menu with different links. Today I would like to show you a builder, which you can use to build that bottom menu. Main purpose of this builder – prepare static HTML code (as cache file) for embedding into bottom of your website. If you like that idea, you are welcome to play with it, and I will tell you about creation of nice user friendly menu builder. This tutorial is separated into 2 parts, today I will tell you about first side: user interface with drag and drop possibility.
Read more

CSS3 Form Design – Vintage

  • 10
  • May

Date: 10th May 2012 Author: admin Categories: HTML/CSS 9

Tags: , ,

CSS3 Form Design - Vintage

CSS3 Form Design – Vintage

Today I prepared great CSS3 styles for forms in vintage style. You can see here styles of most necessary html form elements: text field, selector, checkbox, radio, button, file, textarea and submit button. I hope that I’m not in vain spent the whole evening. It is possible that it will be whole set of styles for your website. Now, let check it.
Read more

Infographic: HTML5 and Game Development

  • 09
  • May

Date: 09th May 2012 Author: admin Categories: resources 0

Tags: , ,

Infographic: HTML5 and Game Development

Today I would like to show you new interesting HTML5 infographics. Both of them related with web game development. Nowadays – HTML5 is a new Web based standard with very big potential to create cross-platform applications. It has just been evolving, and even now we can create various applications with using html5. What about Flash? Flash is still alive. And today you can compare updated information about flash and html5. I’m not sure that this is holy war, I think that this is just different standards, but anyway – this is interesting.
Read more

Google Maps API v3 Practical Implementation

  • 08
  • May

Date: 08th May 2012 Author: admin Categories: HTML/CSS, JavaScript, MySQL, PHP 1

Tags: ,

Google Maps API Practical Implementation

Google Maps API v3 Practical Implementation

In our new tutorial I would like to give you one interesting example of Google Maps API (v3) implementation. Let assume, that you have website with own members. And, you need to add possibility to save map positions of your members at your website. Or, you have to store map coordinates for something else (as example – business locations). I think that this is one of usual tasks in webdevelopment. For our practical realization I took the base of our chat system (I removed everything unnecessary except registration). Now, I will add here next features: index page block with map of 20 recent locations of members, profile page map (with single marker), and page to set coordinates at map.
Read more

Powerful Chat System – Lesson 8

  • 07
  • May

Date: 07th May 2012 Author: admin Categories: AJAX, HTML/CSS, JavaScript, jQuery, MySQL, PHP 6

Tags: , ,

Powerful Chat System

Powerful Chat System – Lesson 8

Today we continue a series of articles on the creation of powerful chat system. In our eighth lesson I added several features: I gave right to block (and unblock) members for admins and moderators (now, they can perform normal moderation – they can ban members), and I added rates to our members. Now, every active member can put his vote for another members.
Read more

Office Style CSS3 Multilevel Menu

  • 04
  • May

Date: 04th May 2012 Author: admin Categories: HTML/CSS 4

Tags: , , ,

Office Style CSS3 Multilevel Menu

Office Style CSS3 Multilevel Menu

In our new tutorial I will give you another one brilliant crossbrowser css3 navigation menu. This is click action drop down menu with strict office styles (like MS Office styles). Also, you can also use different icons in this menu. This solution is ideal for business websites. If you are ready, lets start.

Read more

HTML5 Canvas Twirl Sphere

  • 02
  • May

Date: 02nd May 2012 Author: admin Categories: HTML5 0

Tags: , ,

HTML5 Canvas Twirl Sphere

HTML5 Canvas Twirl Sphere

Today, I would like to tell about creation of animated Twirl Sphere (I modified our previous 3D sphere, and, I used same way of accessing pixels of canvas). Our sphere goes around the canvas continuously. This example is cross browser solution (because of html5).
Read more

10 Creative Website Designs

  • 01
  • May

Date: 01st May 2012 Author: admin Categories: resources 2

Tags: ,

10 Creative Website Designs

Sorry for that 10 days period without fresh articles. I have been abroad for all this time. Had to solve some things. But, since today, we continue our tutorials. Today I would like to introduce you with new collection of websites with impressive design. I think that it should give you some new ideas for you and your projects.
Read more