Posts in category HTML/CSS
Creating new HTML CSS website layout #4 – Gray theme
- 01
- Aug
Creating new HTML CSS website layout #4 – Gray theme
After long delay (3 weeks I was on vacation in another country – hope that you missed us), I decided to make new nice article – this will new nice template (in gray colors) for our readers. 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.
Creating CSS3 Slideout Menu #5
- 06
- Jul
Creating CSS3 Slideout Menu #5
This is our fifth CSS3 menu. This will nice slideout menu with fading images (animated with transition effects). Make attention, that all these new effects (transitions) will work only in most fresh browsers like FF, Chrome, Safary browsers (possible in Opera too). But not in IE (transitions still not available here). I just added few hacks for IE – so menu will work here too (but not so smooth). Anyway – lets test our new menu.
Creating a Photo Slideshow (zoom fading) effect
- 29
- Jun
Photo inspiration (zoom fading) effect
Today we continue JavaScript examples, and our article will about using javascript in modeling of nice fading and zoom effects for set of images. As we using pure javascript, our result will quite crossbrowser. I prepared 2 modes of switching (you can switch it using added button)
Read more
Creating A CSS3 Dropdown Menu #4
- 28
- Jun
Creating CSS3 Dropdown Menu #4
This is our forth CSS3 menu. This will colored tabs with dropdown submenus (animated with transition effects). Make attention, that all new effects (transitions) will work only in most fresh browsers like FF, Chrome, Safary browsers, possible in Opera too. But not in IE (transitions still not available here). Anyway – lets test new menu.
Creating A Dark and clean HTML CSS website layout
- 24
- Jun
Creating nice clean HTML CSS website layout #3 – Dark theme
Today we have a little anniversary. Today`s article has a demo with the number 100 
So I prepared a very interesting article – this will new nice template (in dark colors) for our readers. You can learn some new coding lessons and download result and use it at your own site (free of charge).
I going to start step-by-step tutorial for creating html-css layout.
How to create water Ripple effect using HTML5 canvas
- 20
- Jun
How to create water drops effect using HTML5 canvas
Today we continue JavaScript examples, and our article will about using javascript in modeling of water effects. This will emulation of water drops at images. We should click at image in desired place to see this effect. Sometimes we can create very interesting solutions using ordinary Javascript (of course for HTML)
Read more
Creating CSS3 Dropdown Menu #3
- 18
- Jun
Creating CSS3 Dropdown Menu #3
This is our third CSS3 menu. This will colored tabs with slideout submenus. I don`t used any defined palette – tabs in different colors. Can warn, that all sliding effects will work only in FF, Chrome, Safary browsers, possible in Opera too. But not in IE (transitions still not available here). Anyway – welcome to test new menu.
Custom scrollbars – cross-browser solution
- 17
- Jun
Custom scrollbars – cross-browser solution
Today we will create custom stylized scrollbars for our website(s). We will use pure javascript to build own scrollbar. So this will really cross browser solution. We can use keys Up/Down keyboard keys to scroll content, mouse roller, drag and drop of scroller, etc (all what should have normal scrollbar).
Read more
Using Flux Slider jQuery plugin
- 15
- Jun
Using Flux Slider jQuery plugin
Today I will make review (example of implementation) of fresh and cool slider plugin – Flux. This slider using CSS3 animation with great transition effects (like: bars, zip, blinds, blocks, concentric, warp). And, what is most great – now it can support 3D transitions too (bars3d, cube, tiles3d, Blinds3D effects). Of course, not all browsers support 3D transitions (I tested in Chrome – can confirm that it working here).
Read more
Creating an Under Water Themed HTML5 & CSS3 single page Layout
- 10
- Jun
Creating next HTML5 & CSS3 single page template #2 – Under Water
Today we will create another one HTML5 web template (named as Under Water) with combination of CSS3 and jQuery. Current template will contain header area (with logo and navigation menu), promo area (I will use jQuery jCarouselLite Slider), center area with some content, bottom footer area (which you can use for footer links as example, or social icons).
Read more
