daily links

  • Mehrspaltige Struktur-Elemente mit Gridelements – Türchen 21 | TYPO3 Blogger
    Man lädt sich also die Erweiterung “gridelements” aus dem TER, installiert sie und bindet die “Statischen Templates” ein. Danach den System-Ordner, den man als “Allgemeine Datensatzsammlung” angegeben hat öffnen und dort einen neuen Datensatz vom Typ “CE Backend Layout” anlegen. Die Funktionsweise ist hier die gleiche wie bei den Backend Layouts. Danach lässt sich das neu angelegte Element auf einer Seite einfügen. Man findet es in der Rubrik “Raster-Elemente”.
  • Responsive Design mit TYPO3 – Türchen 22 | TYPO3 Blogger
    Um Responsive Layouts (Flexible Layouts) nun in TYPO3 zu verwenden bedarf es einigen Anpassungen an der Ausgabe von CSS-Styled-Content. Für die kommende TYPO3 Version 4.7 wurden ja bereits umfängliche Änderungen an der Frontend-Ausgabe angekündigt, die zudem der Barrierefreiheit dienen. Hier wurden auch die “Problemfälle” eliminiert, die mit der Ausgabe von Bildern im Responsive Layout zu meistern sind. So müssen u.A. die festen Breiten, die über das style-Attribut in den Wrappern eingebunden sind entfernt werden. Das Layout sollte optimalerweise flexibel angelegt sein, also keine Pixelwerte. Folgende Typoscript-Snippets müssen ins Typoscript-Setup Template eingetragen werden:
  • joelambert/Flux-Slider – GitHub
    Flux slider is a CSS3 animation based image transition framework, inspired in part by the fantastic Nivo Slider jQuery plugin.
    Instead of the traditional Javascript timer based animations used by jQuery, Flux utilises the newer, more powerful CSS3 animation technology. Its in a fairly early/rough state at the moment but testing on the iPhone/iPad does appear to produce much smoother animations. Desktop performance (as with Nivo) is very smooth but the use of CSS3 enables us to produce some new effects that Nivo can’t, e.g. rotations.
  • Slidorion, A jQuery Plugin | jQuery Image Slider and jQuery Accordion
    A combination of an image slider and an accordion, the Slidorion displays beautiful images along with a variable length description. With slides linked to each tab, and accompanied by a large array of effects, the Slidorion is a great alternative to the traditional jQuery slider.
  • liteAccordion – a horizontal accordion plugin for jQuery
    liteAccordion – a horizontal accordion plugin for jQuery
  • jQuery News Ticker
    Taking inspiration from the BBC News website ticker, jQuery News Ticker brings a lightweight and easy to use news ticker to jQuery.
  • Conditional Fields | drupal.org
    Conditional Fields allows you to manage sets of dependencies between fields. When a field is “dependent”, it will only be available for editing and displayed if the state of the “dependee” field matches the right condition.
    When editing a node (or any other entity type that supports fields, like users and categories), the dependent fields are dynamically modified with the States API.
    You can, for example, define a custom “Article teaser" field that is shown only if a "Has teaser" checkbox is checked.
  • Slidebox | drupal.org
    The Slidebox module provides a JavaScript-based "Slidebox" – a box which provides a link to the next page in a sequence, which slides out when the user reaches the bottom of the current post.
    This feature is common in many websites, but is most recognisable in the New York Times website.
  • Bulletproof HTML5 <details> fallback using jQuery · Mathias Bynens
    HTML5 is still a work in progress. The <details> element is not even implemented yet. In the meantime, it’s important to provide a fallback/polyfill when using new features that aren’t (fully) supported cross-browser.
  • TYPO3 Filelist konfigurieren – Türchen 23 | TYPO3 Blogger
    Das wichtigste zuerst: sämtliche Konfigurationen der Dateiliste sind per TypoScript im Setup-Teil des Templates vorzunehmen und finden im tt_content.uploads.20 Bereich statt. Dank des mittlerweile standardmäßig vorhandenen TypoScript Editor im Backend sind zwar schon viele Einstellungen per “Suggest Drop-Down” zu erahnen, aber halt doch nicht immer so durchsichtig.
 

bvt