Tag frontend-entwicklung
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
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
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
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
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
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-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
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
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
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
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
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
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
github.com... mehr auf pixeltuner.de
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
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
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
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
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-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 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
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
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
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
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
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
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
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
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
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
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-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
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
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
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
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
css-tricks.com... mehr auf pixeltuner.de
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
blog.bitsrc.io... mehr auf pixeltuner.de
