Comments for Saddam Azad - User Interface Designer & Front-end Engineer.

Comment on Bulletproof CSS3 Dropdown Navigation Menu by CS

CS — Mon, 30 Jan 2012 07:42:38 +0000

Thank you for updating the demo

My first guess for keyboard solution is: Use the same style for :focus as for :hover.
This way you should have the same style for keyboard users as for mouse users.
Side note: Keyboard support is not the same across browsers so it is not possible to satisfy every browser here. But with :focus you can target most of the browsers (IE/FF/Opera). In Safari you have to enable the keyboard support.. and if the user hasn’t enabled it, it’s his fault

Comment on Bulletproof CSS3 Dropdown Navigation Menu by Aghosh Babu

Aghosh Babu — Sun, 29 Jan 2012 06:11:17 +0000

There is a clicking state in CSS

.classname:active { }

unless you meant something else ?

Comment on Bulletproof CSS3 Dropdown Navigation Menu by Tweet-Parade (no.4 Jan 2012) | gonzoblog.nl

Tweet-Parade (no.4 Jan 2012) | gonzoblog.nl — Sat, 28 Jan 2012 14:00:28 +0000

[...] Bulletproof CSS3 Dropdown Navigation Menu - One of the most critical aspects of web design is the navigation. The navigation, above all else, must be clear, usable and cross-browser compliant. But the tragedy is in the fact that most websites have awful navigation designs that .. [...]

Comment on Bulletproof CSS3 Dropdown Navigation Menu by Saddam Azad

Saddam Azad — Sat, 28 Jan 2012 05:25:24 +0000

Any solutions for keyboard support?

I can understand why you recommend the javascript instead of #. I have updated the demo with an even better solution to prevent the annoyances.

Comment on Bulletproof CSS3 Dropdown Navigation Menu by Johnny

Johnny — Fri, 27 Jan 2012 19:40:27 +0000

Lovely work. I do wish there was a ‘clicking’ state for CSS so we could have onclick with CSS.