MARIA KERN SENIOR FRONTEND ARCHITECT FRONTEND ENTWICKLUNG IN MAGENTO: LESS/SASS
|
|
- Ernst Ursler
- vor 6 Jahren
- Abrufe
Transkript
1 MARIA KERN SENIOR FRONTEND ARCHITECT FRONTEND ENTWICKLUNG IN MAGENTO: LESS/SASS
2 FRONTEND ENTWICKLUNG IN MAGENTO: LESS/SASS Schwierigkeiten im Frontend?!
3 SCHWIERIGKEITEN IM FRONTEND?! MANGELNDER ÜBERBLICK 3
4 SCHWIERIGKEITEN IM FRONTEND?! MANGELNDER ÜBERBLICK 4
5 SCHWIERIGKEITEN IM FRONTEND?! MANGELNDER ÜBERBLICK 5
6 SCHWIERIGKEITEN IM FRONTEND?! TEAM-ARBEIT KONFLIKTE Gleichzeitig an einem Frontend arbeiten? Internes Beispiel: diese Überschrift wurde im Projektverlauf 3 mal gestylt 6
7 SCHWIERIGKEITEN IM FRONTEND?! SPEZIELL IN MAGENTO Die Frage am Anfang: Welche Styles werden verwendet? Wie gehe ich ran? Laden und Überschreiben der Magento-Styles? Nur eigene Styles? Kopieren und Ändern der Magento-Styles? seit RWD-Theme und in Magento 2 nun besser möglich Enormer Umfang an Seiten im Frontend bleibt nichts beim Standard anders als im Backend [ ] Content-Pflege, Inline-Javascripts, Übersetzungen Jeder Shop ist individuell. Im Frontend hängt vieles seitenübergreifend zusammen. Wie kann man so arbeiten, dass man projektübergreifend immer effektiver wird? 7
8 FRONTEND ENTWICKLUNG IN MAGENTO: LESS/SASS Herausforderung: Wiederverwendbarkeit!
9 HERAUSFORDERUNG: WIEDERVERWENDBARKEIT! MAGENTO ALS FE-FRAMEWORK Herangehensweise: Magento als Frontend-Framework Als solches nutzen Weiterentwickeln 9
10 HERAUSFORDERUNG: WIEDERVERWENDBARKEIT! MAGENTO ALS FE-FRAMEWORK Im Backend ist die Modul-Entwicklung alltäglich Zend Framework Magento Eigene Module Übernahme in anderem Projekt Wenn möglich: Unabhängige Module! Beispiel: N98_InfoFiles 10
11 HERAUSFORDERUNG: WIEDERVERWENDBARKEIT! MAGENTO ALS FE-FRAMEWORK Module auch im Frontend! Problem: Jeder Shop hat individuelles Aussehen Abstraktes Denken was von diesem Modul ist allgemein gültig, was ist kunden- oder projektspezifisch? Nutzen der Präprozessoren Styling-Bausteine durch Variablen/Mixins abstrakt halten (Erst das Einsetzen der Werte machen diese individuell) Klassen-Namen, Funktions-Namen, Variablen-Namen Denkweise immer auf Wiederverwendbarkeit gepolt 11
12 HERAUSFORDERUNG: WIEDERVERWENDBARKEIT! MAGENTO ALS FE-FRAMEWORK 12
13 HERAUSFORDERUNG: WIEDERVERWENDBARKEIT! MAGENTO ALS FE-FRAMEWORK Search Navigation Hero List of links Highlight 13
14 HERAUSFORDERUNG: WIEDERVERWENDBARKEIT! MAGENTO ALS FE-FRAMEWORK Voraussetzung: Materie genau kennen und verstehen! Frontend-Module von Magento erkennen und als solche nutzen 14
15 HERAUSFORDERUNG: WIEDERVERWENDBARKEIT! MAGENTO ALS FE-FRAMEWORK Voraussetzung: Materie genau kennen und verstehen! Frontend-Module von Magento erkennen und als solche nutzen 15
16 HERAUSFORDERUNG: WIEDERVERWENDBARKEIT! MAGENTO ALS FE-FRAMEWORK Styles-Verteilung: Gemeinsamkeiten, Positionierung, Abstände:.add-to-links li Farbe: a Icon:.link-wishlist:before Der Wishlist-Link muss auch außerhalb der Liste funktionieren 16
17 HERAUSFORDERUNG: WIEDERVERWENDBARKEIT! MAGENTO ALS FE-FRAMEWORK Vorgeschmack auf Magento 2 Modularer Aufbau zieht sich komplett durch Es ist unerlässlich, das System zu verstehen und damit zu arbeiten Proaktives Nutzen der Variablen und Mixins Initial hoher Aufwand, aber langfristiger Nutzen 17
18 HERAUSFORDERUNG: WIEDERVERWENDBARKEIT! MAGENTO ALS FE-FRAMEWORK Als Framework nutzen Und Weiterentwickeln Eigenes Framework wiederverwenden? 18
19 HERAUSFORDERUNG: WIEDERVERWENDBARKEIT! MAGENTO ALS FE-FRAMEWORK Beispiel für ein eigenes Frontend-Boilerplate Twitter Bootstrap Composer Paket Magento Templates (RWD-Theme) Boilerplate Projekt-Styles Projektübergreifende Styles Modul-Styles werden im Boilerplate hinzugefügt und können im nächsten Projekt verwendet werden Ähnlicher Ansatz von Webcomm : 19
20 HERAUSFORDERUNG: WIEDERVERWENDBARKEIT! MAGENTO ALS FE-FRAMEWORK Bootstrap (und andere Frameworks) netz98 Standard Style Definitionen kundenspezifische Style Definitionen 20
21 HERAUSFORDERUNG: WIEDERVERWENDBARKEIT! MAGENTO ALS FE-FRAMEWORK Einbindung der Bootstrap Dateien Einige Dateien nur als Referenz Styles und Mixins nur zur Verwendung innerhalb von Less Keine Einbindung in CSS-Datei (reference) gibt es in SASS nicht 21
22 HERAUSFORDERUNG: WIEDERVERWENDBARKEIT! MAGENTO ALS FE-FRAMEWORK Es geht nicht darum, ein fertiges Theme zu erstellen, sondern sich eine wiederverwendbare Arbeitsgrundlage zu schaffen Themes gibt es genug Bootstrap Theme Beispiele:
23 FRONTEND ENTWICKLUNG IN MAGENTO: LESS/SASS Werkzeuge: Präprozessoren Sass / Less
24 WERKZEUGE: PRÄPROZESSOREN SASS / LESS HILFSMITTEL NUTZEN Grunt Generieren der CSS-Datei aus Sass oder Less (minifiziert + development mode mit map Datei) Separate Datei für ältere IE + Bless Task (wegen Rules Limit) Autom. Generieren von Image Sprites (inkl. Mixins) JS-Files zusammenfassen und minifizieren File Watcher Livereload + Cache Flush bei bestimmten Dateien n98-magerun Compass Task Runner / CLI Tools 24
25 WERKZEUGE: PRÄPROZESSOREN SASS / LESS HILFSMITTEL NUTZEN Emmet Plugin Text-Editor Plugins 25
26 WERKZEUGE: PRÄPROZESSOREN SASS / LESS HILFSMITTEL NUTZEN Vorschau Präprozessoren in CSS 26
27 WERKZEUGE: PRÄPROZESSOREN SASS / LESS FALLSTRICKE VON SASS / LESS nicht gewollt 27
28 WERKZEUGE: PRÄPROZESSOREN SASS / LESS KONVENTIONEN EINFÜHREN Zur eigenen Sicherheit, Sauberkeit und für bessere Teamarbeit Namenskonventionen (siehe Magento 2) prefix.abs- (from abstract) für Extend class names '@' + '_' + 'object' + '-' + 'property' + '-' + Frontend-Styleguide erstellen Module außerhalb der Shopseiten auflisten greifen die Styles überall? Zur Kontrolle aber auch zum Nachschlagen für andere Entwickler Wird während oder sogar vor der Umsetzung erstellt Man zwingt sich, modular zu Denken Dateiablagen / -Gruppierungen / Dateinamen Magento 2 UI Library 28
29 FRONTEND ENTWICKLUNG IN MAGENTO: LESS/SASS NACHLESEN Weiterführende Links Magento
30 FRONTEND ENTWICKLUNG IN MAGENTO: LESS/SASS VIELEN DANK! FRAGEN? 30
Clemens Gull. Joomlal-Extensions. mit PHP entwickeln. Mit 322 Abbildungen
Clemens Gull Joomlal-Extensions mit PHP entwickeln Mit 322 Abbildungen 11 Inhaltsverzeichnis 1 Einführung 15 1.1 Wasistjoomla? 15 1.1.1 Content-Management-System 15 1.1.2 Open-Source-Software 16 1.2 Der
MehrResponsive Web Design
Responsive Web Design mit APEX Theme 25 Christian Rokitta APEX UserGroup NRW Treffen 20.01.2014 Oracle DB & APEX Entwickler (selbstständig) Deutschland ( 1996) Niederlanden ( 1996) themes4apex: APEX UI
MehrHandbuch TweetMeetsMage
Handbuch TweetMeetsMage für Version 0.1.0 Handbuch Version 0.1 Zuletzt geändert 21.01.2012 Inhaltsverzeichnis 1 Einleitung... 3 1.1 Voraussetzungen... 3 1.2 Funktionsübersicht... 3 2 Installation... 4
MehrEin UI in zwei Welten - Controls in HTML5 und WPF. Timo Korinth
Ein UI in zwei Welten - Controls in HTML5 und WPF Timo Korinth Timo Korinth Lead Developer HTML5 bei maximago Zuvor.NET / WPF Entwicklung Warum überhaupt HTML5 und WPF? Was bedeutet Control-Entwicklung
MehrMagento Theming Ein Einstieg Rainer Wollthan
Magento Theming Ein Einstieg Rainer Wollthan Überblick Vorbereitung Datei Struktur Adminbereich Layout XML Block Template Magento Theming macht Spaß! Vorbereitung Produkte Marketingmaßnahmen Design Länder
MehrSASS für Einsteiger. WordCamp Köln 2015. 06.06.2015 Bernhard Kau @2ndkauboy kau-boys.de 1
SASS für Einsteiger WordCamp Köln 2015 06.06.2015 Bernhard Kau @2ndkauboy kau-boys.de 1 Wer bin ich? Bernhard Kau Wahlberliner PHP-Entwickler WordPress-Plugin Hobby-Entwickler CSS-Tüftler Organisator der
MehrCHRISTOPHER KRUMM FREELANCE WEB DEVELOPER AND CONSULTANT
PROFIL Stand 10/2014 PERSÖNLICHE INFORMATIONEN Jahrgang: 1984 Adresse: Stiftstraße 3 65183 Wiesbaden KONTAKT Mobil: +49 176 21994675 E-Mail: c.krumm@webdressing.de Web: http://www.webdressing.de Sprachen:
MehrInhaltsverzeichnis. 1.7 Systemvoraussetzungen... 23. 1.8 Benutzer (Client)... 32 2 Installation... 33 2.1 Welches Paket ist das Richtige?...
Teil 1 Einführung................................................... 15 1 Einleitung........................................................ 17 1.1 Danksagung................................................
MehrReferenzen Frontend Typo3
Referenzen Typo3 und Frontend Stand: Mai 2015 Diese Referenzliste beschreibt die eigene Webseite der Internetagentur Irma Berscheid-Kimeridze. Die Webseite ist seit Mai 2015 online. Sie ist mit Typo3 erstellt.
MehrAnpassung von WSS und MOSS Websites
Anpassung von WSS und MOSS Websites Fabian Moritz Senior Consultant, SharePoint MVP ITaCS GmbH Agenda Schwachstellen in WSS (Version 2) Warum Anpassung? Ebenen der Anpassung Integration von ASP.NET 2.0
MehrAndré Wengorz. Zu meiner Person FRONTEND DEVELOPER. awengorz@yahoo.co.uk +49 (0)152 5345 1308 cv1.codemetrix.eu
André Wengorz FRONTEND DEVELOPER EMAIL: M OB: WEB : awengorz@yahoo.co.uk +49 (0)152 5345 1308 cv1.codemetrix.eu Zu meiner Person Ich beschäftige mich mit der Umsetzungen von Screen- und Interface-Designs
MehrHOWTO Update von MRG1 auf MRG2 bei gleichzeitigem Update auf Magento CE 1.4 / Magento EE 1.8
Update von MRG1 auf MRG2 bei gleichzeitigem Update auf Magento CE 1.4 / Magento EE 1.8 Schritt 1: Altes Modul-Paket vollständig deinstallieren Die neuen MRG-Module sind aus dem Scope local in den Scope
Mehrmehr funktionen, mehr e-commerce:
mehr funktionen, mehr e-commerce: xt:commerce plugin Search Tag Cloud xt:commerce Plugin search tag cloud Wonach suchen Ihre Kunden? Nicht nur für andere Nutzer ist es interessant, welche Artikel Ihre
MehrWelche Prototyping-Methode passt zu meinen Anforderungen?
1 2 Hersteller, Modell: Körpe, Lena Prototyp Alpha-Version: F&E im Raum Stuttgart Prototyp Beta-Version: Studium Informationsdesign an der HdM Stuttgart Release 1.0: Senior Concept Developer in der Online-Agentur
MehrReferenzen TYPO3 Projekt Slider für Reiseberichte Stand: Februar 2015
Projekt Slider für Stand: Februar 2015 Für die Georgienseite gibt es sechs Rubriken mit n aus den Jahren 2001 bis 2013. Pro Jahr gibt es zwischen 5 und 13 Artikel mit n. Diese Artikel sollten nun mehr
MehrVortrag SASS Funktionen #ck2016. Was ist SASS?
Vortrag SASS Funktionen #ck2016 Was ist SASS? Syntactically Awesome Stylesheets = Meta-Sprache DRY Don't Repeat Yourself Der Vorteil von SASS liegt in den zusätzlichen Features die es mit sich bringt,
MehrResponsive Webdesign. in a Nutshell. Patrick Lobacher Vorstandsvorsitzender +Pluswerk AG 08.06.2015
Responsive Webdesign 08.06.2015 in a Nutshell Patrick Lobacher Vorstandsvorsitzender +Pluswerk AG Disclaimer: Keine Technik! Slides: www.lobacher.de/webinale15-rwd Patrick Lobacher GF +Pluswerk GmbH Patrick
MehrArtikel Test-Organisation in grösseren Magento(1)-Projekten
Artikel Test-Organisation in grösseren Magento(1)-Projekten Ein Tipp von unserem Entwickler Claudio Kressibucher Köln/Bergisch Gladbach Münster Aachen Kapstadt/Südafrika www.kennziffer.com GmbH Friedrich-Ebert-Straße
MehrWir bringen Ihre Notes/Domino Anwendungen sicher ins Web 19.11.2015, Bilster Berg Drive Resort Michael Steinhoff, agentbase AG. www.agentbase.
Wir bringen Ihre Notes/Domino Anwendungen sicher ins Web 19.11.2015, Bilster Berg Drive Resort Michael Steinhoff, agentbase AG www.agentbase.de 1 Agenda Grundlagen Modernisierung Möglichkeiten mit Domino
Mehrerweiterte Suche Installation und Schnellstart
1 erweiterte Suche Data Development erweiterte Suche Installation und Schnellstart Stand: 01.06.2012, Modulversion: 3.12.0 Bearbeiter: DS D³ Data Development, Inh.: Thomas Dartsch, Stollberger Straße 23,
MehrWEBAPPLIKATIONEN MIT PHP. Wo gibt es Hilfe? Wie fang ich an?
WEBAPPLIKATIONEN MIT PHP Wo gibt es Hilfe? Wie fang ich an? Tools Webapplikationen bestehen aus Textdateien Lassen sich in Texteditoren schreiben Alternativen: Eclipse (PDT) Netbeans (Dynamic Languages)
MehrDer OTRS Feature-Vergleich
Open Source Software Der Feature- bietet Ihnen ein Meer an Möglichkeiten Ihr Service Management in Fahrt zu bringen. Neben einer verlässlichen und bewährten Basis, die wir Ihnen mit dem Framework zur Verfügung
MehrUI Composition. An agile Alternative to Server Side Includes. Arkadiusz Czarnik - Software Engineer Alwin Mark - Software Engineer
UI Composition An agile Alternative to Server Side Includes Arkadiusz Czarnik - Software Engineer Alwin Mark - Software Engineer REWE digital Vision Mitarbeiterentwicklung Wir steigern die Lebensqualität
MehrWo Sie fürs Optimieren und Individualisieren ansetzen müssen... 19
Inhalt Über die Autoren... 5 1. Wie komme ich zu meinem eigenen Wunschdesign?... 13 1.1 Warum ein Content Management System?... 14 1.2 Wie finde ich den Einstieg?... 14 2. Die Anatomie eines web to date-projekts:
MehrWebdesign Grundlagen. Michael Kraft, M.A. WS 2012/2013 hawk@herrkraft.de
Webdesign Grundlagen Michael Kraft, M.A. WS 2012/2013 hawk@herrkraft.de Bürokratie Termine & Kursliste & http://hawk.herrkraft.de Wer bin ich? michael kraft ba ma 2006 2012 hawk tutor interaction digital
MehrTYPO3-Workshop TYPO3 Leistungsumfang und Architektur RRZN Universität Hannover
TYPO3-Workshop TYPO3 Leistungsumfang und Architektur RRZN Universität Hannover Typo3 Lizenz Zielgruppe Enterprise Web Content Management System GPL (GNU Public License) kleine bis mittlere Unternehmen
MehrResponsive Webdesign Bootstrap und co. Pierre Hein & Benjamin Stein Stuttgart 7. Mai 2015
Responsive Webdesign Bootstrap und co. Pierre Hein & Benjamin Stein Stuttgart 7. Mai 2015 Agenda 1. Einführung Was ist Responive Webdesign, Media Queries und CSS preprocessing 2. Frameworks Bootstrap,
MehrInhaltsverzeichnis VII
Inhaltsverzeichnis 1 Die Grundlagen zu CMS auch eine lange Reise beginnt mit dem ersten Schritt............................................ 1 1.1 Was behandeln wir in dem einleitenden Kapitel?....................
MehrDokumentation: wi://googlemaps
1 Dokumentation: wi://googlemaps zur Einbindung von eigenen GoogleMaps Karten im TYPO3 Backend 2 Inhalt Einrichtung des Plugins... 3 Schritt 1: Frontend Plugin anlegen... 3 Schritt 2: Speicherort der Datensätze
MehrMobile Doku mit altbekannten Werkzeugen. Prof. Sissi Closs
Mobile Doku mit altbekannten Werkzeugen Mobile Doku? Ein neues Buzz-Wort. Dazu später noch der neue tekom Leitfaden. Warum keine klassische Web-Help/Seite am mobilen Gerät? kein schönes Bedienerlebnis
MehrSchnelle Winkel. 10x schnellere Webapps mit AngularJS und Jee
Schnelle Winkel 10x schnellere Webapps mit AngularJS und Jee Lernplattform mit sozialer Komponente Portal & CMS JEE-Basis Wir fangen dann schon mal an! Portal? Forum? Social? CMS? Da gibts doch schon was?!
MehrJoomla! 1.5 Extensions
4. Web Development Fulda Treffen Joomla! 1.5 Extensions Erstellung von Plugins, Modulen und Komponenten Achim Fischer Basics: PHP MySQL Extension Typen: Plugins Module Komponenten Worin unterscheiden sich
MehrModul Bildergalerie Informationen zum Bearbeiten des CMS-Systems für den SV Oberteisendorf
Inhaltsverzeichnis Allgemein...2 Bilder-Ordner für Bildergalerie einrichten und befüllen...3 Verzeichnis erstellen...3 Beschriftung der Fotos...4 Bildergalerie anlegen und einrichten...5 Vorbereitung im
MehrFrühling für iphone-apps
Spring-basierte Backends für ios-applikationen Stefan Scheidt Solution Architect OPITZ CONSULTING GmbH OPITZ CONSULTING GmbH 2010 Seite 1 Wer bin ich? Software-Entwickler und Architekt Trainer und Coach
MehrOCG Webmanagement. ECDL Image Editing (Photoshop) (WM1)
OCG Webmanagement Sie verfolgen das grundlegende Ziel, anspruchsvolle Fertigkeiten in verschiedenen Bereichen des Webpublishing zu erlangen. Nach der Absolvierung dieses Kurses sind Sie in der Lage, professionelle
MehrJoomla 1.5. Einführung in die Installation und Benützung
Joomla 1.5 Einführung in die Installation und Benützung Programm Was ist Joomla Installation auf Ubuntu Benützung von Joomla Templates wechseln Nützliche Komponenten Weiterführende Informationen Was ist
MehrSchlussbewertung FB VI SOFTWAREPROJEKT II WS 09/10 TEAM. Alexander Kalden Dominik Eckelmann Marcel Pierry Julian Heise Besha Taher
Schlussbewertung FB VI SOFTWAREPROJEKT II WS 09/10 TEAM Alexander Kalden Dominik Eckelmann Marcel Pierry Julian Heise Besha Taher 729631 745097 736477 745011 741297 Inhalt Schlussbewertung... 3 Bewertung
MehrEndanwender Handbuch
Endanwender Handbuch INHALTSVERZEICHNIS Vorwort...3 Frontend und Backend...3 Das Dashboard...4 Profil Bearbeiten...6 Inhalte Verwalten...6 Seiten...6 Seite verfassen...7 Papierkorb...11 Werbebanner...11
Mehrwww.jsf-academy.com JSF goes Mobile Mit JavaServer Faces mobile Welten erschließen Copyright 2013, Andy Bosch, www.jsf-academy.
www.jsf-academy.com JSF goes Mobile Mit JavaServer Faces mobile Welten erschließen Copyright 2013, Andy Bosch, www.jsf-academy.de Slide 1 Was habe ich heute vor? Aufzeigen, welche Möglichkeiten JSF bietet,
MehrHandbuch zur Integration der Verwaltungssuchmaschine NRW (VSM) in TYPO3 mit der Extension dnrw_vsm
Handbuch zur Integration der Verwaltungssuchmaschine NRW (VSM) in TYPO3 mit der Extension dnrw_vsm Stand: 21.11.2014 Systemvoraussetzungen TYPO3 in der Version 6.0 6.2.xx Installation Installieren Sie
MehrBedienungsanleitung. ClipVilla Video Producer BEDIENUNGSANLEITUNG - CLIPVILLA VIDEO PRODUCER
Bedienungsanleitung ClipVilla Video Producer Contents Bedienungsanleitung 1 ClipVilla Video Producer 1 Contents 2 So bedienen Sie den ClipVilla Video Producer 3 1.1) Neue Einträge in Ihrem Backend 3 1.2)
MehrDr. Nikolai Krambrock Andreas von Studnitz
Dr. Nikolai Krambrock Andreas von Studnitz Codequalität mit Magento Inhalt Vorstellung Motivation Code-Qualität Allgemein Code-Qualität Magento-spezifisch Fragen und Antworten Hello World! Dr. Nikolai
MehrReferenz Frontend: Responsive Webdesign
Stand: Dezember 2014 Diese Referenzliste bezieht sich auf eine Webseite, von der es zwei Versionen gibt. Diese Version ist mit Hilfe des Twitter Bootstrap Frameworks für mobile Endgeräte optimiert. - Startseite
MehrSatellite 6. Next Generation System Provisioning, Configuration and Patch Management
Peter Mumenthaler Head of System Engineering Senior Systems Architekt Andreas Zuber Senior System Engineer Philipp Gassman System Technician Satellite 6 Next Generation System Provisioning, Configuration
MehrBOSS 2 BSZ One Stop Search
BOSS 2 BSZ One Stop Search 16. BSZ-Kolloquium in Stuttgart 22.09.2015 Cornelius Amzar 1 Responsive Design Smartphone, Tablet, Fernseher, PC, Laptop Benutzer erwarten einen gleichwertigen Dienst für alle
MehrEclipse User Interface Guidelines
SS 2009 Softwarequalität 06.05.2009 C. M. Bopda, S. Vaupel {kaymic/vaupel84}@mathematik.uni-marburg.de Motivation (Problem) Motivation (Problem) Eclipse is a universal tool platform - an open, extensible
MehrContao 3. Keynote Contao-Konferenz 2012
Contao 3 Keynote Contao-Konferenz 2012 Neue Dateistruktur Das Stammverzeichnis Keynote Contao-Konferenz 2012 Seite 3 Neue Dateistruktur Der Plugins-Ordner Keynote Contao-Konferenz 2012 Seite 4 Neue Dateistruktur
MehrATOMIC DESIGN DIE EINHEIT VON FRONTEND UND DESIGN IM RWD-ZEITALTER PATRICK LOBACHER +PLUSWERK AG 27.10.2015 WEBTECH CONFERENCE MÜNCHEN
ATOMIC DESIGN DIE EINHEIT VON FRONTEND UND DESIGN IM RWD-ZEITALTER PATRICK LOBACHER +PLUSWERK AG 27.10.2015 WEBTECH CONFERENCE MÜNCHEN Patrick Lobacher Vorstandvorsitzender +Pluswerk AG Consultant Trainer
MehrPerformance grosser Plone Installationen
! Performance grosser Plone Installationen Cave Ats und Optimierungsmöglichkeiten Dr. Thomas Wagner Charakter großer Zope/Plone Installationen hohe Zugriffszahlen grosse Objektzahl ZEO mit mehreren Frontends
MehrDOAG Regio 2015 APEX 5 Neuerungen Highlights. Marco Patzwahl
DOAG Regio 2015 APEX 5 Neuerungen Highlights Marco Patzwahl MuniQSoft GmbH Tätigkeitsbereiche: Oracle Support Hotline: Mo-Fr 8.00 18.00 Uhr Erweiterung um Rufbereitschaft auch am Wochenende möglich Oracle
MehrWEBDESIGN QUO VADIS TRENDS, CONTAO UND MEHR WEBDESIGN QUO VADIS TRENDS, CONTAO UND MEHR
WEBDESIGN QUO VADIS TRENDS, CONTAO UND MEHR WEBDESIGN QUO VADIS TRENDS, CONTAO UND MEHR 1 / 53 jquery Frameworks UI Pattern lazy load Foundation RWD nginx Responsive images picture element Performance
MehrHinweise für Dienstleister
Hinweise für Dienstleister Author: Michael Ruf Stand: 06.10.2010 Diese Informationen sollen externen Dienstleistern helfen, mit Typo3 einen Internetauftritt auf unserem Server zu erstellen. Das Contentmanagementsystem
MehrNetzwerkworkshop der deutschsprachigen OJS-Dienstleister 3./4. Dezember 2015, Berlin DOKUMENTATION
Netzwerkworkshop der deutschsprachigen OJS-Dienstleister 3./4. Dezember 2015, Berlin DOKUMENTATION DFG-Projekt Nachhaltige OJS-Infrastruktur zur elektronischen Publikation wissenschaftlicher Zeitschriften
MehrJSCMS Dokumentation. (Stand: 27.05.09)
JSCMS Dokumentation (Stand: 27.05.09) Inhalt: CMS Symbole und Funktionen. 2 Verwalten.. ab 3 Seiten Verwalten.. 4 Blöcke Verwalten....6 Templates Verwalten....7 Template Editor...8 Metatags bearbeiten..
MehrMagento Theme-Design. professionelle Themes für Ihren Shop Y%ADDISON-WESLEY. Entwerfen Sie Schritt für Schritt. Richard Carter
Richard Carter Magento Theme-Design Entwerfen Sie Schritt für Schritt professionelle Themes für Ihren Shop Y%ADDISON-WESLEY An imprint of Pearson Education München Boston San Francisco Harlow, England
MehrWHITEPAPER VERSION: 2.0
WHITEPAPER VERSION: 2.0 DATUM: 19.03.2015 Inhaltsverzeichnis Shopware 5 für Händler 3 Shopware 5 für Entwickler 5 Shopware 5 für Designer 7 Shopware 5 auf den Punkt gebracht 9 2 Für Händler Shopware 5
MehrAktuelle Schulhomepage mit Typo3. Marc Thoma, 1
Aktuelle Schulhomepage mit Typo3 Marc Thoma, 1 Kursziele eigene Homepage mit Typo3 realisieren die Pflege der Inhalte weitergeben eigenes Design/Layout erstellen und als Template einbinden Willkommen zu
MehrWas ist DITA und was bringt es? www.ditaworks.com
www.ditaworks.com Wir leben im Informationszeitalter und sind einem exponentiellen Anstieg neuer Daten und Informationen ausgesetzt. Nach neusten Studien können wir davon ausgehen, dass 90% aller verfügbaren
MehrLiferay 6.2. Open Source IT-Dienstleister. Ein modernes Open Source Portal System. forwerts solutions GmbH, Gabriele Maas
Liferay 6.2 Ein modernes Open Source Portal System forwerts solutions GmbH, Gabriele Maas Open Source IT-Dienstleister Liferay 6.2 Was ist neu? Liferay 6.2 Startseite Folie: 3 forwerts solutions GmbH 9.
MehrJavaScript: Von einfachen Scripten zu komplexen Anwendungen. MMT 28 3. Dezember 2011
JavaScript: Von einfachen Scripten zu komplexen Anwendungen MMT 28 3. Dezember 2011 Guten Tag Mathias Schäfer (molily) molily.de Software-Entwickler bei 9elements.com Spezialgebiet JavaScript Worum geht
MehrDesign anpassen eine kurze Einführung
Design anpassen eine kurze Einführung Das gesamte Layout von Papoo basiert auf modernen CSS Layouts die vollständig ohne Layout Tabellen funktionieren. Um schnell vorhandene Designs anpassen zu können
MehrInternetpartner der Wirtschaft. Shop-Systeme ein Überblick
Vitamine für Ihr Business Unser Thema heute: Shop-Systeme ein Überblick Der Vorfilm... Was wir für unsere Kunden tun... tun wir seit 1996. Wir betreiben Ihre Services. DC Berlin 1 DC Berlin 2 auf eigener
MehrWir suchen Dich! Wir sind ständig am wachsen und auf der Suche nach wissens- und erfahrungshungrigen jungen und innovativen Mitarbeitern.
Wir suchen Dich! Wir sind ständig am wachsen und auf der Suche nach wissens- und erfahrungshungrigen jungen und innovativen Mitarbeitern. Praktikum Wir suchen ab sofort engagierte Mitarbeiter, die uns
MehrWeb Dynpro / FloorPlanManager / NWBC
Web Dynpro / FloorPlanManager / NWBC Bernd Zehentner TECHNISCHE SAP BERATUNG bze@snapconsult.com snapconsult.com Norbert Prager TECHNISCHE SAP BERATUNG npr@snapconsult.com snapconsult.com 16.06.2014 SNAP
MehrDAS UNGESCHMINKTE PROTOKOLL
DAS UNGESCHMINKTE Case Study tutto PROTOKOLL bene: ANDRONACO A G E N D A WIR ANALYSE & POTENZIALE KONZEPT & DESIGN TECHNISCHE UMSETZUNG REFERENT Name: Mirko Semmler Alter: 33 Position: Projektmanager E-Commerce
MehrWEBAPPS MEDIEN ZWISCHEN TECHNOLOGIE UND GESELLSCHAFT PROF. DR. MANFRED THALLER JONAS SCHOPHAUS UNI KÖLN WS 2012
WEBAPPS MEDIEN ZWISCHEN TECHNOLOGIE UND GESELLSCHAFT PROF. DR. MANFRED THALLER JONAS SCHOPHAUS UNI KÖLN WS 2012 AGENDA 1. Native versus webbasierte Apps 2. HTML5 & CSS3 1. Media Queries 2. Geolocation
MehrWie man als Redakteur Effektiv arbeitet. Einführung in TYPO3
Wie man als Redakteur Effektiv arbeitet. Einführung in TYPO3 Inhalt Wieso ein CMS? - Was macht ein CMS? Wieso TYPO3? Workflow für Redakteure Das Frontend Bearbeiten von Inhalten Aufgaben Wieso ein CMS?
MehrPartnertag 2014 Visionen und Trends Die Contrexx Roadmap
Visionen und Trends Die Contrexx Roadmap Ivan Schmid Inhalt 1. Rückblick 2013 o Lessons learned o Massnahmen 2. Ausblick o Gartner Trends 2014-2016 o Die Rolle von Contrexx 3. Contrexx Roadmap Rückblick
MehrWeb 3.0? Trends & Techniken in modernen Web-Applikationen. Kai Donato MT AG Ratingen
Schlüsselworte Web 3.0? Trends & Techniken in modernen Web-Applikationen Kai Donato MT AG Ratingen HTML5, CSS3, SASS, LESS, Skeumorph, Flat Design, NodeJS, NPM, BOWER, SSL, HTTP/2 Einleitung Die Entwicklung
MehrFensterHai. - Integration von eigenen Modulen -
FensterHai - Integration von eigenen Modulen - Autor: Erik Adameit Email: erik.adameit@i-tribe.de Datum: 09.04.2015 1 Inhalt 1. Übersicht... 3 2. Integration des Sourcecodes des Moduls... 3 2.1 Einschränkungen...
MehrModerne Web-Anwendungen mit Vaadin
Moderne Web-Anwendungen mit Vaadin Sebastian.Rothbucher@akquinet.de September 2013 Web-Anwendungen mit Vaadin???
MehrFraunhofer ITWM Typo3 Schulung für Webbeauftragte
Fraunhofer ITWM Typo3 Schulung für Webbeauftragte Die typo3 Schulung besteht aus zwei Blöcken: Einer Präsentation und einem Übungsteil. Während der Präsentation lernen Sie Anhand von konkreten Beispielen
MehrSilverstripe CMS und das Sapphire Framework
Silverstripe CMS und das Sapphire Framework kurz über mich... Seit 2002 mit PHP Typo3, Wordpress, Radiant (RoR) reingeschaut: Symfony, Zend Seit 2009 Webentwicklung mit SilverStripe Geschichte von SilverStripe
MehrErweiterungen Gantry Framework -
Gantry Framework Gantry Framework ist eine Art Tabelle (Grid), in der man in den Zellen die jeweiligen Beiträge und sonstigen Bereiche positionieren kann. Gantry Framework downloaden Über Google nach Gantry
MehrBest Practice für die Erstellung von Dashboards mit Web Intelligence A1. Uetliberg, 15.09.2015 www.boak.ch
Best Practice für die Erstellung von Dashboards mit Web Intelligence A1 Uetliberg, 15.09.2015 www.boak.ch AGENDA Einblick in IBCS (International Business Communication Standards) Erfassen der echten Anforderungen
MehrXpert.ivy Developer Day 2014. User Dialog Features. Autoren: Peter Stöckli & Flavio Sadeghi Datum: 14. Mai 2014
Xpert.ivy Developer Day 2014 User Dialog Features Autoren: Peter Stöckli & Flavio Sadeghi Datum: 14. Mai 2014 1 Inhalt Übersicht New User Dialog Wizard Form Fields CMS & Html Dialog Layouts JSF 2.2 / Primefaces
MehrResponsive Web Design Workflow
TYPO3 User Group München Responsive Web Design Workflow von Felix Kirmaier Über mich Felix Kirmaier Frontendentwickler aus München TYPO3 Integrator RWD Hardliner @felixk76 https://www.xing.com/profile/
MehrComposer für Contao Entwickler
für Contao Entwickler Christian Schiffler Contao Konferenz 2014 16. Mai 2014 1 / 32 C-C-A Power - Xtra Wers n das? Christian Xtra Schiffler Seit 2004 selbständig Seit 2008 bei TYPOlight Contao Hauptentwickler
MehrA) Durchsuchen von Datenbanken im Internet durch Endnote
EINLEITUNG/ANWEISUNGEN ZU DIESEM TEXT Wir werden die obere Liste (File/ Edit usw.) benutzen, obwohl die meisten Funktionen auch möglich mit rechtem Mausklick, mit Kombinationen der Tastatur oder mit den
MehrTYPO3 CMS 6.2 LTS. Die neue TYPO3- Version mit Langzeit- Support
Die neue TYPO3- Version mit Langzeit- Support Am 25. März 2014 wurde mit die zweite TYPO3- Version mit Langzeit- Support (Long- Term- Support, kurz: LTS) veröffentlicht. LTS- Versionen werden drei Jahre
MehrDas Open Source CMS. Gregor Walter. gw@madgeniuses.net info@i-working.de
Das Open Source CMS Gregor Walter gw@madgeniuses.net info@i-working.de Übersicht Einführung und Geschichte von TYPO3 TYPO3 Features Für Webdesigner Für Redakteure TYPO3 Live - am Beispiel fiwm.de Seite
MehrThis manual cannot be redistributed without permission from joomla-monster.com or vorlagenstudio.de
This manual cannot be redistributed without permission from joomla-monster.com or vorlagenstudio.de Visit the official website vorlagenstudio.de of this Joomla template and other thematic and high quality
MehrÜber die Autorin 7 Widmung 8 Danksagung 8. Einführung 19
Inhaltsverzeichnis Über die Autorin 7 Widmung 8 Danksagung 8 Einführung 19 Über dieses Buch 19 Törichte Annahmen über den Leser 20 Im Buch verwendete Symbole 21 Wo geht s nun weiter? 21 Teil I Den Grundstein
MehrImmer mehr lebt mobil
Immer mehr lebt mobil mehr als 4.600.000.000 Mobilgeräte breite Verfügbarkeit neuer always-on und Apps Lifestyle 2 Trittsicher auf allen mobilen Pfaden mit HTML5 und jquery Mobile Mike Baird http://flickr.com/photos/mikebaird/482031103/
Mehraaento Kurzporträt p des Autors D o Alle Videos D ' Überblick o Wichtige und D nützliche o Hinweise o zu Magento o Feedback-D Karte D VIDEOM-BRAIN D D
aaento Kurzporträt p des Autors o Alle Videos ' Überblick o Wichtige und nützliche o Hinweise o zu Magento o Su PPort a a Feedback- Karte 0 a c U Joomla! u I»- VIEOM-BRAIN AISON-WESLEY Video-Training»Magento«Alle
MehrSponsert mit Werbekostenzuschüssen Online Auftritte für Kosmetik-Studios
Sponsert mit Werbekostenzuschüssen Online Auftritte für Kosmetik-Studios Ihr professioneller Webauftritt mit Professionell. Individuell. Günstig. Webseiten madeby..pma..: Sie stehen für individuelle, kreative
MehrSchnelle Winkel. Performantere JEE Webapps mit AngularJS
Schnelle Winkel Performantere JEE Webapps mit AngularJS Lernplattform mit sozialer Komponente Portal & CMS JEE-Basis Wir fangen dann schon mal an! Portal? Forum? Social? CMS? Da gibts doch schon was?!
MehrFussball.de JavaScript
Fussball.de JavaScript - larsp_fussballde_js Fussball.de JavaScript Fussball.de JavaScript Extension Key: larsp_fussballde_js Language: de Keywords: Fussball.de Ergebnisse Tabelle Spielplan Bundesliga
MehrTIMERATE AG Tel 044 422 65 15 Falkenstrasse 26 timerate@timerate.ch 8008 Zürich www.timerate.ch. Joomla Templates Kursunterlagen
TIMERATE AG Tel 044 422 65 15 Falkenstrasse 26 timerate@timerate.ch 8008 Zürich www.timerate.ch Joomla Templates Kursunterlagen Ordnerstruktur in Joomla Inhaltsverzeichnis Ordnerstruktur in Joomla... 3
MehrSigrid Born Jari-Hermann Ernst. Content Management mit TYPO3 CMS. Inklusive CD-ROM
Sigrid Born Jari-Hermann Ernst Content Management mit TYPO3 CMS Inklusive CD-ROM Vorwort 11 Willkommen bei TYPO3 CMS für Kids! 11 Warum TYPO3 CMS? 12 Wie dieses Buch aufgebaut ist 14 Brauchst du Voraussetzungen?
MehrSoftwaretechnik. Prof. Dr. Rainer Koschke. Fachbereich Mathematik und Informatik Arbeitsgruppe Softwaretechnik Universität Bremen
Softwaretechnik Prof. Dr. Rainer Koschke Fachbereich Mathematik und Informatik Arbeitsgruppe Softwaretechnik Universität Bremen Wintersemester 2010/11 Überblick I Software-Produktlinien Software-Produktlinien:
MehrIcinga Web 2 kann mehr
Nürnberg 20. November - Netways Icinga Web 2 kann mehr WWW.ICINGA.ORG ÜBERSICHT Ein paar Prototypen, ein paar Slides Kleine Details über den Aufbau von Icinga Web 2 Modulen Kurze Live-Demo WARNUNG Das
MehrHowTo: Konfigurieren von Caching in SharePoint 2007
Eines haben alle SharePoint Seiten gemeinsam, die meisten ihrer Daten sind in einer SQL Datenbank gespeichert. Das Wenige was nicht in der einer SQL Datenbank gespeichert ist, sind die JavaScript Files,
Mehr3. Verzeichnisstruktur / wichtige Dateien
Websiteentwicklung auf Basis vontypo3 Unterlagen zur Vorlesung WS 14/15-2- 1. Voraussetzungen / TYPO3 Pakete 2. TYPO3 Architektur 3. Verzeichnisstruktur / wichtige Dateien 4. Install Tool 5. Tools & Links
MehrSigrid Born Jari-Hermann Ernst. Content Management mit TYPO3 CMS. Inklusive CD-ROM
Sigrid Born Jari-Hermann Ernst Content Management mit TYPO3 CMS Inklusive CD-ROM 370 A Administrator 59, 60 advanced editor Siehe Redakteur automaketemplate 217 Auto-parser 218 - und -bereich
MehrAufbau einer HTML Seite:
1 Aufbau einer HTML Seite: Grundstruktur: Head Bereich: "nicht sichtbar" Er enthält grundlegende Informationen wie: Title, Charset, Ansichtsgröße,
MehrCode-Organisation in JavaScript
Code-Organisation in JavaScript Webworker-Stammtisch NRW 10. Januar 2013 Frederic Hemberger Codekapselung What happens in Vegas, stays in Vegas. Warum sollte man Code kapseln? Wir haben immer mehr Scripte
MehrIT Engineering Continuous Delivery. Development Tool Chain Virtualisierung, Packer, Vagrant und Puppet. Alexander Pacnik Karlsruhe, 20.05.
IT Engineering Continuous Delivery Development Tool Chain Virtualisierung, Packer, Vagrant und Puppet Alexander Pacnik Karlsruhe, 20.05.2014 Einleitung... worum es in diesem Vortrag geht Ziele Continuous
MehrDAS EINSTEIGERSEMINAR
DAS EINSTEIGERSEMINAR Drupal 7 Thorsten P. Luhm LERNEN ÜBEN ANWENDEN Inhaltsverzeichnis Vorwort.................................. 11 Der Autor........................................ 14 Zielgruppe........................................
Mehr