3D Unique Website Designs
Our website periodically produces interesting web roundups (of tutorials or designs or something else). Today I prepared new design collection of 3D look websites. If you would like to start something new or you think about something completely new, this is the best place to start. You will be able to find here excellent examples of 3D websites.
Script Tutorials – Opener
We have developed our first video promo – Opener. You are welcome to test and share your opinion.
Fluid layouts for your website
Maybe you have noticed that sometimes it is pretty difficult to adjust website content width in order to fit all the various devices (from small resolution mobile platforms to high resolution personal computers). I think that you have faced with this problem before. But it does not matter – fluid (or liquid) layout will come to the rescue. I prepared several fluid layouts for you which you can choose. All these layouts have several columns with some content inside. And, as little bonus – you can switch between layouts on-fly (without reloading of page) with using CSS3.
Infographic: Clouds computing and history
I have prepared new three infographics for you. All of them related with Cloud computing. I think everyone of you have heard this word ‘cloud’, but not every one of you still know what it is and for what. These infographics will tell you about history of clouds, what is cloud, and who need this cloud. I think that this will be interesting for you.
Google Places API – practice
Do you use google maps? I am sure that yes. Have you ever tried ‘Search nearby’ function here? I like this feature and today I will show you how you can develop similar script. We will use ordinary google maps plus extra library – Places (in order to use Google Places API). Our script will be able to search for address, objects, and also you can refine your search with extra params like: keyword, type and radius.
HTML5 Image Effects – HDR simulation
Today I would like to return to our html5 canvas experiments. And we will prepare nice HDR (High dynamic range) filter for images. We will use pixel transformation in our script. I added six different images here, so you can play with them (switch them, and apply hdr transformation). You can apply this effect multiple times in order to get different variations.
CSS3 Parallax scrolling slider
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.
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..
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.