delicious Links: 08. February 2010

• Stopping the CSS positioning panic (Part 1) – The CSS Blog, just CSS. (Tips, Tricks, Tutorials, Resources and more!)
  Note: This article is meant for CSS beginners.
  For quite some time I’ve been noticing that when my friends begin to dig their noses on CSS they are easily freaked out and frustrated with CSS positioning.
  Static, relative, absolute, fixed, float. What the hell is all this!
  I visited Twitter to see if this was a general concern among CSS Beginners and I found that it actually is. Here are some tweets over the last week related to this subject:
  Tags: css positioning relative
• E-Mail Adressen kodieren
  Ihre E-Mail-Adresse soll weiterhin auf Ihrer Seite verfügbar bleiben und für Ihre Besucher komfortabel anklickbar sein, sodass sich ein neues E-Mail-Fenster des Mail-Programms öffnet. Die Robots, die ständig auf der Suche nach E-Mail-Adressen sind, durchsuchen den Quelltext von Webseiten, meist nach einem @-Zeichen, und speichern diese für den Spamversand. Eine einfache Verschlüsselung durch entsprechende ASCII-Zeichen schafft in vielen Fällen schnelle Abhilfe und sorgt dafür, dass Sie durch Ihren MailTo-Link nur die Post bekommen, die Sie auch erwünschen.
  Geben Sie einfach die zu verschlüsselnde E-Mail-Adresse und Ihren gewünschten Linktext ein und schon erhalten Sie nach Drücken des "Verschlüsseln"-Buttons den Code, den Sie direkt in Ihre Homepage einbinden können.
  Tags: mail crypt html verschlüsseln email e-mail codieren kodieren verstecken kryptisch
• Creating a Well Designed Invoice: Step-By-Step | Design Shack
  Tags:
• Setting Equal Heights with jQuery | Filament Group, Inc., Boston, MA
  Creating the visual effect of equal-height columns or content boxes has been a challenge ever since we abandoned table-based layouts. When developing complex web applications or site designs we’ve found that it often makes the most sense from a usability and performance standpoint to use a simple JavaScript workaround: our equalHeights() function determines the heights of all sibling elements in a container, and then sets each element’s minimum height to that of the tallest element. When JavaScript is disabled, the boxes or columns appear with varying heights, but the content remains legible and the page is still completely usable.
  Tags: css jquery div box height equal
• jQuery pageSlide by Scott Robbin
  really cool!! The primary window is reserved for content; secondary interactions do not require additional space on the page — the area they need is created and removed on demand.
  Because the user can see the original window, they have a greater likelihood of retaining focus, and can easily return to the previous task.
  Tags: jquery slide page html content side sidebar open close
• Forget About Photoshop: 5 More Ways to Stop Using Images in Your Designs – Cherrysave
  Sideways Text
  I recently spoke of being creative with text to create typographic contrast. You can rotate text by 90 degrees in order to create a more dramatic appearance, all without resorting to an image. This trick relies on proprietary CSS attributes, so it probably will not be well supported outside of Webkit-, Mozilla-, and Microsoft based browsers.

  Automatically Zebra-Stripe a Table
  Okay, so I know that this doesn’t quite qualify as a way to replace using images, but it’s such a nifty, simple trick that I couldn’t help but mention it. Using a single selector, you can automatically alternate the appearance of rows in a table. No more having to use PHP or Rails to dynamically insert an “odd” or “even” class to every other table row…

  Tags: css table text rotate sideways
• Lin-X: linux Distribution Ubuntu look and feel MacOsX
  Lin-X: linux Distribution Ubuntu look and feel MacOsX
  Tags: linux Ubuntu
• Posing a newborn baby for portraits
  VIdeo: Posing a newborn baby for portraits togs photogs photography portraits
  Tags: togs photogs photography portraits
• A Collection Of 10 Useful Online CSS Tools
  A Collection Of 10 Useful Online CSS Tools
  Tags: Collection Online CSS Tools
• Fontspring | Desktop and @font-face fonts
  FontSpring: a new alternative to TypeKit
  Tags: alternative TypeKit
• SimpleFolio: A Free Clean Portfolio WordPress Theme – Smashing Magazine
  SimpleFolio: A Free Clean Portfolio WordPress Theme
  Tags: Free Portfolio WordPress Theme

Alle Links »