Webprofi OWL - Blog http://webprofi-owl.de/ Aktuelle Informationen zu unseren Aktionen, Projekten, Dienstleistungen und Themen rund ums Web. de Webprofi OWL - Blog http://webprofi-owl.de/typo3conf/ext/tt_news/ext_icon.gif http://webprofi-owl.de/ 18 16 Aktuelle Informationen zu unseren Aktionen, Projekten, Dienstleistungen und Themen rund ums Web. TYPO3 - get.content.right http://blogs.law.harvard.edu/tech/rss Mon, 07 May 2012 08:33:00 +0200 Links in eigener TYPO3 Extension mit zusätzlichen Parametern versehen http://webprofi-owl.de/blog/details/links-in-eigener-typo3-extension-mit-zusaetzlichen-parametern-versehen/ Wenn man seine eigene TYPO3 Extension entwickelt, kann es vorkommen, dass man einem Link bei der Generierung weitere Parameter, z.B. eine Klasse, hinzufügen möchte. pi_linkTP und addParams genutzt. Damit der Link später im Template über einen Marker genutzt werden kann, muss der Link einem Marker zugewiesen werden. 
  1. $link = $this->pi_linkTP(
  2. $this->$string,
  4. $this->prefixId.'[item]'=> $row['uid'],
  5. $this->prefixId.'[edit]'=>1
  6. )
  7. );
  8.  
  9. $params = array(
  10. "class" => "myClass"
  11. );
  12.  
  13. $markerArray['###MARKER###'] = $this->cObj->addParams($link,$params);
]]> Snippets TYPO3 Mon, 07 May 2012 08:33:00 +0200 Dummy-Inhalte mit Fixie.js erstellen http://webprofi-owl.de/blog/details/dummy-inhalte-mit-fixiejs-erstellen/ Mit Fixie.js können HTML-Dokumente automatisch mit Blindtexten und Dummy-Inhalten gefüllt werden, ohne das der Quellcode unhandlich wird. Inhalte mit Fixie.js generieren Fixie.js benötigt kein Framework und muss lediglich vor dem schließenden body-Tag inkludiert werden. Um ein Element, z.B. einen Paragraphen, mit Inhalt zu füllen, muss dem Element die Klasse "fixie" zugewiesen werden. Weißt man dem body-Tag die Klasse "fixie" zu, wird das komplette Dokument mit Inhalten befüllt. Es werden Paragraphen, Links, Bilder etc. automatisch erkannt und mit Inhalt gefüllt, sodass man sich auf den Entwicklungsprozess konzentrieren kann und sich nicht um Beispielinhalt kümmern muss. Des Weiteren wir der Quellcode nicht unnötig aufgebläht und bleibt wartbar. 
  1. <!-- Beispiel Code -->
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5. <title>Fixie.js Beispiel</title>
  6. </head>
  7. <body class="fixie">
  8. <article>
  9. <h1></h1>
  10. <p> Make sure you view source and check out <a></a></p>
  11. <section>
  12. <p></p>
  13. <img/>
  14. <p></p>
  15. <p></p>
  16. </section>
  17. <h2></h2>
  18. <section></section>
  19. </article>
  20. <script type="text/javascript" src="fixie.js"></script>
  21. </body>
  22. </html>
Homepage des Entwicklers, Beispielseite]]> Allgemein Fri, 04 May 2012 22:25:00 +0200 Styleguides für HTML/CSS und JavaScript erschienen http://webprofi-owl.de/blog/details/styleguides-fuer-htmlcss-und-javascript-erschienen/ In der vergangenen Woche hat Google seine Styleguides für HTML/CSS und JavaScript veröffentlicht, welche Best Practice Methoden in der Webentwicklung aufzeigen. Google's Styleguides für HTML/CSS und JavaScript
  • HTML/CSS Styleguide
  • JavaScript Styleguide
]]> Google Allgemein Wed, 02 May 2012 22:22:00 +0200 TYPO3 4.7 ist da http://webprofi-owl.de/blog/details/typo3-47-ist-da/ Heute wurde die neue TYPO3 Version 4.7 veröffentlicht. Schwerpunkte des neuen Release sind Standardkonformität und Zugänglichkeit (Standards and Accessibility). Speziell für öffentliche Einrichtungen und Behörden kommt TYPO3 4.7 mit dem staatlich geförderten Government Package, dessen Schwerpunkt... HTML5 und Barrierefreiheit Konnte man bereits in vorherigen TYPO3 Versionen mit einigem Konfigurationsaufwand HTML5 im Frontend nutzen und eine barrierefreie Webseite erzeugen, sind die nötigen Einstellungen in TYPO3 4.7 bereits aktiviert und wird über die System-Extension "CSS Styled Content" ermöglicht. Audio- und Videodateien werden ebenfalls HTML5-konform ausgegeben, wobei für die Videoausgabe auf den HTML5 Video Player Video.js, in Kombination mit dem Flowplayer als Flash-Fallback, gesetzt wird.

