eslint best practices frontend-entwicklung automatisierung javascript npm linux code-qualität @typescript-eslint eslint-plugin-react-hooks eslint-plugin-react entwicklungsworkflow git-hooks typescript pre-commit-hook git react code-formatierung react-scripts linting eslint-config-prettier prettier
Warum Linting und Formatierung wichtig sind Linting und Formatierung sind entscheidende Bestandteile eines sauberen und wartbaren Codes. Während Linting hilft, potenzielle Fehler im Code zu identifizieren, stellt die Formatierung sicher, dass der Code konsistent aussieht und leicht lesbar bleibt. In … ... mehr auf 1manfactory.com

vortrag frontend-entwicklung webdesign user interfaces 08/15
Unterhaltsamer SXSW-Talk von Eric Campbell und Golden Krishna: Our relationship with technology survives on old form field mechanisms. While they provide a way for us to tell our tech what to do, they also provide yet another annoying and unnecessary hoop for the consumer to jump through before reaching his destination. Join us for the [... mehr auf eayz.net

08/15 work-life-balance konferenzen nightly build #review ppw frontend-entwicklung konferenz köln event
Am Freitagabend fand hier in Köln die Frontend-/Feierabendkonferenz Nighty Build statt. Für das PPW-Agenturblog habe ich jetzt mal meine Eindrücke festgehalten. Schon mal soviel: Es hat sich gelohnt! ∞ Permalink... mehr auf eayz.net

mashup trailer 08/15 motu web development batman koest.lich.es frontend-entwicklung recut filme fanart star wars
Wenn ihr schon länger in diesen ominösen Social-Web-Gefilden unterwegs seid, werdet ihr euch an del.icio.us erinnern, einen Bookmarking-Dienst, der zusammen mit flickr Vorbild- und Paradebeispiel für das gesamte Web 2.0 gewesen ist. Wie flickr hat sich Yahoo irgendwann auch del.icio.us einverleibt und den Dienst damit quasi zu Grabe getragen. Die c... mehr auf eayz.net

work-life-balance 08/15 konferenzen nightly build frontend-entwicklung ppw #review konferenz köln event
Am Freitagabend fand hier in Köln die Frontend-/Feierabendkonferenz Nighty Build statt. Für das PPW-Agenturblog habe ich jetzt mal meine Eindrücke festgehalten. Schon mal soviel: Es hat sich gelohnt! Update, 21.09.2015: Mittlerweile finden sich im YouTube-Channel der Nightly Build die Videoaufzeichnungen, falls ihr die nachholen oder euch selbst ei... mehr auf eayz.net

beyond tellerrand konferenz frontend-entwicklung #review ppw konferenzen 08/15
Vor rund zwei Wochen fand in Düsseldorf die beyond tellerrand statt. In guter alter Tradition habe ich meinen Konferenzrückblick gerade verspätet im PPW-Blog veröffentlicht. Darin habe ich auch meine Kollegen um ihr Resümee gebeten. ∞ Permalink... mehr auf eayz.net

08/15 web development frontend-entwicklung
Chris Coyier mit der vielleicht besten Beschreibung unseres Jobs bisher: One idea that has lodged itself into my brain recently is how a front end developer needs to be aware. In a general sense, the front end developer is positioned in the middle of lots of other jobs. Everybody involved in a web team ends [... mehr auf eayz.net

javascript basics frontend-entwicklung webdesign javascript
JavaScript-Funktionen verstehen Dieser Artikel empfiehlt eine Beispiellektion von Zell Liew, die dir hilft, JavaScript mit praktischen Komponenten von Grund auf zu lernen und zu realisieren. Stelle dir vor, Du lebst in einem Dorf ohne Leitungswasser. Um Was... mehr auf pixeltuner.de

mobile parallax responsive webdesign css css-variablen frontend-entwicklung webdesign
Parallax Scrolling für Mobile und Desktop mit CSS Variablen Mit basicScroll kannst du CSS-Variablen abhängig von der Scroll-Position ändern. Verwende die Variablen direkt in deinem CSS, um zu animieren, was auch immer du willst.... mehr auf pixeltuner.de

html ui design css web-animationen webdesign frontend-entwicklung javascript
Vier verschiedene Menüanimationen für die Menüschaltfläche, welche zwischen Punkt-, Kreuz- und Zurück-Symbol wechseln. codepen.io... mehr auf pixeltuner.de

flexbox frontend-entwicklung webdesign
Das komplette illustrierte Flexbox-Tutorial Als Greg Sidelnikov anfing, Flex zu lernen, wollte er alles sehen, wozu es fähig war. Aber wenn es um Beispiele für alle Eigenschaften ging, konnte er kein gründliches visuelles Tutorial finden. Also ... mehr auf pixeltuner.de

bootstrap css grid css webdesign frontend-entwicklung
Von Bootstrap zu CSS Grid Trotz vieler cleverer Hacks und kreativer Problemumgehungen gab es keine einfache Antwort zum Erstellen von Layouts im Web. Ob es sich nun um den „Missbrauch“ von Tabellen handelt oder um einfache Floats, bei denen Inhalte um... mehr auf pixeltuner.de

tools frontend-entwicklung webdesign webdesign inspirationen webentwicklung inspirationen podcasts
Welche Podcasts sollten Webdesigner und Entwickler hören? Die Smashing-Community wurde gefragt, welche Podcasts sie hören, um eine Liste aktueller Podcasts für Webdesigner und Entwickler zusammenzustellen. Als das Team diejenigen ... mehr auf pixeltuner.de

javascript-entwicklung javascript webdesign frontend-entwicklung webentwicklung
github.com... mehr auf pixeltuner.de

php_framework workflow-optimierung interlutions qossmic industrie und wirtschaft frontend-entwicklung
Mit neuem Namen und einem ganzheitlicheren Beratungskonzept startet das Team von SensioLabs Deutschland im Februar in die nächste Dimension der Software-Entwicklung (Bildquelle: @Copyright_QOSSMIC) Köln, den 02.2.2021 – Neues Jahr, neuer Name: Aus SensioLabs Deutschland wird am 1. Februar QOSSMIC. Die Markenlizenz zwischen SensioLabs und Sens... mehr auf pr-echo.de

webdesign frontend-entwicklung javascript digitale kunst design
dev.to... mehr auf pixeltuner.de

webentwicklung css-variablen rgba css accessibility frontend-entwicklung web accessibility front-end design hsl barrierefreiheit
Bei der Entwicklung einer Funktion, die eine benutzerdefinierbare Farbeinstellung für dein Hauptprodukt ermöglicht, stehen Web- und Front-end-Entwickler immer wieder vor einer Herausforderung: Die Schriftfarbe automatisch anhand der ausgewählten Hintergrundfarbe des Containers anzupassen. Wenn der Hintergrund dunkel ist, wäre es ideal, einen weißen... mehr auf pixeltuner.de

frontend-entwicklung webdesign css grid grid layout css
Die Tage der Tabellen, Margin-Hacks, verblüffendes Herumzaubern an Layoutelementen und jene der unorthodoxen Wege, um endlich die gewünschten Layoutwünsche zu erfüllen, gehören nun der Vergangenheit an. Wir haben jetzt die Wahl, die leistungsstärkste Layout-Methode zu nutzen, die jemals in CSS angekommen ist. Grid. Diese neue Methode verändert die ... mehr auf pixeltuner.de

frontend-entwicklung webdesign designsysteme ui design ui/ux ux design svg user experience design user experience (ux)
In Teil 1 des Leitfadens zu Icon-Systemen haben wir uns auf Inline-SVG- und Icon-Komponenten konzentriert. In diesem zweiten Artikel werden wir uns SVG-Bild-Sprites, SVG-Symbole und Icon-Fonts genauer ansehen. nucleoapp.com... mehr auf pixeltuner.de

webentwicklung javascript frontend-entwicklung javascript basics
Hin und wieder taucht ein Artikel mit einer großen Liste von Regeln auf, die zu befolgen sind, um deinen Code lesbar zu halten – Es ist etwas, das jeder zu haben scheint, aber es wird auch von einem Blutbad in den Kommentaren von Leuten begleitet, die sich darüber nicht einig sind. Anstatt eine große Liste […]... mehr auf pixeltuner.de

frontend-entwicklung webdesign
Frontend-Entwickler Handbuch 2018 Dies ist ein Leitfaden, den jeder verwenden könnte, um etwas über die Praxis der Front-End-Entwicklung zu erfahren. Es umreißt und diskutiert die Praxis des Frontend-Engineerings: Wie lernt man es und welche Werkzeuge we... mehr auf pixeltuner.de

javascript-frameworks und -bibliotheken javascript-bibliotheken javascript frontend-entwicklung webdesign webentwicklung
JavaScript steht im Vordergrund der Benutzeroberfläche im gesamten Web. Es bietet uns die Möglichkeit, interaktive Funktionen zu erstellen, die von einfachen Animationen bis hin zu Datenmanipulationen reichen. Entwickler verwenden JavaScript, um komplexe Dinge zu vereinfachen. Die Macht liegt in ihrer Transparenz für den Endbenutzer. JavaScript ist... mehr auf pixeltuner.de

react javascript-grundlagen javascript basics frontend-entwicklung javascript webentwicklung
JavaScript-Grundlagen vor dem Erlernen von React Nach all seinen Lehren über React, sei es online für ein größeres Publikum oder vor Ort für Unternehmen, die auf React übergehen, kommt Robin Wieruch (@rwieruch) immer zu dem Schluss, dass e... mehr auf pixeltuner.de

frontend-entwicklung webdesign webentwicklung css grid css
9 Größte Fehler mit CSS Grid Es ist leicht, mit einer neuen Technologie viele Fehler zu machen, vor allem mit etwas, das so stark von der Vergangenheit abweicht wie CSS Grid. Jen listet die 9 größten Fehler auf, die sie bei der Verwendung von CSS Grid sieht... mehr auf pixeltuner.de

webdesign frontend-entwicklung responsive webdesign css
Als Webentwickler ist es sehr wahrscheinlich, dass wir häufig den zwei Feinden unserer Webprojekte begegnet sind: responsive Bilder und Deadlines. Manchmal passen unsere Bilder aus irgendwelchen Gründen nicht in das Layout und wir möchten uns nicht stundenlang darum kümmern. Diese Situation ist Adrien Zaganelli oft passiert und er hat aus seinen Fe... mehr auf pixeltuner.de

frontend-entwicklung webdesign front-end design webentwicklung css css-systeme
Ein Leitfaden auf hohem Niveau für Designer und Entwickler, die CSS schreiben, aber beim Erstellen von moderaten- bis großen CSS-Systemen strategischer vorgehen möchten. Lindsay Grizzard hat viel Zeit mit CSS-Systemen verbracht. Ein großer Teil ihrer Erkenntnisse gewann sie bei der Arbeit für eine kleine Webentwicklungsagentur als UI Engineer und D... mehr auf pixeltuner.de

dom-elemente dom webtechnologien frontend-entwicklung css css media queries css3 webentwicklung
Dieser Artikel beschreibt eine Strategie zum Verwenden moderner Webtechnologien zum Erstellen reaktionsfähiger Komponenten: DOM-Elemente, die ihren Stil und ihr Layout als Reaktion auf Änderungen in der Größe ihres Containers aktualisieren können. Containerabfragen ist ein Vorschlag, mit dem Webentwickler DOM-Elemente basierend auf der Größe eines ... mehr auf pixeltuner.de

content marketing seo content grafikdesign webdesign frontend-entwicklung seo-optimierung werbemittel logo seo allgemeines online-marketing marketing
Ihr Erfolg ist unser Antrieb Erfolgreich sein mit dem Rundum-Paket von Galaxy Marketing Wer heutzutage erfolgreich sein will, kommt um einen professionellen Internetauftritt nicht herum. Doch die Fülle an Möglichkeiten im World Wide Web kann Der Artikel ... mehr auf inar.de

frontend-performance-checkliste frontend-checkliste tools produktivität frontend-entwicklung projektmanagement workflow
Front-End Performance Checkliste Performance ist ein großes Thema, aber es ist nicht immer ein „Back-End“- oder „Admin“-Thema: Es ist auch eine Front-End-Verantwortung. Diese Front-End-Performance-Checkliste ist eine ausschöpfende ... mehr auf pixeltuner.de

pointer-events webentwicklung css webdesign frontend-entwicklung
4 Beispiele für die Möglichkeiten von CSS-Pointer-Events pointer-events werden meistens verwendet, um Klick-Events auf einem Element zu umgehen. Aber wusstest du, dass du die Zeigerereignisse von Nachkommen-Elementen zurücksetzen k... mehr auf pixeltuner.de

ui/ux designsysteme frontend-entwicklung webdesign user interface design user experience (ux) svg ux design
Es gibt verschiedene Möglichkeiten, Icons in ein Designsystem zu integrieren. Jede Option hat ihre Vor- und Nachteile. Obwohl es keine „perfekte Methode“ gibt, möchte Claudia Romano uns helfen, jene zu finden, die unseren Bedürfnissen entspricht. In dieser zweiteiligen Serie geht Claudia mit einigen praktischen Codebeispielen auf die wi... mehr auf pixeltuner.de

webentwicklung javascript frontend-entwicklung
Quiz: Was ist der Unterschied zwischen diesen JavaScript-Timern? setTimeout setInterval setImmediate requestAnimationFrame requestIdleCallback Genauer gesagt, wenn du alle diese Timer auf einmal anstellst, hast du eine Ahnung, in welcher Reihenfolge sie ausgelöst werden? Wenn nicht, bist du wahrscheinlich nicht allein. Nolan, Webentwickler aus Seat... mehr auf pixeltuner.de

frontend-checkliste frontend-entwicklung webdesign frontend-performance-checkliste performance checkliste checklisten page performance
Frontend-Performance-Checkliste 2018 Leistung zählt – wir alle wissen es. Aber wissen wir eigentlich, wo genau unsere Leistungsengpässe liegen? Ist es aufwendiges JavaScript, langsame Web-Schrift Auslieferung, schwere Bilder oder träges Rendering... mehr auf pixeltuner.de

webdesign frontend-entwicklung gui mockups apps ki künstliche intelligenz
Diese App verwendet künstliche Intelligenz, um Designmodelle in Quellcode umzuwandeln Ursprünglich war es die Aufgabe von Frontend-Entwicklern, die Arbeit von Designern von rohen grafischen Benutzeroberf... mehr auf pixeltuner.de

workflow git coding programmierung frontend-entwicklung
Wie man Git effizient einsetzt Wenn du in einer der oben genannten Situationen warst, dann ist dieser Beitrag für dich. Abgesehen von git add, git commit und git push gibt es eine Reihe anderer wichtiger Techniken in Git. Das zu wissen wird auf lange Sicht ... mehr auf pixeltuner.de

fonts typografie css webdesign frontend-entwicklung
Font Playground: Spiele mit Variablen Schriften! Font Playground ist der amüsanteste Ort, um mit Layouts zu experimentieren, die variable Schriftarten verwenden, und Front-End-Code direkt aus dieser kleinen Web-App zu exportieren. Font Playg... mehr auf pixeltuner.de

bootstrap templates html & css frontend-entwicklung webdesign html & css
Shards Dashboard Lite: Kostenloses Bootstrap Admin Dashboard Template Ein hochwertiges und kostenloses Bootstrap-Admin-Dashboard-Template-Paket, das mit vielen Vorlagen und Komponenten aufwartet. designrevision.com ... mehr auf pixeltuner.de

javascript webdesign frontend-entwicklung
css-tricks.com... mehr auf pixeltuner.de

webdesign frontend-entwicklung webentwicklung css
Wiederverwendbares, wartbares und modulares CSS Einige Vorteile von CSS sind eine deklarative, lesbare und einfach zu verwendende Natur. Es ist nicht schwer, CSS zu schreiben und Ergebnisse zu sehen. Obwohl die Eintrittsbarriere gering ist, ... mehr auf pixeltuner.de

frontend-entwicklung webdesign javascript webentwicklung
blog.bitsrc.io... mehr auf pixeltuner.de