Today we'll be creating a beautiful vertical CSS3 navigation, without the use of images. Basically we'll display a circle with an icon in the center. When the user hovers over the circle, it expand...
Next in the Orman Clark’s coded PSD series is his awesome looking Vertical Navigation Menu. We’ll recreate it with CSS3 and jQuery while using the minimal amount of images possible. The only images we’ll be using are for the icons – I’ll be creating a sprite using a new tool called SpriteRight, but this is optional.
Navigation is one of the most important elements of web design. Poor navigation will always take away from great content. Good navigation must possess both aesthetics and usability. That's where jQuer
Published in Tutorials, Web Development. Website navigation is an important aspect to any functioning layout. Users will often be looking for methods to traverse over your pages, and sometimes this requires a bit of creativity. I love the idea of vertical navigations especially with sub-menu links.
If you want to install a Blogger navigation menu that’s different and refreshing to look at, then you’re in luck! Today I’m featuring a tutorial by Safeer Ahmed on HowDoBlog.com that will teach you how to do exactly just that. This navigation menu features a hover and fader effect to it, which has that Matrix movie feel to it.
In this tutorial, we will create a web browser inspired by Google Chrome. Learn how to make a CSS3 web browser window through a step-by-step CSS tutorial.
Published on February 4th, 2013by Jean-Baptiste Jung. The CSS3 specification allows front-end developers to create sophisticated visual effects to make websites look better. I have compiled over 10 new CSS3 techniques to embellish your website and give it a more professional look and feel. Black and white images using CSS3.
What’s new in CSS 4 selectors. The following are the highlights of what is new in CSS 4 selectors: Determining the subject of a selector. Currently, if a selector consists of several compound selectors, the last one is considered its subject. The subject determines what elements the rule applies to.
A project I started before Christmas (i.e. about a month ago) is now production ready. mincss (code on github) is a tool that when given a URL (or multiple URLs) downloads that page and all its CSS and compares each and every selector in the CSS and finds out which ones aren't used. The outcome is a copy of the original CSS but with the selectors not found in the document(s) removed.
One div aims to highlight the potential of CSS3 through a library of single element logos.All icons displayed on the website are realised in pure css with only one html div. The challenge is also to provide an alternative to SVG. Indeed icons allow precise borders preserved even resized (As vector format). Then we can see a clear interest in responsive design.