Webdesign, CSS, Social Media, Tech News

Collection of sites for help and inspiration:

• Create a Mac style CSS Dock Menu
  

  Really nice tutorial for creating a cool and fancy navigation using CSS and a Jquery Javascript library. Comes as complete Download, including a icon set.

• How to: CSS large Background
  

  Here you’ll find instructions how to integrate a large image as webpage background properly.

• Blurry Background Effect
  

  A very nice and eye teasing visual effect, unfortunately not working for Internet Explorer 6.

• 12 Useful Web Tools for Designers
  

  Several neat tools making a webdesigners daily work less miserable, a color schemer, tools for creating templates, favicons, background patterns or fonts.

• Creating scalable Layouts
  

  As the design of a site is confronted with a huge range of completly different screen resolutions, it should be pretty flexible. Should. Here’s ecplain how to achieve that.

• Massive collection of CSS hints
  

  Ok, this might be quite an old post, but it’s still very useful and just through it’s coverage and useful tricks, all the techniques are great helpers.

Generally this is no rocket science, using the CSS3 attribute “opacity”, unfortunately CSS3 is not supported by many browsers. As an alternative one could use JavaScript, which also might not work everywhere (if disabled due to security measures). So the easy way only works in the latest versions of Firefox and Opera.

(Take a look at a live demo here)

In order to get this working in all the browsers (Ok, using IE6 we’ll have to trick a little bit, but we’ll discuss this later) we have to approach this in a sneaky way.
Here is a simple, fast, lean, cross browser functional and JavaScript free method, only using plain HTML, CSS and graphical elements:

Read the rest of this entry »