Anhand von Beispielen aus der Praxis wird die Arbeit in Contao gezeigt. Zudem soll die Möglichkeit gegeben werden, sich über verschiedene Ansätze auszutauschen. Welche Methoden führen am besten, effizientesten zum Ziel?
In Teil 2 der Präsentation "Responsive Contao" stellen Peter Müller und Thomas Weitzel das "Contao Responsive Grid" vor.
In Teil 1 ging es um den Responsive Layout Builder, den Holy Grail und mobile Seitenlayouts.
In Teil 1 der Präsentation "Responsive Contao" stellen Peter Müller und Thomas Weitzel den Layout-Builder (mit Holy Grail) und die mobilen Seitenlayouts vor.
In Teil 2 folgt das Contao Responsive Grid. Im Workshop wurde Contao in der Version 3.0.6 verwendet.
Mit CSS3 werden heute schon viele Möglichkeiten geboten, ein ansprechendes Webdesign zu realisieren. Die Präsentation geht über CSS3 und wie man es einsetzt.
Praxisbeispiele gibt es auf http://ck2011.think-contao.de/
Developing UXD - weitere Tipps, Tricks und ArgumenteDeveloping UXD
Shortcuts und Tricks für Sublime, HTML, Bootstrap und holder.js (Platzhalterbilder). Dazu Argumente, die für einen neuen Workflow für Agenturen sprechen.
Webseiten sind keine Gesamtkunstwerke, sondern Zusammenstellungen einzelner Module. Dieser Vortrag von der Jax 2013 ergründet, wie man vorgeht, um sinnvolle und pflegbare M;odule zu erschaffen. Dabei wird vor allem Wert auf das CSS gelegt. Das CSS wird dank Sass ebenso modular, wie das HTML.
Anhand von Beispielen aus der Praxis wird die Arbeit in Contao gezeigt. Zudem soll die Möglichkeit gegeben werden, sich über verschiedene Ansätze auszutauschen. Welche Methoden führen am besten, effizientesten zum Ziel?
In Teil 2 der Präsentation "Responsive Contao" stellen Peter Müller und Thomas Weitzel das "Contao Responsive Grid" vor.
In Teil 1 ging es um den Responsive Layout Builder, den Holy Grail und mobile Seitenlayouts.
In Teil 1 der Präsentation "Responsive Contao" stellen Peter Müller und Thomas Weitzel den Layout-Builder (mit Holy Grail) und die mobilen Seitenlayouts vor.
In Teil 2 folgt das Contao Responsive Grid. Im Workshop wurde Contao in der Version 3.0.6 verwendet.
Mit CSS3 werden heute schon viele Möglichkeiten geboten, ein ansprechendes Webdesign zu realisieren. Die Präsentation geht über CSS3 und wie man es einsetzt.
Praxisbeispiele gibt es auf http://ck2011.think-contao.de/
Developing UXD - weitere Tipps, Tricks und ArgumenteDeveloping UXD
Shortcuts und Tricks für Sublime, HTML, Bootstrap und holder.js (Platzhalterbilder). Dazu Argumente, die für einen neuen Workflow für Agenturen sprechen.
Webseiten sind keine Gesamtkunstwerke, sondern Zusammenstellungen einzelner Module. Dieser Vortrag von der Jax 2013 ergründet, wie man vorgeht, um sinnvolle und pflegbare M;odule zu erschaffen. Dabei wird vor allem Wert auf das CSS gelegt. Das CSS wird dank Sass ebenso modular, wie das HTML.
Samba es una implementación libre del protocolo de archivos compartidos de Microsoft Windows (antiguamente llamado SMB, renombrado recientemente a CIFS) para sistemas de tipo UNIX. De esta forma, es posible que ordenadores con GNU/Linux, Mac OS X o Unix en general se vean como servidores o actúen como clientes en redes de Windows. Samba también permite validar usuarios haciendo de Controlador Principal de Dominio (PDC), como miembro de dominio e incluso como un dominio Active Directory para redes basadas en Windows; aparte de ser capaz de servir colas de impresión, directorios compartidos y autentificar con su propio archivo de usuarios.
Teamwork via Web hieß unser gemeinsame Session mit den Jungs von Workity. Wir haben uns dabei auf die sozialen Auswirkungen im Team konzentriert. So gut das eben in 5-10min geht.
Mein Vortrag bei der DMX 2012 zu Erfolgsfaktoren im Mobile Marketing. Das Wichtigste aus meiner Sicht ist die eindeutige Zieldefinition. Und da gibt es nur 2 grundlegende: 1. Ertrag steigern oder 2. Kosten senken
Firma DUPLICON Referenzprojekte [Webdesign, Multimedia und Trickfilm]DUPLICON
Webdesign, Multimedia & Trickfilm Dienstleister
Die Firma DUPLICON ist ein Webdesign, Multimedia und Trickfilm Dienstleister. Wir entwickeln und produzieren digitale Anwendungen. Kernkompetenz ist die Vermittlung kultureller und kunsthistorischer Inhalte.
Von den Entwicklungen der 4. industriellen Revolution - Industrie 4.0 - geprägt, steht in den letzten Jahren auch die Führungswelt unter dem Druck, sich weiterzuentwickeln. Agile Führung, heißt es daher in vielen Fachmedien, wird die neue Art zu führen.
Was das ist und welche Erkenntnisse für Führungskräfte von Bedeutung sind, haben wir in dieser Slide auf den Punkt gebracht.
Du wolltest immer schon einmal dein eigenes WordPress Theme aufbauen und möchtest zahlreiche neue Kenntnisse für die Gutenberg Theme Entwicklung gewinnen? In diesem Workshop lernst du von der Pike aus, welche technischen Aspekte berücksichtigen solltest und wie du den WordPress Editor „Gutenberg“ für dein Theme perfekt optimierst. Dabei lernst du auch das WordPress Template System kennen und erfährst, wie du WordPress nach deinen Wünschen anpassen kannst.
Samba es una implementación libre del protocolo de archivos compartidos de Microsoft Windows (antiguamente llamado SMB, renombrado recientemente a CIFS) para sistemas de tipo UNIX. De esta forma, es posible que ordenadores con GNU/Linux, Mac OS X o Unix en general se vean como servidores o actúen como clientes en redes de Windows. Samba también permite validar usuarios haciendo de Controlador Principal de Dominio (PDC), como miembro de dominio e incluso como un dominio Active Directory para redes basadas en Windows; aparte de ser capaz de servir colas de impresión, directorios compartidos y autentificar con su propio archivo de usuarios.
Teamwork via Web hieß unser gemeinsame Session mit den Jungs von Workity. Wir haben uns dabei auf die sozialen Auswirkungen im Team konzentriert. So gut das eben in 5-10min geht.
Mein Vortrag bei der DMX 2012 zu Erfolgsfaktoren im Mobile Marketing. Das Wichtigste aus meiner Sicht ist die eindeutige Zieldefinition. Und da gibt es nur 2 grundlegende: 1. Ertrag steigern oder 2. Kosten senken
Firma DUPLICON Referenzprojekte [Webdesign, Multimedia und Trickfilm]DUPLICON
Webdesign, Multimedia & Trickfilm Dienstleister
Die Firma DUPLICON ist ein Webdesign, Multimedia und Trickfilm Dienstleister. Wir entwickeln und produzieren digitale Anwendungen. Kernkompetenz ist die Vermittlung kultureller und kunsthistorischer Inhalte.
Von den Entwicklungen der 4. industriellen Revolution - Industrie 4.0 - geprägt, steht in den letzten Jahren auch die Führungswelt unter dem Druck, sich weiterzuentwickeln. Agile Führung, heißt es daher in vielen Fachmedien, wird die neue Art zu führen.
Was das ist und welche Erkenntnisse für Führungskräfte von Bedeutung sind, haben wir in dieser Slide auf den Punkt gebracht.
Du wolltest immer schon einmal dein eigenes WordPress Theme aufbauen und möchtest zahlreiche neue Kenntnisse für die Gutenberg Theme Entwicklung gewinnen? In diesem Workshop lernst du von der Pike aus, welche technischen Aspekte berücksichtigen solltest und wie du den WordPress Editor „Gutenberg“ für dein Theme perfekt optimierst. Dabei lernst du auch das WordPress Template System kennen und erfährst, wie du WordPress nach deinen Wünschen anpassen kannst.
Das dante cms wird seit 1999 vom Saarbrücker Softwarehersteller und IT-Dienstleister a3 systems GmbH als Standardprodukt entwickelt. Bis heute sind ca. 40 Personenjahre Entwicklung in die kontinuierliche Fortentwicklung des Produkts eingeflossen.
Alle Neuerungen der am 29.09.2015 veröffentlichten Version TYPO3 CMS 7.5 auf über 65 Slides. Viel Spaß damit!
Alle weiteren Neuerungen gibt es auf: http://www.lobacher.de
Im Sommer/Spätsommer 2014 dürfte Drupal 8 erscheinen. Aktuell befindet sich das System noch in einer Alpha-9-Version, aber ein erster Blick verspricht schon viele nützliche neue Funktionen.
SharePoint Gotcha - 10 Besonderheiten, die man als SharePoint Anwender kennen...busitec GmbH
SharePoint Gotchas sind Besonderheiten, Stolperfallen, Grenzen oder mögliche Ausweitungen beim SharePoint Einsatz, auf die man vor oder nach der Implementierung von Anforderungen stoßen kann. Diese zu kennen, kann sowohl Fehlplanung in der Konzeption vorbeugen, Installationsfehler verhindern als auch aufkommende Fragen im Betrieb aufklären. Oft ist es aber auch einfach nur eine positive Überraschung, die zeigt wie viel Power und verschiedene Funktionsmöglichkeiten tatsächlich hinter dem Produkt stecken.
Folien meiner Session über WYSIWYG-Editoren für Drupal 7 auf dem DrupalCamp Berlin 2011. Möglicherweise gibt es dazu in ein paar Wochen eine Artikelserie auf http://nicolaischwarz.de.
Präsentation zur Vorbereitung auf die Prüfung zum TYPO3 CMS Certified Editor (TCCE) auf dem TYPO3camp RheinRuhr, Kamp-Lintfort, 05.11.2023
Tipps zum Lernen und für die Prüfung, allgemeine Themen (Browser, CMS, TYPO3, Frontend, Backend, SEO, Urheberrecht, Datenschutz, Zugänglichkeit/Barrierefreiheit), wichtige Bereiche und Funktionen im TYPO3-Backend
Michael Sebel zeigt wie man ein Blog – oder ein Blog eines Kunden – mit Shortcodes, Filtern, Actions, Widgets, Themes und Theme Features sowie eigenen Admin-Menüstrukturen, Backends, Page Templates und ein bisschen Ajax individualisieren kann.
Code Beispiele Download:
http://static.blog.blogwerk.com/files/wp-development.zip
In diesem Artikel vergleichen wir die Zwei Content Management Systeme "WordPress" und "TYPO3". Wir möchten damit einen kleinen Einblick geben, was die Systeme genau können. Wir möchten damit die Wahl des richtigen CM-Systems ein wenig vereinfachen.
1. Contao und CSS Möglichkeiten der Einbindung und der effizienten BearbeitungContao und CSS – März 2011Peter Müllerhttp://pmueller.de/
2. Diese Folien bildeten die Grundlage für einen Vortrag, den ich am 15. Mai 2010 auf dem Usertreffen in Essen gehalten habe. Direkt danach hat Leo Feyer die Umbenennung von TYPOlight in Contao bekannt gegeben. Die Folien sind nicht alle selbsterklärend und es fehlen sowohl der Ton als auch die Live-Demos im Backend von Contao. Es fehlt auch der Unterhaltungswert eines lebendigen Vortrages. Wer den Vortrag erlebt hat, dem mögen die Folien zur Erinnerung dienen. Allen anderen geben Sie vielleicht einen kleinen Einblick in die Arbeit mit „Contaound CSS“.
3. Peter Müller IT-Dozent Fachbuchautor Little Boxes 1 Little Boxes 2 Peter Müller Websites erstellen mit Contao536 Seiten • 34,90 EuroISBN 978-3-8362-1651-7Galileo Computing
4. 1. First Contact: Contao und CSS 2. Das Contao CSS-Framework 3. Interne Stylesheets 4. Externe Stylesheets 5. Teamwork: Intern und extern kombinieren 6. Contao und externe CSS-Frameworks 7. Die Matrix: Vier Entscheidungen Inhalt
5. … bietet Ihnen Contao für die Verwaltung Ihrer Stylesheets ein komfortables Backend-Modul … Leo im Handbuch, S. 82
6. Stylesheets – Der erste Eindruck Interner CSS-Editor Der sich den Wolf klickt Stylesheets importieren xBrowser_style_schiet CSS-Dateien im Rootordner Entfernt die Zähne samt Belag
7. Something that really bothers me about the internal CSS editor is: I don't use it at all. What a pity. Thyon im Forum2007-11-29
10. ... bin ich auf das Contao-Framework umgestiegen, da es damit dann doch noch mal eine Ecke schneller geht, eine neue Site aufzusetzen. hschottm im Forum2008-09-01
12. Was ist ein Framework? Ein Framework ist eine Sammlung von Werkzeugen, Bibliotheken, Konventionen und bewährten Praktiken, die regelmäßig anfallende Aufgaben in allgemeine, wiederverwendbare Module zu abstrahieren versucht. Jeff Croft im Juni 2007http://alistapart.com/articles/frameworksfordesigners CSS-Frameworks sind Waschmaschinen für Browserbugs.
13. Das Contao CSS-Framework: Technik Der Kern Seitentemplate fe_page.tpl $this->framework $this->stylesheets $this->head if($this->header|left|right|footer) : endif Stylesheet system/contao.css Stylesheet system/iefixes.css Die Erweiterung basic.css gridpx.css oder gridpc.css
17. Das Backend-Modul Stylesheets Verwaltet interne Stylesheets speichert Stylesheets in der Datenbank ohne Datei-Endung *.css Generiert CSS-Dateien automatisch im Hauptordner („Root“) komprimiert, ohne Kommentare Einbahnstraße Backend-ModulStylesheets Datenbank CSS-Datei im Root
18. Der interne CSS-Editor CSS per HTML-Formular Gut geeignet für ungeübte CSS-Schreiber Maus und Tastatur kombinieren Praktisch Wiederherstellen vorheriger Versionen Textarea „Eigener Code“ Styles ausblenden per „Augen-Klick“ Einige Einschränkungen padding und margin: nur eine Einheit für alle Seiten border: nur eine Farbe für alle Seiten background-position: keine Werte möglich
19. Backend-Modul Stylesheets • CSS-Import CSS-Dateien importieren Externe CSS-Dateien => interne Stylesheets Müssen unterhalb von tl_files liegen Dateien werden zu Datensätzen basic.css wird zu basic Einige Einschränkungen Farbnamenwhite => #white Keywords font-size: small geht nicht => 81.25% oder 13px Kurzschreibweisen border: 1px solid #f00 geht, alles andere nicht
20. Interne Stylesheets bearbeiten: Suchen und Filtern Selektoren suchen Feld Suchen • Selektor zeigt nur Styles mit diesem Selektor Anzeige der Anzahl rechts oben beachten Kommentare Damit ich auch morgen noch weiß, was ich mir heute dabei gedacht habe. Kategorien erstellen Feld Filtern Bezeichnungen selbst ausdenken Beispiel: „Layout“, „Navigation“, „Formulare“ etc. zeigt nur Styles mit dieser Kategorie zuweisen mit Mehrere bearbeiten nützlich
21. Die Erweiterung [csseditor] Interne Stylesheets bearbeiten im Quelltext, speichert in die Datenbank kompatibel mit internem CSS-Editor Nach der Installation System • Einstellungen • CSS Editor settings Backend-Modul Stylesheets • Neues Symbol Einige Einschränkungen Reihenfolge der Deklarationen im Style wird geändert padding und margin: gemischte Einheiten problematisch doppelte Deklarationen werden manchmal entfernt ausgeblendete Styles werden nach Speichern entfernt
22. Integration mit Backend-Modul Seitenlayout Interne Stylesheets a a a a 1. Kopf- und Fußzeile 2. Spaltenkonfiguration 3. Stylesheets einbinden 4. Statisches Layout
23. Ich kann mich einfach nicht an den internen CSS-Editor gewöhnen, auch nicht mit der Extension [csseditor]. Juke im Forum2009-12-14
25. Externe Stylesheets: CSS außerhalb der Datenbank Definition CSS-Dateien mit der Endung *.css unterhalb von tl_files gespeichert Backend-Modul Stylesheets ist arbeitslos Bearbeitung Nicht mit dem internen Editor oder [csseditor] Beliebiger externer Editor lokal bearbeiten und per FTP hochladen im Editor per FTP direkt auf dem Webspace Backend-Modul System • Dateiverwaltung
26. Externe Stylesheets verwalten und einbinden Verwaltung vereinfachen Zentrales Stylesheet erstellen: tl_filesayoutentrale.css CSS-Dateien per @import in zentrale.css einbinden Medientyp in CSS-Dateien per @media Im Seitenlayout einbinden Backend-Modul Seitenlayout • Zusätzliche Head-Tags via $this->head direkt im Seitentemplate fe_page.tpl CSS-Framework kann genutzt werden
27. Integration mit Backend-Modul Seitenlayout Externe Stylesheets a a a a 1. Kopf- und Fußzeile 2. Spaltenkonfiguration 3. Stylesheets einbinden 1 x 4. Statisches Layout 1 Die Erweiterung [stylesheets_external] ermöglicht das Einbinden von Stylesheets im Backend-Modul Seitenlayouts. Womit auch Punkt 3 im grünen Bereich wäre.
29. Interne und externe Stylesheets Nacheinander Mit externen Stylesheets entwickeln Vor dem Launch importieren Nach dem Launch intern pflegen Als Ergänzung Externe Stylesheets als Basis Zusätzliche interne Stylesheets Kunden können so einfache Änderungen machen Stylesheet tinymce.css für den TinyMCE Reihenfolge bei der Einbindung interne Stylesheets nach externen
30. Interne Stylesheets extern bearbeiten: Mischmasch Bearbeitung der CSS-Dateien im Root mit externem Editor mit Firebug oder Edit CSS von der Web Developer Toolbar Problem Einbahnstraße CSS-Dateien von Root in tl_files kopieren und importieren Styles via Zwischenablage in [csseditor] kopieren Nachteil Keine Kommentare im CSS Keine Kategorien in internen Stylesheets
32. Externe CSS-Frameworks Beispiele YAML CSS-Framework 960 Grid System Blueprint Gründe Gewohnte Umgebung Implementierungen auch für andere CMSysteme Mehr Features bei z. B. flexiblen Layouts und Formularen Voraussetzungen Angepasstes Seitentemplate statt fe_page.tpl Externe Stylesheets unterhalb von tl_files Einbindung der Stylesheets manuell (ohne $this->framework) Nachteile Backend-Modul Seitenlayout liegt teilweise brach
33. Integration mit Backend-Modul Seitenlayout Externe CSS-Frameworks 1. Kopf- und Fußzeile 2. Spaltenkonfiguration 3. Stylesheets einbinden x x x x 4. Statisches Layout
35. Die Matrix: Vier Entscheidungen Seitentemplate Editor Speicherort CSS-Framework fe_page fe_* intern extern DB/root tl_files Contao anderes a a a a a a a a a a a a a a a a a ─ ─ ─ ─ Interne Stylesheets ─ ─ ─ Interne Stylesheets, extern bearbeiten Externe Stylesheets ─ ─ ─ ─ Externes CSS-Framework ─ ─ ─ ─
36. Vielen Dank für Ihre Aufmerksamkeit. pmueller.dewebsites-erstellen-mit-contao.de Peter Müller Websites erstellen mit Contao536 Seiten • 34,90 EuroISBN 978-3-8362-1651-7Galileo Computing