Viele Änderungen die das Arbeiten mit TYPO3 leichter machen

In die neue TYPO3 Version sind über 200 Bugfixes und viele kleine Verbesserungen geflossen.
So wurde die Standard-Suche optimiert, das Cache-Handling verbessert und der Rich Text Editor erweitert, sodass Microformats im RTE genutzt werden können. Des Weiteren können jetzt mehrere Dateien gleichzeitig in TCEforms hochgeladen werden. Nützliche Änderungen gab es ebenfalls im Bereich TypoScript. So kann man mit der neu hinzugefügten stdWrap-Option "orderedStdWrap" stdWrap-Funktionen geordnet ablaufen lassen. Ebenfalls kann man jetzt if-Bedingungen bei page.includeCSS und page.includeJS nutzen. Auch wurden neuen stdWrap-Optionen für die System-Erweiterung "felogin" hinzugefügt, damit diese besser gestaltet werden kann. Eine komplette Übersicht der Änderungen und Vorteile von TYPO3 4.7 finden sich in der News auf typo3.org.

TYPO3 4.7

  • Download
  • Release Notes
]]> TYPO3 Tue, 24 Apr 2012 20:21:00 +0200 Berühmte Webseiten als Kleider http://webprofi-owl.de/blog/details/beruehmte-webseiten-als-kleider/ Der italienische Designer Victor Faretina hat ein Design-Projekt gestartet, bei dem er große Web-Communities als Kleider darstellt. Die bisherigen Werke erhielten großes positives Feedback auf diversen Online-Plattformen. 1. Megaupload

2. Facebook

3. Google

4. deviantART

5. YouTube

6. Twitter

7. Yahoo!

8. Wikipedia

9. MSN

Bildquellen: http://neko-vi.deviantart.com/gallery/]]> Allgemein Wed, 18 Apr 2012 21:15:00 +0200 Wartungsarbeiten am 19.04.2012 http://webprofi-owl.de/blog/details/wartungsarbeiten-am-19042012/ Am kommenden Donnerstagabend finden geplante Wartungsarbeiten am Server statt, sodass es zwischen 22:00 - 02:00 Uhr zu einer Nicht-Erreichbarkeit Ihrer Internetpräsenzen kommen kann. Während der Wartungsarbeiten sind alle Dienste temporär nicht verfügbar. Wir bitten um Verständnis und bedanken uns für das entgegen gebrachte Vertrauen. ]]> Webprofi Tue, 17 Apr 2012 23:45:00 +0200 Sicherheitsupdates für TYPO3 Core erschienen http://webprofi-owl.de/blog/details/sicherheitsupdates-fuer-typo3-core-erschienen/ Die heute erschienenen TYPO3 Version TYPO3 4.4.15, TYPO3 4.5.15 und TYPO3 4.6.8 beheben eine Cross-Site-Scripting Sicherheitslücke im TYPO3 Kern. Probleme im TYPO3 Exception Handler Die Ausgabe vom TYPO3 Exception Handler wird nicht ordnungsgemäß kodiert, sodass dieser für Cross-Site-Scripting anfällig ist. Die Sicherheitslücke kann ausgenutzt werden, wenn Extensions mit dem Extbase MVC Framework genutzt werden, die Objekte in ihren Controller-Aktionen zulassen.  TYPO3 Installationen ohne Drittanbieter Extensions sind scheinbar nicht betroffen. (vgl. News auf typo3.org)

TYPO3 4.4.15

  • Release Notes
  • Download

