Posts in category HTML/CSS
Nice CSS3 Lightbox Gallery With jQuery
- 23
- Aug
Nice CSS3 Lightbox Gallery With jQuery
This tutorial will about creating nice looking photo gallery where we will using and CSS3 and jQuery too (with combination with drag and drop and fancybox plugin). Our gallery will some pane, where we will able to see scattered photos. We will able to drag and drop these photos (like real photos at your table), and also open each photo separately (via clicking at it). I think that this will interesting and you will like it.
Creating an Attractive Presentation with HTML5
- 19
- Aug
Creating an Attractive Presentation with HTML5
Today we will prepare something new – presentation. And we will using all interesting what can give us HTML5. Presentation itself will contain 5 easy slides. We will able to use navigation arrow keys for sliding, spacebar, display notes, sidebar with some custom content. Here are new html5 tags which we going to use: nav, menu, section, aside, header and hgroup. Sure, that now is time to check our demo.
Read more
Creating Advance Level Login system with Logic captcha
- 17
- Aug
Creating Advance Level Login system with Logic captcha
Long ago, I talked about a simple easy login system. And today, I decided to improve the system. The new version will use the methods SHA1 + MD5 (with salt) to encode passwords. We also do not use cookies to store information, and will use the sessions. And, in this version I will implement an interesting logic captcha (where we will need to choose the correct answer in order to prove that we are human, not machine).
Read more
Creating CSS3/jQuery crossbrowser Drop-down menu with tabs
- 15
- Aug
Creating CSS3/jQuery crossbrowser Drop-down menu with tabs
This is our seventh CSS3 menu. Today we will make dropdown menu with parental tabs (as first level). Part of the work we pass on to the shoulders of jQuery (switching tabs, display popups). In the current version – we have three levels of menus. So, lets start !
Creating an Unbelievable HTML5 Canvas App for Online Image Enhancements
- 12
- Aug
HTML5 Canvas Image Effects App
Today we continue HTML5 canvas examples, I sure that this still interesting to you. Today we will make application to adjust image colors (Changing photo colors / Grayscale). We will able to make photo darker, lighter, change density of each channel (RGB), make image grayscale (and still able to play with colors).
Read more
10 Fresh & Impressive HTML5 Canvas (and WebGL) Examples
- 11
- Aug
Fresh 10 HTML5 Canvas (and WebGL) examples
Today I prepared new collection of interesting HTML5 examples. And today I included several demos of WebGL applications too. WebGL is software library which allow to display interactive 3D graphic within web-browser. Trust me – this is very interesting. So I’m happy to show you the most outstanding works.
Read more
Creating an Attractive HTML CSS Anime Theme Website Layout
- 10
- Aug
Creating an Attractive HTML CSS Anime Theme Website Layout
Today I will like to product new masterpiece – new template with codename: ‘Anime theme’. This will nice HTML5 template with good colors. Hope that you can learn some new coding lessons and download our result and use it at your own site (its free as usual).
I going to start step-by-step tutorial for creating html-css layout.
How to Create a Photo Album with Highslide
- 09
- Aug
How to create photo album with highslide
During browsing web – I noticed one interesting library – highslide. This is not flash gallery as usual – but DHTML. Which mean that this is very customizable to anybody. Today I will show you how you can implement this library to create own photo gallery, and even several galleries at same page. This library not require jQuery, and its small in same time – so this is great. This is similar as lightbox (I made review long time ago) – very powerful too.
Read more
Creating CSS3 Drop sliding list Menu #6
- 06
- Aug
Creating CSS3 Drop sliding list Menu #6
This is our sixth CSS3 menu. Today we will make drop sliding list menu. We will using transition effects for sliding submenus. Of course, make attention that this animation will work only in most fresh browsers like FF, Chrome, Safary, ID9, Opera10. Older browsers will supported too, but without animation.
Creating a Photo Scrambler grid in javascript
- 03
- Aug
Photo grid in javascript
Today we continue JavaScript examples, and today we will create effect of splitting image to pieces (transforming image into grid), plus – our pieces will moving when we will move our mouse pointer. This will pretty interesting demonstration. As we using pure javascript, our result will quite crossbrowser. I already checked it in most major browsers.
Read more
