An accordion effect is a nice way to efficiently use the limited space available for menus. In this simple example the staring HTML is a nested <ul> list. The HTML is: The CSS for this is as follows: The key line here is the display:none set for the child <ul> elements. The jQuery is incredibly…
Read MoreMoving beyond HTML, Class and ID selector there are some more CSS tools in the CSS toolkit. These selectors are part of the CSS2 specification. None of your fancy CSS3 here, so you can be assured of good browser support. Relational Selectors Relational Selectors allow the designer to target content based on the relation of…
Read MoreLoads of news coming out from Adobe this week as they hold their Annual Beanfeast MAX. There was the obligatory Photoshop pixel fairy magic. The one that got people most excited appeared to be the ‘deblur’ tool. Expect this to replace the Content Aware Fill as the killer Photoshop demo to wow your audience. But…
Read MoreEasy and nice CSS trick to convert a humble HTML list into a horizontal menu bar. Start with your basic HTML list: Add the following styles. See a working demo here To create the dividers a border-left property is applied to all the links. However, we don’t want this on the first list item, so…
Read More