aktueller Standort:Heim > Technische Artikel > Web-Frontend

  • CSS-Bildersatz: textindent, negative Margen und mehr
    CSS-Bildersatz: textindent, negative Margen und mehr
    CSS -Bildersatz: Ein umfassender Leitfaden für moderne Techniken CSS -Bildersatz, eine Technik, mit der Text mit Bildern ausgetauscht wird, bietet eine reichhaltige Geschichte. Während viele Methoden funktionsfähig bleiben, können einige aus SEO -Gründen mit Google -Strafen ausgesetzt sein. Dieser Gu
    CSS-Tutorial 940 2025-02-21 08:36:09
  • 10 Tipps, um Ihre Node.js -Web -App schneller zu gestalten
    10 Tipps, um Ihre Node.js -Web -App schneller zu gestalten
    Node.js, von Natur aus aufgrund seiner asynchronen und ereignisorientierten Architektur, erfordert immer noch eine Optimierung für moderne Peak-Webleistung. Dieser Artikel beschreibt zehn wichtige Strategien, um die Geschwindigkeit Ihrer Node.js -Anwendung erheblich zu steigern. Lass uns
    js-Tutorial 339 2025-02-21 08:31:10
  • Einführung der CSS-Clip-Path-Eigenschaft
    Einführung der CSS-Clip-Path-Eigenschaft
    CSS Clip-Pfad: Gestaltung von Webelementen Körper { Schriftfamilie: Sans-Serif; } .Container { Anzeige: Flex; Justify-Content: Center; Ausrichtung: Cent
    CSS-Tutorial 519 2025-02-21 08:29:09
  • 7 Postcss -Plugins, um Sie in Postcss zu erleichtern
    7 Postcss -Plugins, um Sie in Postcss zu erleichtern
    Postcss: Straffung Ihres CSS -Workflows POSTCSS ist ein robustes Tool, das komplexe CSS -Aufgaben automatisiert und als leistungsstarke Ergänzung oder sogar Ersatz für Präprozessoren wie Sass, Less und Stylus fungiert. Seine Kernfunktionalität dreht sich um Parsin
    CSS-Tutorial 759 2025-02-21 08:28:10
  • Cutestrap kennenlernen, ein leichtes CSS -Framework
    Cutestrap kennenlernen, ein leichtes CSS -Framework
    Cutestrap: Ein leichtes CSS -Framework für optimierte Webentwicklung In diesem Artikel wird Cutestrap untersucht, ein leichtes CSS-Framework, das seine Funktionen anhand eines einfachen einseitigen HTML-Vorlagebeispiels demonstriert. Schlüsselmerkmale: Ultra-Lichtgewicht: Wir
    CSS-Tutorial 722 2025-02-21 08:27:08
  • So verbessern Sie die Seitenleistung mit einem Schriftart geladen
    So verbessern Sie die Seitenleistung mit einem Schriftart geladen
    Zusammenfassung der wichtigsten Punkte Die Verwendung eines Schriftladers kann die Leistung der Webseiten erheblich verbessern, da das Ladezeitpunkt und die Lade der Web -Schriftarten gesteuert werden, wodurch die Ladezeit des Seitens verkürzt und „nicht mehr aufgelöst werden“ (FOUT). Die WebFontloader -JavaScript -Bibliothek ist ein sehr nützliches Tool, mit dem Schriftarten aus verschiedenen Quellen im Hintergrund geladen werden können, nachdem die Seite geladen wurde, und die Anpassung des Ladevorgangs mithilfe von CSS und JavaScript -Callback -Funktionen ermöglicht. Die Schriftnutzung und die Benutzererfahrung müssen ausgeglichen sein. Daher können die Verwendung von Schriftladern und die Implementierung alternativer Schriftarten die Verwendung
    js-Tutorial 617 2025-02-21 08:25:09
  • Visuelle Regressionstests mit Phantomcss
    Visuelle Regressionstests mit Phantomcss
    Key Takeaways Phantomcss ist ein Node.JS -Tool, das visuelle Regressionstests durchführt. Dies ist eine Form von automatisierten Tests, die überprüft, ob Webseitenelemente wie beabsichtigt angezeigt werden. Dies geschieht, indem Sie einen Screenshot der Seite oder eines bestimmten Elements aufnehmen, Co.
    CSS-Tutorial 893 2025-02-21 08:24:11
  • Aufkommende Muster in der Handhabung von JavaScript -Ereignissen
    Aufkommende Muster in der Handhabung von JavaScript -Ereignissen
    In den letzten Monaten wurden erhebliche Diskussionen über eine optimale Handhabung des JavaScript -Ereignisses erlebt. Die JSACTION -Bibliothek von Google und die kommende ECMAScript 7 Object.Observe () -Methode (bereits in Chrome 36 und Node.js Harmony unterstützt) haben diesen DE angeheizt
    js-Tutorial 798 2025-02-21 08:23:07
  • Verbindung mit dem Jawbone Up API mit Node.js herstellen
    Verbindung mit dem Jawbone Up API mit Node.js herstellen
    Als Entwickler kann ich nicht anders, als auf die große Menge an Datenzähl- und Schlafgewohnheitsdaten zugreifen, die mein Kieferknochen auf mich hat. Es gibt so viele Daten! Also begann ich zu schauten, wie man diese Daten mit dem Kieferknochen -Up -API und dem Knoten einzieht. Ich habe Beispiele gefunden
    js-Tutorial 981 2025-02-20 13:16:09
  • Video: Spielen mit JQuery und dem CSS -Klasse Selector
    Video: Spielen mit JQuery und dem CSS -Klasse Selector
    Der CSS -Klasse -Selektor ist sehr nützlich, wenn Sie CSS -Stile verwalten oder auf mehrere Elemente anwenden müssen. Zusätzlich hat der CSS -Selektor Leistungsvorteile und kann überladen werden. Dies wird spannender, wenn JQuery verwendet wird, um hinzuzufügen/zu entfernen oder zu
    js-Tutorial 383 2025-02-20 13:14:17
  • 7 JavaScript -Bibliotheken für bestimmte Visualisierungen
    7 JavaScript -Bibliotheken für bestimmte Visualisierungen
    Abgesehen von den häufig verwendeten Diagramm- und Grafikbibliotheken für interaktive Datenvisualisierungen exponieren mehrere weniger bekannte JavaScript-Bibliotheken bei bestimmten Visualisierungstypen. Diese sind besonders nützlich für Datenjournalismusprojekte, die Inter erforderlich machen
    js-Tutorial 421 2025-02-20 13:03:10
  • Gespenst: Ein leichtes CSS -Framework
    Gespenst: Ein leichtes CSS -Framework
    Spectre CSS -Framework: Leichte, reaktionsschnelle und moderne CSS -Lösungen In der Projektentwicklung kann der Rahmen die Entwicklungszeit erheblich verkürzen. Beliebte Frameworks wie Bootstrap sind Funktionen, aber nicht alle Funktionen sind für jedes Projekt geeignet. In diesem Artikel wird ein neues leichter, modernes, reaktionsschnelles und mobilfreundliches Rahmen eingeführt - Gespenst. Die Größe nach Komprimierung und GZIP beträgt ca. 6,8 KB. Zusätzlich zum grundlegenden Netzsystem bietet es auch vielen anderen praktischen Komponenten wie Registerkarten, Modalboxen und Karten. In diesem Tutorial erhalten Sie einen kurzen Überblick über das Framework und erhalten einige Anleitungen, damit Sie schnell beginnen können. Schlüsselpunkte Spectre ist ein leichtes, modernes, reaktionsschnelles und mobilfreundliches CSS-Framework, das groß sein kann
    CSS-Tutorial 617 2025-02-20 13:02:11
  • Erstellen eines statischen Site -Generator -Grunzen -Plugins
    Erstellen eines statischen Site -Generator -Grunzen -Plugins
    Sie sind wahrscheinlich mit statischen Site -Generatoren wie Jekyll und Wintersmith vertraut. Dieses Tutorial zeigt, dass ein benutzerdefiniertes Grunzen -Plugin erstellt wird, um eine statische Site aus Vorlagen und Markdown -Dateien zu generieren, die eine größere Steuerung und Integration mit Ihrem bietet
    js-Tutorial 563 2025-02-20 13:01:10
  • ATOZ CSS Schneller Tipp: Vorteile von REM- und EM -Werten
    ATOZ CSS Schneller Tipp: Vorteile von REM- und EM -Werten
    Schlüsselpunkte Die Verwendung von relativen Einheiten wie "EM" zum Festlegen der Textgröße und des Elementarabstands ist flexibler als die Verwendung von Pixeln, insbesondere in reaktionsschnellen Projekten. "EM" -Inits können jedoch Probleme mit verschachtelten Elementen verursachen, was dazu führt, dass sie auf jedem Verschachtelungsniveau exponentiell wachsen oder schrumpfen. Die „REM“ -Einheit ist eine zuverlässigere Alternative zum Festlegen der Schriftgröße, da sie immer basierend auf der Schriftgröße des Stammelements berechnet wird. Dies vermeidet das exponentielle Wachstum oder das Schrumpfung, das bei der Verwendung von "EM" -Inits in verschachtelten Elementen auftritt. Für die Browser -Unterstützung, insbesondere für ältere Versionen von Internet Explorer, können Sie JS Polyfill- oder PX -Alternativen verwenden. Wenn Sie SASS verwenden,
    CSS-Tutorial 172 2025-02-20 13:00:14
  • Erstellen eines mobilen JavaScript -Audio -Players
    Erstellen eines mobilen JavaScript -Audio -Players
    Ich bin ein großer Fan von HTML5- und JavaScript -APIs, die viele untersucht haben, darunter GetUsermedia-, Web -Speechs- und Bildschirm -Orientierungs -APIs (mit einem dedizierten Github -Repository). Dieser Artikel zeigt, dass er einen mobilfreundlichen JavaScript-Audio-Player-Hebel erstellt
    js-Tutorial 600 2025-02-20 12:57:09

Werkzeugempfehlungen

Kontaktcode für das jQuery-Enterprise-Nachrichtenformular

Der Kontaktcode für das jQuery-Unternehmensnachrichtenformular ist ein einfacher und praktischer Unternehmensnachrichtenformular- und Kontaktcode für die Einführungsseite.

Wiedergabeeffekte für HTML5-MP3-Spieluhren

Der Spezialeffekt „HTML5 MP3-Musikbox-Wiedergabe“ ist ein MP3-Musikplayer, der auf HTML5+CSS3 basiert, um niedliche Musikbox-Emoticons zu erstellen und auf die Schaltfläche „Umschalten“ zu klicken.

HTML5 coole Partikelanimations-Navigationsmenü-Spezialeffekte

Der Spezialeffekt „HTML5 Cool Particle Animation“ für das Navigationsmenü ist ein Spezialeffekt, der seine Farbe ändert, wenn die Maus über das Navigationsmenü bewegt wird.
Menünavigation
2024-02-29

Drag-and-Drop-Bearbeitungscode für visuelle jQuery-Formulare

Der Drag-and-Drop-Bearbeitungscode für visuelle jQuery-Formulare ist eine visuelle Form, die auf jQuery und dem Bootstrap-Framework basiert.

Webvorlage für Bio-Obst- und Gemüselieferanten Bootstrap5

Eine Webvorlage für Bio-Obst- und Gemüselieferanten – Bootstrap5
Bootstrap-Vorlage
2023-02-03

Bootstrap3 multifunktionale Dateninformations-Hintergrundverwaltung, responsive Webseitenvorlage – Novus

Bootstrap3 multifunktionale Dateninformations-Hintergrundverwaltung, responsive Webseitenvorlage – Novus
Backend-Vorlage
2023-02-02

Webseitenvorlage für die Immobilienressourcen-Serviceplattform Bootstrap5

Webseitenvorlage für die Immobilienressourcen-Serviceplattform Bootstrap5
Bootstrap-Vorlage
2023-02-02

Einfache Webvorlage für Lebenslaufinformationen Bootstrap4

Einfache Webvorlage für Lebenslaufinformationen Bootstrap4
Bootstrap-Vorlage
2023-02-02

可爱的夏天元素矢量素材(EPS+PNG)

这是一款可爱的夏天元素矢量素材,包含了太阳、遮阳帽、椰子树、比基尼、飞机、西瓜、冰淇淋、雪糕、冷饮、游泳圈、人字拖、菠萝、海螺、贝壳、海星、螃蟹、柠檬、防晒霜、太阳镜等等,素材提供了 EPS 和免扣 PNG 两种格式,含 JPG 预览图。
PNG material
2024-05-09

四个红的的 2023 毕业徽章矢量素材(AI+EPS+PNG)

这是一款红的的 2023 毕业徽章矢量素材,共四个,提供了 AI 和 EPS 和免扣 PNG 等格式,含 JPG 预览图。
PNG material
2024-02-29

唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS)

