Datum
23.02.2015
Dieser Beitrag wurde verfasst von:
Immer wieder trifft man bei Internetseiten auf Inline-CSS bzw. JavaScript-Code. Im folgenden Beitrag will ich euch verdeutlichen, warum diese Herangehensweise schlecht ist und nicht für den Entwickler spricht, da Dinge wie Caching, DRY-Prinzip, Wartbarkeit und Media-Queries gänzlich außer Acht gelassen werden.
Was ist überhaupt Inline-Style und JavaScript?
Wie in folgendem Beispiel zu sehen ist, werden Style Information oder JavaScript Funktionen in den HTML-Tag geschrieben.
![Warum ist Inline-CSS und JavaScript-Code so schlecht? Screenshot Style Information und JavaScript Funktionen in einem HTML-Tag](/NOV/Images/Blog/Archiv_Techblog/709/image-thumb__709__TextCombo-image-size-1-1/Warum%20ist%20Inline-CSS%20und%20JavaScript-Code%20so%20schlecht.png)
Was ist eigentlich so schlecht daran?
Wie man oben im Beispiel schon erkennen kann, wird der Code dadurch sehr schnell unübersichtlich, ganz zu schweigen davon, dass weder Style noch Dynamik etwas im HTML zu suchen haben.
HTML dient nur zur Strukturierung von Inhalten wie Texten, Bildern und Links in einem Dokument. Wie die Seite letztendlich aussehen soll, wird in einer CSS-Datei hinterlegt bzw. das Verhalten (Dynamic, Validierung, usw.) in einer JavaScript-Datei.
Caching
Auch wenn die Geschwindigkeit der Internetleitungen immer schneller wird, ist Caching ein Thema, das man auf keinen Fall außer Acht lassen sollte. Gerade im Mobilen-Bereich ist es extrem wichtig, dass Internetauftritte schnell geladen werden. Wenn dann beim ersten Aufruf einer Seite CSS- und JS-Dateien in den Cache wandern, müssen diese beim nächsten Klick oder Besuch nicht mehr geladen werden. Dies steigert dann natürlich die Performance einer Seite deutlich.
DRY-Prinzip
Don’t repeat yourself ist ein Prinzip, welches besagt, dass Redundanz zu vermeiden oder zu reduzieren ist. Gerade bei Inline-CSS wird dieser Punkt der Redundanz gänzlich ignoriert, da jeder Style und jede Funktion immer und immer wieder in die einzelnen Elemente geschrieben werden müssen.
Wartbarkeit
Kommt es zu Änderungswünschen, wird es je nach Größe der Internetseite ziemlich aufwendig dies anzupassen. Hat man zum Beispiel jedem Link den Inline-Style „color: “red”; font-weight: “bold”;” gegeben und möchte nur die Color auf „green” ändern, ist man für eine sehr kleine Anpassung, die eigentlich nur in einer einzigen CSS-Datei gemacht werden müsste, einige Zeit beschäftigt.
Media-Queries
Jedem dürfte der Begriff „Media-Queries” hoffentlich bekannt sein, vor allem in Zeiten von Web 2.0. So kann man zum Beispiel mit der folgenden Codezeile über das Attribut “media” mit dem Value “print” angeben, dass eine seperate CSS-Datei für den Druck des Dokuments eingebunden wird.
< link href = "/print.css" rel = "stylesheet" media = "print" type = "text/css" /> |
Eine weitere Möglichkeit ist es, verschiedene Elemente bei verschiedenen Auflösungen anders zu formatieren.
@media only screen and ( max-width : 500px ) { |
.content{ |
width : 100% ; |
} |
} |
Diese Möglichkeiten stehen mit Inline Styles nicht zur Verfügung und somit kann nicht auf spezielle Auflösungen(Handy, Tablet, Drucker usw.) reagiert werden.
Fazit
Allein rein aus Sicht der Wartbarkeit und Performance ist es ratsam, Code klar und strukturiert zu schreiben, sowie JavaScript in eine JS-Datei und die Styles in eine CSS-Datei auszulagern. Für das Styling sollten CSS-Klassen und in JavaScript Event-Handler verwendet werden. Wir bei novaCapta schreiben unser CSS in LESS (http://www.lesscss.de), welches eine dynamische Stylesheet Sprache ist, die noch um einiges strukturierter und mächtiger ist. So können zum Beispiel Variablen für Farben, Schriftgrößen und Maße in einer separaten Datei hinterlegt werden, was den Wartungsaufwand immens reduziert, da alles nur noch an einer Stelle im Code geändert werden muss. Ebenfalls kann man Mixins (Funktionen) definieren, die an verschiedenen Stellen eingebunden werden können ohne jedes mal alles neu schreiben zu müssen.
.background-gradient (@color 1 , @stop 1 , @color 2 , @stop 2 ) { |
background : -moz-linear-gradient( top , @color 1 @stop 1 , @color 2 @stop 2 ); |
background : -webkit-gradient(linear, left top , left bottom , color-stop(@stop 1 , @color 1 ), |
color-stop(@stop 2 , @color 2 )); |
background : -webkit-linear-gradient( top , @color 1 @stop 1 ,@color 2 @stop 2 ); |
background : -o-linear-gradient( top , @color 1 @stop 1 , @color 2 @stop 2 ); |
background : -ms-linear-gradient( top , @color 1 @stop 1 , @color 2 @stop 2 ); |
background : linear-gradient(to bottom , @color 1 @stop 1 , @color 2 @stop 2 ); |
filter: progid:DXImageTransform.Microsoft.gradient(GradientType= 0 ,startColorstr=@color 1 , |
endColorstr=@color 2 ); |
} |
.main-navigation { |
.background-gradient( #fff , 5px , #999 , 18px ); |
} |
Erfahren Sie mehr
![novaCapta: Ihr Partner für die digitale Transformation mit Microsoft Technologien](/NOV/Images/Shooting%20B%C3%BCro%20Hannover%20April%202024/31430/image-thumb__31430__MediumTileGrid-item-main-s1-3/DSC00251-zuschnitt.jpg)
Braucht man wirklich jQuery?
![Hands of man using online virtual app on mobile phone. Millennial guy chatting on smartphone, using banking services, reading text message, typing, shopping, making call, browsing internet. Close up](/NOV/Images/Blog/Fallback_Titelbilder/1292/image-thumb__1292__MediumTileGrid-item-main-s1-3/man-using-mobile-phone_Adobe-453628768.jpg)
Handlebars.js – Semantische Template Library
![Bei Application Development bzw. Anwendungsentwicklung wird eine neue Anwendung konzipiert Navigationsbilc zu Application Development](/TTA/Kompetenzen/Application%20Development/17540/image-thumb__17540__MediumTileGrid-item-main-s1-3/Nav-Application-Development.jpg)
Application Development für Individualsoftware
![Hands of man using online virtual app on mobile phone. Millennial guy chatting on smartphone, using banking services, reading text message, typing, shopping, making call, browsing internet. Close up](/NOV/Images/Blog/Fallback_Titelbilder/1292/image-thumb__1292__MediumTileGrid-item-main-s1-3/man-using-mobile-phone_Adobe-453628768.jpg)
Multi Factor Authentication (Azure und SharePoint)
![Online survey filling out and digital form checklist by laptop computer, Document Management Checking System, online documentation database and process manage files Online survey filling out and digital form checklist by laptop computer, Document Management Checking System, online documentation database and process manage files](/NOV/Referenzen/Siemens/1520/image-thumb__1520__MediumTileGrid-item-main-s1-3/Prozessoptimierung_Formularl%C3%B6sung.jpg)
Mit End-to-End Testing zur einwandfreien Webanwendung
![](/TTA/Blog/Web%20Development%20Blog/04_Deno/11071/image-thumb__11071__MediumTileGrid-item-main-s1-3/Header_Deno.jpg)
Deno – Das müsst ihr über die Laufzeitumgebung wissen
![novaCapta: Ihr Partner für die digitale Transformation mit Microsoft Technologien](/NOV/Images/Shooting%20B%C3%BCro%20Hannover%20April%202024/31430/image-thumb__31430__MediumTileGrid-item-main-s1-3/DSC00251-zuschnitt.jpg)
Spaltenformatierung in SharePoint: Column formatting vs. JS
![Hands of man using online virtual app on mobile phone. Millennial guy chatting on smartphone, using banking services, reading text message, typing, shopping, making call, browsing internet. Close up](/NOV/Images/Blog/Fallback_Titelbilder/1292/image-thumb__1292__MediumTileGrid-item-main-s1-3/man-using-mobile-phone_Adobe-453628768.jpg)
Teams Extensions – Erstellen von Erweiterungen für Teams
![Zwei Frauen schauen gemeinsam auf einen Bildschirm](/NOV/Images/Blog/Fallback_Titelbilder/1290/image-thumb__1290__MediumTileGrid-item-main-s1-3/TeamworkB%C3%BCro.jpg)
Tipps und Tricks mit Entity Framework
![Abheben in die Cloud Close up of female hands while typing on laptop](/NOV/Images/Blog/Fallback_Titelbilder/392/image-thumb__392__MediumTileGrid-item-main-s1-3/FliegerCloud.jpg)
Grundlagen der Gestaltung
![Hands of man using online virtual app on mobile phone. Millennial guy chatting on smartphone, using banking services, reading text message, typing, shopping, making call, browsing internet. Close up](/NOV/Images/Blog/Fallback_Titelbilder/1292/image-thumb__1292__MediumTileGrid-item-main-s1-3/man-using-mobile-phone_Adobe-453628768.jpg)
PDF-Konverter in Power Automate
![Zwei Frauen schauen gemeinsam auf einen Bildschirm](/NOV/Images/Blog/Fallback_Titelbilder/1290/image-thumb__1290__MediumTileGrid-item-main-s1-3/TeamworkB%C3%BCro.jpg)
Umfragen in Teams mit Microsoft Forms
![Hands of man using online virtual app on mobile phone. Millennial guy chatting on smartphone, using banking services, reading text message, typing, shopping, making call, browsing internet. Close up](/NOV/Images/Blog/Fallback_Titelbilder/1292/image-thumb__1292__MediumTileGrid-item-main-s1-3/man-using-mobile-phone_Adobe-453628768.jpg)
Ich bin im Flow! – Eine Übersicht zu Microsoft Flow
![Abheben in die Cloud Close up of female hands while typing on laptop](/NOV/Images/Blog/Fallback_Titelbilder/392/image-thumb__392__MediumTileGrid-item-main-s1-3/FliegerCloud.jpg)
SharePoint Framework Client-Side Webparts mit React
![News der novaCapta](/NOV/Images/Blog/Fallback_Titelbilder/1354/image-thumb__1354__MediumTileGrid-item-main-s1-3/Two-business-men-talking-to-each-other.jpg)
Zentralisiertes Logging – Simpler Logging-Stack mit Graylog
![Blue sky and clouds](/NOV/Images/Blog/Fallback_Titelbilder/1355/image-thumb__1355__MediumTileGrid-item-main-s1-3/BlauerHimmel.jpg)
Angular Route-Guards
![novaCapta: Ihr Partner für die digitale Transformation mit Microsoft Technologien](/NOV/Images/Shooting%20B%C3%BCro%20Hannover%20April%202024/31430/image-thumb__31430__MediumTileGrid-item-main-s1-3/DSC00251-zuschnitt.jpg)
Nutzung der SharePoint REST API mit Microsoft Flow
![Hands of man using online virtual app on mobile phone. Millennial guy chatting on smartphone, using banking services, reading text message, typing, shopping, making call, browsing internet. Close up](/NOV/Images/Blog/Fallback_Titelbilder/1292/image-thumb__1292__MediumTileGrid-item-main-s1-3/man-using-mobile-phone_Adobe-453628768.jpg)
Struktureller Aufbau eines Angular Modules
![novaCapta: Ihr Partner für die digitale Transformation mit Microsoft Technologien](/NOV/Images/Shooting%20B%C3%BCro%20Hannover%20April%202024/31430/image-thumb__31430__MediumTileGrid-item-main-s1-3/DSC00251-zuschnitt.jpg)
Angular 5 Custom Filter in Angular Material Data-Table
![Blue sky and clouds](/NOV/Images/Blog/Fallback_Titelbilder/1288/image-thumb__1288__MediumTileGrid-item-main-s1-3/Frau%20in%20der%20Cloud.jpg)
Grundlagen der Datenmodellierung
![News der novaCapta](/NOV/Images/Blog/Fallback_Titelbilder/1354/image-thumb__1354__MediumTileGrid-item-main-s1-3/Two-business-men-talking-to-each-other.jpg)
Der wiederholte Bereich in Nintex Forms
![Zwei Frauen schauen gemeinsam auf einen Bildschirm](/NOV/Images/Blog/Fallback_Titelbilder/1290/image-thumb__1290__MediumTileGrid-item-main-s1-3/TeamworkB%C3%BCro.jpg)
Xamarin – plattformübergreifende App-Entwicklung
![novaCapta: Ihr Partner für die digitale Transformation mit Microsoft Technologien](/NOV/Images/Shooting%20B%C3%BCro%20Hannover%20April%202024/31430/image-thumb__31430__MediumTileGrid-item-main-s1-3/DSC00251-zuschnitt.jpg)
Migration IBM Lotus Notes zu Microsoft SharePoint
![Blue sky and clouds](/NOV/Images/Blog/Fallback_Titelbilder/1288/image-thumb__1288__MediumTileGrid-item-main-s1-3/Frau%20in%20der%20Cloud.jpg)
Vorgesetzte in Nintex per LDAP-Abfrage ermitteln
![novaCapta: Ihr Partner für die digitale Transformation mit Microsoft Technologien](/NOV/Images/Shooting%20B%C3%BCro%20Hannover%20April%202024/31430/image-thumb__31430__MediumTileGrid-item-main-s1-3/DSC00251-zuschnitt.jpg)
CQRS in ASP.Net MVC mit Entity Framework
![News der novaCapta](/NOV/Images/Blog/Fallback_Titelbilder/1354/image-thumb__1354__MediumTileGrid-item-main-s1-3/Two-business-men-talking-to-each-other.jpg)
Gefilterte Ansicht über Unterschiede in mehreren Spalten
![Hands of man using online virtual app on mobile phone. Millennial guy chatting on smartphone, using banking services, reading text message, typing, shopping, making call, browsing internet. Close up](/NOV/Images/Blog/Fallback_Titelbilder/1292/image-thumb__1292__MediumTileGrid-item-main-s1-3/man-using-mobile-phone_Adobe-453628768.jpg)
Dateizugriffsrechte verwalten mit Microsoft RMS – Teil 4
![Hands of man using online virtual app on mobile phone. Millennial guy chatting on smartphone, using banking services, reading text message, typing, shopping, making call, browsing internet. Close up](/NOV/Images/Blog/Fallback_Titelbilder/1292/image-thumb__1292__MediumTileGrid-item-main-s1-3/man-using-mobile-phone_Adobe-453628768.jpg)
Dateizugriffsrechte verwalten mit Microsoft RMS – Teil 3
![Hands of man using online virtual app on mobile phone. Millennial guy chatting on smartphone, using banking services, reading text message, typing, shopping, making call, browsing internet. Close up](/NOV/Images/Blog/Fallback_Titelbilder/1292/image-thumb__1292__MediumTileGrid-item-main-s1-3/man-using-mobile-phone_Adobe-453628768.jpg)
Dateizugriffsrechte verwalten mit Microsoft RMS – Teil 2
![Hands of man using online virtual app on mobile phone. Millennial guy chatting on smartphone, using banking services, reading text message, typing, shopping, making call, browsing internet. Close up](/NOV/Images/Blog/Fallback_Titelbilder/1292/image-thumb__1292__MediumTileGrid-item-main-s1-3/man-using-mobile-phone_Adobe-453628768.jpg)
Dateizugriffsrechte verwalten mit Microsoft RMS – Teil 1
![Abheben in die Cloud Close up of female hands while typing on laptop](/NOV/Images/Blog/Fallback_Titelbilder/392/image-thumb__392__MediumTileGrid-item-main-s1-3/FliegerCloud.jpg)
Qualitätsmanagement - Dokumentation verwalten mit SharePoint
![Hands of man using online virtual app on mobile phone. Millennial guy chatting on smartphone, using banking services, reading text message, typing, shopping, making call, browsing internet. Close up](/NOV/Images/Blog/Fallback_Titelbilder/1292/image-thumb__1292__MediumTileGrid-item-main-s1-3/man-using-mobile-phone_Adobe-453628768.jpg)
GraphQL – Die Alternative zu REST
![Schreibtisch](/NOV/Images/Blog/Fallback_Titelbilder/1289/image-thumb__1289__MediumTileGrid-item-main-s1-3/Schreibtisch.jpg)
Anhänge nach Datentyp in PowerApps einschränken
![novaCapta: Ihr Partner für die digitale Transformation mit Microsoft Technologien](/NOV/Images/Shooting%20B%C3%BCro%20Hannover%20April%202024/31430/image-thumb__31430__MediumTileGrid-item-main-s1-3/DSC00251-zuschnitt.jpg)
Testen von Angular Anwendungen mit Cypress
![Abheben in die Cloud Close up of female hands while typing on laptop](/NOV/Images/Blog/Fallback_Titelbilder/392/image-thumb__392__MediumTileGrid-item-main-s1-3/FliegerCloud.jpg)
Was ist Application Lifecycle Management (ALM)?
![novaCapta: Ihr Partner für die digitale Transformation mit Microsoft Technologien](/NOV/Images/Shooting%20B%C3%BCro%20Hannover%20April%202024/31430/image-thumb__31430__MediumTileGrid-item-main-s1-3/DSC00251-zuschnitt.jpg)
Fünf Tipps für mehr SharePoint-Adoption in Unternehmen
![Hands of man using online virtual app on mobile phone. Millennial guy chatting on smartphone, using banking services, reading text message, typing, shopping, making call, browsing internet. Close up](/NOV/Images/Blog/Fallback_Titelbilder/1292/image-thumb__1292__MediumTileGrid-item-main-s1-3/man-using-mobile-phone_Adobe-453628768.jpg)
Produktiver lernen mit SharePoint
![Zwei Frauen schauen gemeinsam auf einen Bildschirm](/NOV/Images/Blog/Fallback_Titelbilder/1290/image-thumb__1290__MediumTileGrid-item-main-s1-3/TeamworkB%C3%BCro.jpg)
Fünf Tipps für eine verbesserte Software-Adoption
![novaCapta: Ihr Partner für die digitale Transformation mit Microsoft Technologien](/NOV/Images/Shooting%20B%C3%BCro%20Hannover%20April%202024/31430/image-thumb__31430__MediumTileGrid-item-main-s1-3/DSC00251-zuschnitt.jpg)
Drei Tipps für mehr SharePoint-Begeisterung
![Zwei Frauen schauen gemeinsam auf einen Bildschirm](/NOV/Images/Blog/Fallback_Titelbilder/1290/image-thumb__1290__MediumTileGrid-item-main-s1-3/TeamworkB%C3%BCro.jpg)
Change Management in IT-Projekten
![Blue sky and clouds](/NOV/Images/Blog/Fallback_Titelbilder/1288/image-thumb__1288__MediumTileGrid-item-main-s1-3/Frau%20in%20der%20Cloud.jpg)
Farben zur Optimierung des SharePoint-Kalender
![novaWorxx Provisioning Drei Personen in einer Besprechung an einem Tisch besprechen den Zeitplan auf ihrem Microsoft-Laptop](/NOV/Images/Headerimages/15231/image-thumb__15231__MediumTileGrid-item-main-s1-3/nwxProvisioning_header.jpg)
Die Bedeutung einer Governance
![Blue sky and clouds](/NOV/Images/Blog/Fallback_Titelbilder/1355/image-thumb__1355__MediumTileGrid-item-main-s1-3/BlauerHimmel.jpg)
Hat Ihr Unternehmen einen Informations-Lebenszyklus?
![novaCapta: Ihr Partner für die digitale Transformation mit Microsoft Technologien](/NOV/Images/Shooting%20B%C3%BCro%20Hannover%20April%202024/31430/image-thumb__31430__MediumTileGrid-item-main-s1-3/DSC00251-zuschnitt.jpg)
SharePoint und Informationsarchitektur – worauf kommt es an?
![Zwei Frauen schauen gemeinsam auf einen Bildschirm](/NOV/Images/Blog/Fallback_Titelbilder/1290/image-thumb__1290__MediumTileGrid-item-main-s1-3/TeamworkB%C3%BCro.jpg)
Corporate News – Das zentrale Medium interner Kommunikation
![Qualitätsmanagement Close up shot of female hands typing on laptop](/NOV/Images/Blog/Fallback_Titelbilder/1353/image-thumb__1353__MediumTileGrid-item-main-s1-3/female-hands-typing-on-laptop.jpg)
SharePoint vs. TYPO3 – Sechs Gründe für SharePoint-Intranet
![Hands of man using online virtual app on mobile phone. Millennial guy chatting on smartphone, using banking services, reading text message, typing, shopping, making call, browsing internet. Close up](/NOV/Images/Blog/Fallback_Titelbilder/1292/image-thumb__1292__MediumTileGrid-item-main-s1-3/man-using-mobile-phone_Adobe-453628768.jpg)
Was kann der neue Office 365 Planner – und was kann er nicht
![Eine Angestellte lädt auf ihrem Handy die Microsoft Teams App für digitale Zusammenarbeit herunter.](/NOV/Images/Headerimages/10034/image-thumb__10034__MediumTileGrid-item-main-s1-3/Teams.jpg)
Microsoft Teams: mehr als Videotelefonie und Chat
![Team of programmers working in office](/NOV/Images/Blog/Headerbild/18304/image-thumb__18304__MediumTileGrid-item-main-s1-3/IT-Projekte%20und%20Change%20Management.png)
Was Sie beim nächsten IT-Projekt beachten sollten
![Programmer Woman Coding On Computer](/NOV/Images/Blog/Headerbild/18306/image-thumb__18306__MediumTileGrid-item-main-s1-3/Ohne%20Programmierkenntnisse%20zum%20Entwickler%20werden%20-%20Power%20Platform.png)
Ohne Programmierkenntnisse zum Entwickler werden
![Phishing, mobile phone hacker or cyber scam concept. Password and login pass code in smartphone. Online security threat and fraud. Female scammer with cellphone and laptop. Bank account security.](/NOV/Images/Blog/28758/image-thumb__28758__MediumTileGrid-item-main-s1-3/Blog_Header_Cyber%20Security.jpg)
Die Awareness kommt mit dem ersten Cyberangriff
![Erstellung einer Mitarbeiter-App Erstellung einer Mitarbeiter-App](/NOV/Images/Headerimages/15872/image-thumb__15872__MediumTileGrid-item-main-s1-3/Intranet_Firstline_Worker.jpg)
Wer benötigt ein Intranet?
![novaCapta: Ihr Partner für die digitale Transformation mit Microsoft Technologien](/NOV/Images/Shooting%20B%C3%BCro%20Hannover%20April%202024/31419/image-thumb__31419__MediumTileGrid-item-main-s1-3/DSC00251-klein.jpg)
Siemens AG: SharePoint statt Excel bei komplexen Formularen
![NIS2-Richtlinie zur Stärkung der Cybersicherheit Detailaufnahme eines Fingers, dessen Fingerabdruck zur Identifizierung am Laptop genutzt wird. Daben sieht man ein Sicherheitsschloss.](/NOV/Images/Blog/Headerbild/31361/image-thumb__31361__MediumTileGrid-item-main-s1-3/Header_Blogbeitrag_NIS2.jpg)
NIS2 kommt: So bereiten Sie sich optimal vor
![Führungskräfteleitlinien-Workshop Foto vom Führungskräfteleitlinien-Workshop der novaCapta im Kölner Büro](/NOV/Images/Blog/Employer%20Brading/30194/image-thumb__30194__MediumTileGrid-item-main-s1-3/FK-Leitlinien-Workshop_Koeln_web-klein_2.jpg)
Warum & wie wir Führungsleitlinien entwickelt haben
![Google Cloud Server Google Cloud Speicherplatz Consulting Development Deployment](/CPL/old/Header%20generic%20%28Style%202%29/11225/image-thumb__11225__MediumTileGrid-item-main-s1-3/CPLHeader2-blue-003.jpg)
Webinar: Google Cloud VMware Engine
![Ausschnitt vom Firmenevent 2023 der novaCapta](/NOV/Images/Blog/Headerbild/29961/image-thumb__29961__MediumTileGrid-item-main-s1-3/Firmenevent_Header_Blog_Tanz.jpg)
Warum Firmenevents Teil unserer Unternehmenskultur sind
![](/NOV_CH/Images/Bannerbilder/8095/image-thumb__8095__MediumTileGrid-item-main-s1-3/Blog%20Change%20Management.jpg)
Wieso braucht es Change Management?
![Young man chatting with people from Power Platform Community](/NOV/Images/Blog/Headerbild/23984/image-thumb__23984__MediumTileGrid-item-main-s1-3/Best%20Practices_Power%20Platform%20Community_web.png)
Warum Unternehmen Power Platform Communities fördern sollten
![](/ARS/Blog/20231030_Given-When-Then/30330/image-thumb__30330__MediumTileGrid-item-main-s1-3/20232510-givenwhenthen-und-atdd-eine-win-win-win-situation-1.jpg)
Given/When/Then und ATDD - Eine Win-Win-Win-Situation!?
![](/IPG/Blog/Expertenberichte/2023_Datenschutzgesetz_CH/27621/image-thumb__27621__MediumTileGrid-item-main-s1-3/Teaserbild_nDSG_CH.jpg)
Neues Datenschutzgesetz – Schutz vor Sanktionen dank IAM
![](/TTA/Events/2020-09-17%20Webcast%20IASP-%20Nie%20wieder%20IBM%20Audit/9373/image-thumb__9373__MediumTileGrid-item-main-s1-3/Nie-Wieder-IBM-Audit-Header-1500-x-450.png)
Webcast: IASP – Nie wieder IBM Audit
![](/TTA/Referenzen/VOV/7147/image-thumb__7147__MediumTileGrid-item-main-s1-3/vov_teaser.jpg)
TIMETOACT realisiert integrierte Versicherungs-Software
![](/TTA/Referenzen/Bette%20GmbH%20%26%20Co.%20KG/15048/image-thumb__15048__MediumTileGrid-item-main-s1-3/bette_logo_gr%C3%BCn_digital.png)
TIMETOACT erleichtert die Berichterstellung in IBM Cognos
![](/TTA/Referenzen/Bayer%20CropScience/7112/image-thumb__7112__MediumTileGrid-item-main-s1-3/bayer_teaser.jpg)
Dresscode und eBagTag - Schutzkleidung maßgeschneidert
![](/CPL/old/Header%20generic%20%28Style%202%29/11222/image-thumb__11222__MediumTileGrid-item-main-s1-3/CPLHeader2-blue-002.jpg)
Webinar: Looker Business Intelligence
![Mitarbeiterinnen der novaCapta im Büro in Hannover](/NOV/Images/Aufnahmen%20B%C3%BCro%20Hannover/31040/image-thumb__31040__MediumTileGrid-item-main-s1-3/_MG_4780-klein-Web.jpg)
Das Einmaleins zum Aufbau eines Intranets
![Young business people in office](/NOV/Images/Headerimages/14588/image-thumb__14588__MediumTileGrid-item-main-s1-3/Header_Hubseite%20Collaboration%20und%20Intranet.png)
Ohne Digital Workplace keine digitale Transformation
![Videoserie zur Azure, Teil 1, Azure Cost Management](/NOV/Images/Blog/Headerbild/22293/image-thumb__22293__MediumTileGrid-item-main-s1-3/Videoserie%20Azure%201.jpg)
Azure Video-Serie: Cost Compliance
![Für versicherungsmathematische Berechnungen, Projektionen, die Gewinnprüfung, stochastische Modellierung und das Asset-Liability-Management ist ein modernes Framework unverzichtbar. Was muss es im Spannungsfeld gesetzlicher und unternehmerischer Hürden leisten? Und was muss aktuarielle Software mitbringen, wenn sie den Herausforderungen von heute und morgen gerecht werden will?](/NOV/Images/Blog/Headerbild/22871/image-thumb__22871__MediumTileGrid-item-main-s1-3/novaPredict_Eine%20Frage%20des%20Frameworks.jpg)
Eine Frage des Frameworks
![Videoserie zur Azure, Teil 2, Azure Advisor](/NOV/Images/Blog/Headerbild/22429/image-thumb__22429__MediumTileGrid-item-main-s1-3/Videoserie%20Azure%202.jpg)
Azure Video-Serie: Advisor
![Videoserie zur Azure, Teil 3, Cloud Mythos](/NOV/Images/Blog/Headerbild/22744/image-thumb__22744__MediumTileGrid-item-main-s1-3/Videoserie%20Azure%203.jpg)
Azure Video-Serie: Mythos "Cloud günstiger als On-premises"
![Der Modern Workplace macht es möglich, dass sich die Mitarbeiterin von verschiedenen mobilen Endgeräten mit dem Unternehmensnetzwerk verbinden kann. Zur Grundausstattung gehören Laptop, Diensthandy und ein Headset für Videokonferenzen. Asian business woman work from home with laptop, tablet and computer on table with meeting online and video conferencing.Concept of social distancing to stop the spread disease of Corona virus.](/NOV/Images/Blog/18985/image-thumb__18985__MediumTileGrid-item-main-s1-3/Blogbeitrag_Definition%20Modern%20Workplace_web.jpg)
Wie EEP den Umstieg zur Hybridarbeit erleichtern
![Videoserie zur Azure, Teil 4, Mythos Cloud Provider](/NOV/Images/Blog/Headerbild/23081/image-thumb__23081__MediumTileGrid-item-main-s1-3/Videoserie%20Azure%204.jpg)
Azure Video-Serie: Mythos "Cloud Provider = Management"
![Modern Workplace: Die ersten Schritte zum Arbeitsplatz der Zukunft Creative young woman working on laptop in her studio](/NOV/Images/Blog/Headerbild/24803/image-thumb__24803__MediumTileGrid-item-main-s1-3/BestPractice_Artikel-Modern-Work%20Preview.jpg)
Modern Workplace: Erste Schritte zum modernen Arbeitsplatz
![Wie Microsoft hybrides Arbeiten möglich macht](/NOV/Images/Blog/Headerbild/24877/image-thumb__24877__MediumTileGrid-item-main-s1-3/Modern%20Workplace%20Serie%20Teil%20II.jpg)
Wie Microsoft hybrides Arbeiten möglich macht
![Modern Workplace der Erni Gruppe](/NOV/Images/Blog/Headerbild/24882/image-thumb__24882__MediumTileGrid-item-main-s1-3/Modern%20Workplace%20Serie%20Teil%20III.png)
„Wir wollten unser Teamwork moderner gestalten“
![Anwendungsbeispiel Power Platform Power App Workplace Booking](/NOV/Images/Blog/Headerbild/25292/image-thumb__25292__MediumTileGrid-item-main-s1-3/Header_Workplace_Booking_App_web.png)
Power App für das hybride Büro
![Viva Topics European grey man working with papers and laptop at office](/NOV/Images/Blog/26164/image-thumb__26164__MediumTileGrid-item-main-s1-3/Teaserbild_VivaTopics.jpg)
Wie Viva Topics Wissen zugänglich macht
![Blog Beitrag: Viva Connections Smiling businesswoman reading a text message on her phone while commuting to her office in the city](/NOV/Images/Blog/26012/image-thumb__26012__MediumTileGrid-item-main-s1-3/Viva-Connections.jpg)
Wie Viva Connections das Intranet sozialer macht
![Website design. Developing programming and coding technologies.](/NOV/Images/Blog/26805/image-thumb__26805__MediumTileGrid-item-main-s1-3/Center%20of%20Excellence_Interview.jpg)
Interview zum Power Platform Center of Excellence
![Wie Viva Sales den Vertrieb automatisiert Corporate professional sitting making a phone call](/NOV/Images/Blog/26195/image-thumb__26195__MediumTileGrid-item-main-s1-3/Viva%20Sales_BlogArtikel_Teaserbild.jpg)
Wie Viva Sales den Vertrieb automatisiert
![Wie Viva Goals Ziele erreichbar macht Business team planning new strategy](/NOV/Images/Blog/26243/image-thumb__26243__MediumTileGrid-item-main-s1-3/Viva-Goals.jpg)
Wie Viva Goals Ziele erreichbar macht
![Microsoft Viva Learning Cute university student with curly red hair doing homework sitting at kitchen table with coffee cup and wired earphones next to big window, watching online tutorial on laptop and writing in copybook](/NOV/Images/Blog/27427/image-thumb__27427__MediumTileGrid-item-main-s1-3/Teaserbild_Blogbeitrag_Viva%20Learning.jpg)
Wie Viva Learning Lernen im Arbeitsalltag möglich macht
![ESG environmental social governance policy for modish business to set a standard to achieve high ESG score](/NOV/Images/Blog/Headerbild/27306/image-thumb__27306__MediumTileGrid-item-main-s1-3/Blog_Interview_Nachhaltigkeit.jpg)
IT: Schlüssel zum erfolgreichen Nachhaltigkeitsmanagement?!
![Gerardo Immordino, novaCapta Schweiz AG Portraitbild von Gerardo Immordino](/NOV/Mitarbeiter/28651/image-thumb__28651__MediumTileGrid-item-main-s1-3/Gerardo_Immordino.jpg)
Working @ novaCapta: Gerardos Insights
![Microsoft Viva Insights Portrait of a young Asian businesswoman working on a tablet with a laptop at the thinking office. analyze marketing data online business ideas.](/NOV/Images/Blog/27800/image-thumb__27800__MediumTileGrid-item-main-s1-3/Blogbeitrag_Viva%20Insights_Teaserbild.jpg)
Arbeitsgewohnheiten analysieren mit Viva Insights
![Microsoft Copilot Smile, work and a businessman with a laptop for an email, communication or online coding. Happy, programming and a male programmer typing on a computer for web or software development in an office](/NOV/Images/Blog/28447/image-thumb__28447__MediumTileGrid-item-main-s1-3/Blogbeitrag_Copilot_Teaser.jpg)
Mit Microsoft Copilot in die Zukunft des Arbeitens
![Microsoft Viva Engage business people team meeting in modern office design planning ideas concept](/NOV/Images/Blog/Headerbild/29255/image-thumb__29255__MediumTileGrid-item-main-s1-3/Header_Viva%20Engage_Blog.jpg)
Viva Engage: Unternehmenseigenes Social Network aufbauen
![Krombacher zu Gast bei novaCapta Krombacher zu Gast bei novaCapta](/NOV/Images/Blog/27807/image-thumb__27807__MediumTileGrid-item-main-s1-3/Blogbeitrag_Krombacher_Team.jpg)
Krombacher & novaCapta stoßen weitere Zusammenarbeit an
![Reise in die Cloud mit Microsoft Azure Cloud computing technology concept with white fluffy clouds next to the laptop. Mans hands typing the the keyboard uploading data, on a wooden table.](/NOV/Images/Blog/28334/image-thumb__28334__MediumTileGrid-item-main-s1-3/Blogbeitrag_Reise_in_Cloud_Teaser.jpg)
So gelingt die Reise in die Cloud
![Produkttesting mit Microsoft Power Apps Business professionals using a tablet pc in an office](/NOV/Images/Blog/Headerbild/29559/image-thumb__29559__MediumTileGrid-item-main-s1-3/Header_Blogbeitrag_CS%20adidas.jpg)
Automatisierter Testing Prozess mit Power Apps
![novaCapta Firmenevent 2023 Über 200 novaCapta Mitarbeitende versammeln sich zum Gruppenfoto im Phantasialand](/NOV/Images/Blog/Headerbild/29673/image-thumb__29673__MediumTileGrid-item-main-s1-3/Header_Blogbeitrag_Firmenevent_Recap.jpg)
Spaß & Action: Firmenevent 2023 im Phantasialand
![Cristina Steegmann Cristina Steegmann](/NOV_CH/Landingpages/Adventskalender-Schweiz/24943/image-thumb__24943__MediumTileGrid-item-main-s1-3/02_Cristina_Portrait.jpg)
Working @ novaCapta: Cristinas Insights
![Cyber Security: Interview mit Sebastian Nipp Phone lock code. Smartphone protection with 2fa (two factor authentication). Smartphone protection and security with pin number. Encrypted data. Personal online privacy. Cyber hacker threat.](/NOV/Images/Blog/Headerbild/29891/image-thumb__29891__MediumTileGrid-item-main-s1-3/Header_Blog_Interview%20Sebastian_CSI.jpg)
Interview: Wie Unternehmen Cyber Security herstellen
![Tipps & Tools für eine erfolgreiche interne Kommunikation Happy male business team leader talking to employees at corporate meeting, discussing work project, sharing jokes, laughing. Positive mentor training diverse group of interns, having fun](/NOV/Images/Blog/Headerbild/29797/image-thumb__29797__MediumTileGrid-item-main-s1-3/Headerbild_Blog_Firmenevent_Teil%202.jpg)