TYPO3 4.5.15

  • Release Notes
  • Download

TYPO3 4.6.8

  • Release Notes
  • Download
]]> TYPO3 Tue, 17 Apr 2012 22:13:00 +0200 TYPO3 4.7 RC2 http://webprofi-owl.de/blog/details/typo3-47-rc2/ Pünktlich, gemäß Roadmap, wurde heute der zweite Release Candidate von TYPO3 4.7 veröffentlicht. Die finale Version von TYPO3 4.7 wird voraussichtlich in einer Woche, am 24.04, erscheinen. TYPO3 4.7 RC2
  • Release Notes
  • Download
Ein Update bestehender TYPO3 Installationen wird geraten. (News auf TYPO3)]]> TYPO3 Tue, 17 Apr 2012 21:45:00 +0200 jQuery Mobile 1.1.0 Release http://webprofi-owl.de/blog/details/jquery-mobile-110-release/ Schneller, glatter und aufpoliert. Version 1.1.0 des beliebten Frameworks zur Entwicklung mobiler, touch-optimierter Anwendungen und Webseiten ist erschienen und bringt eine Vielzahl an Neuerungen mit. Fixed Toolbars und verbesserte Transitions Bereits in den vorhergegangenen Release Candidates konnte man ein Gefühl für die verbesserten fixierten Toolbars kriegen, welche die Usability und das Look and Feel deutlich aufwerten. Wurden bisher fix positionierte Toolbars beim Scrollen dynamisch repositioniert, wodurch sich diese Option nicht wirklich nativ anfühlte, wurde bei jQuery Mobile 1.1.0 auf eine CSS-basierte Lösung gesetzt, wodurch sich die neuen Fixed Toolbars nativ anfühlen. (Denn sie sind es.) Auf die Rückwärtskompatibilität wurde ebenfalls geachtet, sodass ältere Endgeräte auf die vorherige Version der Toolbars zurückfallen. Für diverse Plattformen (z.B. iOS 4) gibt es eine auf Polyfills basierte Fallback-Lösung. Neben den neuen Toolbars, gibt es erhebliche Verbesserungen bei den Page Transitions. Anfans gab es die Beschränkung, dass die Seite auf der man sich befindet und die Seite auf die "umgeblättert" wird sich im gleichen Ansichtsfenster befinden müssen. Um den Übergang auf die neue Seite zu erzielen, muss die aktive Seite erst nach oben gescrolled werden und danach kann erst die Animation stattfinden, mit der auf die neue Seite gewechselt wird. Diese Beschränkung gibt es, da die Unterstützung der CSS-Eigenschaft "overflow:auto" auf mobilen Endgeräten sehr schlecht ist und man auf eine Lösung mittels einem JavaScript-Scrollers verzichten wollte. Da das Scrollen auf mobilen Endgeräten häufig sehr langsam ist, wirkten die Page Transitions oft sehr stotterig und unsauber. Die erneuerten Transitions verfolgen einen verbesserten und sauberen Ansatz.
Hierbei wird vor dem Scrollen die aktive Seite ausgeblendet und nach dem Srollen die neue Seite eingeblendet. Durch das Ausblenden der aktuellen Seite, entsteht eine "leere" Seite, die schneller gescrolled werden kann, wodurch sich die Transitions erheblich besser und nativer anfühlen. Des Weiteren wurde ein Feature Test für CSS 3D Transforms integriert um die auf CSS Keyframes basierten Animationen für Android-Geräte besser handhaben zu können. Da die Performance bei CSS Keyframes Animationen auf Android-Geräten durchaus als miserabel bezeichnet werden kann, bestätigt das Stottern und Blinken der Animationen oder die nicht vollständige Ausführung selbiger. Sollte ein Gerät (Android 1.x, Android 2.x) den Feature-Test nicht bestehen, werden lediglich einfache Fade-Animationen genutzt. Ansonsten steht das gesamte Spektrum an Transitions zur Verfügung. Für jeden Übergang kann das Fallback-Verhalten konfiguriert werden.

Weitere Änderungen in jQuery Mobile 1.1.0

