Guymon

CSS3 Accordion Menü

Das Webstandard-Blog stellt ein Accordion Menü nur mit CSS3 vor. Das klappt in allen modernen Browser, also alles != IE und > IE 8.

Die CSS3 Pseudoklasse :target und die Negationspseudoklasse :not(), zusammen mit dem CSS3-Modul Transition, ermöglichen ein solches “Bewegungsmuster”. Nur eben ganz ohne JavaScript! Das heißt, dass die durchaus beliebten “Akkordeon- oder auch Toggle-Effekte” ausschließlich via CSS umgesetzt werden können! Das heißt auf der anderen Seite dann natürlich auch das Requests für JavaScript eingespart werden könnten.

daily links

• jQuery Mobile | jQuery Mobile
  A unified user interface system across all popular mobile device platforms, built on the rock-solid jQuery and jQuery UI foundation. Its lightweight code is built with progressive enhancement, and has a flexible, easily themeable design.
• Hover Slide Effect with jQuery | Codrops
  Today we will create a neat effect with some images using jQuery. The main idea is to have an image area with several images that slide out when we hover over them, revealing other images. The sliding effect will be random, i.e. the images will slide to the top or bottom, left or right, fading out or not. When we click on any area, all areas will slide their images out.
• Awesome Fontstacks
  Easily create bundles of beautifully matching, free web fonts, with failsafe font stacks to back them up. Including ready-to-go CSS code!
• Test-Driven JavaScript Development in Practice | Nettuts+
  Test-driven development turns the development cycle upside-down. Rather than focusing on what code is required to solve a problem, test-driven development starts by defining the goal. Unit tests forms both the specification and documentation for what actions are supported and accounted for. Granted, the goal of TDD is not testing and so there is no guarantee that it handles e.g. edge cases better. However, because each line of code is tested by a representative piece of sample code, TDD is likely to produce less excess code, and the functionality that is accounted for is likely to be more robust. Proper test-driven development ensures that a system will never contain code that is not being executed.
• WordPress › DB Cache « WordPress Plugins
  This plugin caches every database query with given lifetime. It is much faster than other html caching plugins and uses less disk space for caching.
• Joomla Downloads - Joomla Inhalte mit "Slider" übersichtlicher organisieren
  Der Entwickler von NoNumber, Peter van Westen, hat eine neue Joomla Erweiterung mit dem passenden Namen "Slider" veröffentlicht. Mit ihm lassen sich Inhalte so aufteilen, dass sie sich quasi gefaltet in eigenen kleinen Fenster befinden, die sich erst auf Mausklick hin öffnen. Das ist zum Bespiel immer dann von Vorteil, wenn viele Informationen auf kleinen Raum untergebracht werden sollen. Letztlich dient es aber der Übersichtlichkeit, denn durch die Organisation in Slides bestimmt der Besucher selbst ob, und wenn ja welche, zusätzlichen Informationen ihn interessieren
• How to Create/Edit Your Own Mail.app Stationery
  How to cretae HTML Email Templates for Mail.app
  Below is a fairly in-depth walkthrough on just how you can create your own Mail stationery or edit the pre-made stationery.
• TYPO3 - the Enterprise Open Source CMS: Documentation: Auth: External DB Authentication (External Database Authentication)
  This extension allows you to use an external database for authenticating users in TYPO3 additionally to the local user tables in the TYPO3 database. Because it uses the ADODB library, many other database types than just MySQL can be used, among them Sybase, MSSQL, Oracle and a generic ODBC handler. Besides checking user name and password several actions can be defined which are executed each time authentication is run. These actions allow you to import additional data from external databases or run a user function.

daily links

• Tutorial: Calculating Distances and Importing GeoPost Data into the Drupal Location Module | Mastering Drupal
• Managing ‘Permanently Moved Pages’ (301’s) using TYPO3 - TYPO3Coder.com FREE TYPO3 Templates
  As I mentioned there is an extension (Old2New Redirect) which lets us manage these redirects right from within TYPO3, no need to mess around with .htaccess files!
• ResizeMe - Batch image editor for your Mac
  ResizeMe is a lightweight, incredibly easy-to-use batch image editor that allows you to create drop shadows, add a shiny table reflection effect, add text watermarks, convert, resize, crop and rotate thousands of your images and photos at once.
• TYPO3 - the Enterprise Open Source CMS: Documentation: Multiple Content (EXT: Multiple Content)
  With this extension you're able to show multiple content elements in one content.
  There are six possibility's:
  1.Multiple contents, like the sub columns in yaml
  2.Tabulator
  3.Accordion
  4.Sider
  5.SlideDeck
  6.easyAccordion
• PLZ Datenbank
  Datenbank von weltweiten Städten mit PLZ Postleitzahlen, Regionen, Breite & Länge
• buzz.typo3.org: Fun with menus
  On T3DD10 I showed some of the possibilities of HMENU and TMENU in order to build some teasers. The basic idea is to reduce the number of extensions in the system while maintaining a great deal of flexibility.
  And the best part: It has been in TYPO3 for almost 10 years.

jQuery - Horizontal Accordion

Sehr schickes an das Blade Interface der XBOX360 angelehntes horizontales Accordion Menü auf Basis von jQuery.

This is still a project in progress, but thought I share it and give something back to the great jQuery community

This is the first plugin release, with some more extended testing ahead. If you have any suggestions feel free to send me an email or leave a suggestion on the forums.