这是一款由唱歌的小鸟和装满花朵的推车设计的春天 banner 矢量素材,提供了 AI 和 EPS 两种格式,含 JPG 预览图。
Banner image
2024-02-29

金色的毕业帽矢量素材(EPS+PNG)

这是一款金色的毕业帽矢量素材,提供了 EPS 和免扣 PNG 两种格式,含 JPG 预览图。
PNG material
2024-02-27

Website-Vorlage für Reinigungs- und Reparaturdienste für Inneneinrichtungen

Die Website-Vorlage für Reinigungs- und Wartungsdienste für Heimdekoration ist ein Website-Vorlagen-Download, der sich für Werbewebsites eignet, die Heimdekorations-, Reinigungs-, Wartungs- und andere Dienstleistungsorganisationen anbieten. Tipp: Diese Vorlage ruft die Google-Schriftartenbibliothek auf und die Seite wird möglicherweise langsam geöffnet.
Frontend-Vorlage
2024-05-09

Persönliche Lebenslauf-Leitfaden-Seitenvorlage in frischen Farben

Die Vorlage „Fresh Color Matching“ für die Lebenslauf-Leitfadenseite für persönliche Bewerbungen ist eine persönliche Webvorlage zum Herunterladen von Lebensläufen für die Jobsuche, die für einen frischen Farbabstimmungsstil geeignet ist. Tipp: Diese Vorlage ruft die Google-Schriftartenbibliothek auf und die Seite wird möglicherweise langsam geöffnet.
Frontend-Vorlage
2024-02-29

Web-Vorlage für kreativen Job-Lebenslauf für Designer

Die Webvorlage „Designer Creative Job Resume“ ist eine herunterladbare Webvorlage für die Anzeige persönlicher Lebensläufe, die für verschiedene Designerpositionen geeignet ist. Tipp: Diese Vorlage ruft die Google-Schriftartenbibliothek auf und die Seite wird möglicherweise langsam geöffnet.
Frontend-Vorlage
2024-02-28

Website-Vorlage eines modernen Ingenieurbauunternehmens

Die Website-Vorlage für moderne Ingenieur- und Bauunternehmen ist eine herunterladbare Website-Vorlage, die sich zur Förderung der Ingenieur- und Baudienstleistungsbranche eignet. Tipp: Diese Vorlage ruft die Google-Schriftartenbibliothek auf und die Seite wird möglicherweise langsam geöffnet.
Frontend-Vorlage
2024-02-28