Neben den genannten Verbesserungen gab es eine Menge an Neuerungen, die  das Arbeiten mit jQuery Mobile angenehmer machen und das Gesamtbild abrunden. So wurde das Standard Theme aufgeräumt, dem Ajax-Loader ein neues Design gegeben und Mini-Formular-Elemente eingeführt, die z.B. in Toolbars genutzt werden können. Weiterhin wurde das Design des Flip Switch verbessert, neue Transitionen hinzugefügt ("Flip" und "Flow") und Zoom-Bugs auf iOS-Geräten behoben.  Außerdem erhielt der ThemeRoller ein Upgrade, wodurch alte Themes auf die neue jQuery Mobile Version portiert werden können. Ein Custom Download Builder, um sich seinen eigene jQuery Mobile Build zu erstellen zu können, wird demnächst veröffentlicht.
Eine komplette Liste aller Änderungen findet sich im Blogeintrag auf jquerymobile.com.

Auf einen Blick: Links zu jQuery Mobile 1.1.0

  • Download jQuery Mobile 1.1.0
  • Dokumentation & Quick Start Guide
  • ThemeRoller for jQuery Mobile
  • Plattformunterstützung von jQuery mobile 1.0
Hinweis: Die verwendeten Grafiken stammen von http://jquerymobile.com/.]]> Sat, 14 Apr 2012 23:26:00 +0200 TYPO3 4.7 - Erster Release Candidate veröffentlicht http://webprofi-owl.de/blog/details/typo3-47-erster-release-candidate-veroeffentlicht/ Etwas verspätet ist am Donnerstag TYPO3 4.7 RC1 erschienen. Durch die Developer Days in München wurde die Veröffentlichung des Release Candidate etwas verzögert. TYPO3 4.7 RC1
  • Release Notes
  • Download
Der verzögerte Release hat keine Auswirkungen auf die bestehende Roadmap. (News auf TYPO3)]]> TYPO3 Sat, 14 Apr 2012 09:11:00 +0200 27 exzellente Beispiele für den Parallax Effekt im Webdesign http://webprofi-owl.de/blog/details/27-exzellente-beispiele-fuer-den-parallax-effekt-im-webdesign/ Der Parallax Effekt zählt seit einiger Zeit zu den aktuellen Trends im Bereich Webdesign. Richtig eingesetzt erzielt man eine hohe User Experience und macht den Anwender beim Agieren mit der Webseite glücklich. Wir haben eine Sammlung von Webseiten zusammengestellt, auf denen der Parallax Effekt... 1. Smokey Bones

2. Nike Better World

3. Improving Speed

4. Mario Kart Wii Experience

5. smart USA

6. Volkswagen Beetle

7. The Art of FLIGHT

8. Neuseeland 100 % pur

9. Laurentius

10. Ben the Bodyguard

11. ACTIVATE

12. Eric Johansson

13. Atlantis World's Fair

14. cultural solutions uk

15. Johan Reinhold – Shoot Me Down

16. Old Pulteney Row to the Pole

17. Juveler Langaard

18. Mo's & Bows

19. Bagigia

20. Whiteboard

21. Cheese Please

22. Marcus Thomas

23. Air Jordan 2012

24. No Leath

25. Titanic

26. Soleil Noir 2012

27. Putzengel

]]> Tue, 10 Apr 2012 23:18:00 +0200 TYPO3 4.4.14, TYPO3 4.5.14 und TYPO3 4.6.7 released http://webprofi-owl.de/blog/details/typo3-4414-typo3-4514-und-typo3-467-released/ Nachdem heute bereits Security Bulletins für 15 TYPO3 Erweiterungen erschienen sind, wurden Sicherheitsupdates für die TYPO3 Zweige 4.4, 4.5 und 4.6 veröffentlicht die Sicherheitslücken im TYPO3 Kern beheben. TYPO3 4.4.14
  • Release Notes
  • Download

TYPO3 4.5.14

  • Release Notes
  • Download

TYPO3 4.6.7

  • Release Notes
  • Download
Des Weiteren wurde ein Sicherheitsupdate für das FLOW3 Framework veröffentlicht. Weitere Informationen sind den Security Bulletins (TYPO3-CORE-SA-2012-001, FLOW3-SA-2012-001) zu entnehmen. ]]> TYPO3 Wed, 28 Mar 2012 20:57:00 +0200