Posts tagged css3
Creating a Click-action CSS3 Dropdown Menu with jQuery
- 16
- Sep
Click-action CSS3 dropdown menu with jQuery
Nowadays, pure CSS3 menus still very popular. Mostly – this is UL-LI based menus. Today we will continue making nice menus for you. This will nice dropdown menu (looks like menu at http://www.microsoft.com/) with onclicking (instead onhover).
Creating ‘Mono’ HTML5 CSS3 Single Page Layout
- 15
- Sep
Creating new HTML5&CSS3 single page layout – Mono
Today I want to introduce new great masterpiece – new template with codename: ‘Mono’. This will nice HTML5/CSS3 template with nice light brown colors. Hope that you will like new styles and you will learn some new design methods.
I going to start step-by-step tutorial for creating html5-css3 layout.
Click action Multi-level CSS3 Dropdown Menu
- 02
- Sep
Click action Multi-level CSS3 Dropdown Menu
Nowadays, pure CSS3 menus still very popular. Mostly – this is UL-LI based menus. Today we will continue making nice menus for you. This will multilevel dropdown menu, but today submenus will appear not onhover, but onclick action.
Creating A CSS3 Animated Menu
- 24
- Aug
Creating CSS3 animated menu
This is our eighth CSS3 menu. Today we will make interesting animated menu using CSS3. This menu will have 2 levels. By default – we can see single small top menu element. When we will hover our mouse over this element – first level elements will appear, when we will hover mouse over these elements – will appear submenus. So, lets start !
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 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 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 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
Creating a CSS3 Dropdown Menu #2
- 08
- Jun
Creating CSS3 Dropdown Menu #2
This is our second drop down menu. Today it is in the green palette. The menu will include a submenus that will slide when we hovering the parent elements. That menu will good for green palette templates. And of course – no any JS – only pure CSS. Since this menu is made using CSS3 – it renders perfect on Firefox, Chrome and Safari browsers (possible last Opera will support it too). And, as I read, transitions have been billed to be included in IE10.
