Kies-Media – Blog für Webentwickler

Webentwickler-Blog mit bewährten Entwickler-Tipps aus der Praxis

Wir sind Tüftler, wir lieben Softwareentwicklung und hassen oberflächliche Fachbeiträge. Deswegen finden sich in unserem Blog ausschließlich bewährte Webentwickler-Tipps aus der Praxis, umfangreiche Anleitungen und Analysen von aktuellen Entwicklungen. Unsere Beiträge richten sich an Softwareebtwickler, Interessierte und Unternehmer, die sich in Sachen moderne Softwareentwicklung weiterbilden möchten.

  • CSS performance: CSS effizient rendern
    Ich vermute, dass sich kaum ein Webentwickler gedanken macht wie effizient das von ihm entwickelte CSS-File ist. Mit „effizient“ meine ich, wie schnell der Browser eine Regel verarbeiten, d.h. die Designanpassung darstellen kann. Da das ganze (für mich) nicht messbar ist, verlasse ich mich bei diesem Bericht auf die, die es wissen müssen: zum einen ...
  • CSS3 Box- und TextshadowCSS3 Box- und Textshadow
    CSS3 unterstützt 2 Arten des shadow-Effekts (Schatten). Zum einen den Box-Shadow, d.h. einen Schatten um einen div-container und zweitens den Text-Shadow – ein Schatten für Texte. Realistic effect shadow on paper. Transparent paper and square shadow box objects. The element for advertising messages is isolated on a transparent background. Vector illustration, EPS 10. Der CSS3 box-Shadow Der CSS3-Box-Shaddow ...
  • Tutorial: login mit php
    Bei nahezu jeder Webseite wird ein (PHP-) Login-System gebraucht um den Nutzern persönliche Daten anzeigen zu können. Dieses Login System hat also die Funktion einer Zugangsbeschränkung, d.h. nur wer ein Passwort kennt erhält auch. Prinzipiell lässt sich das ganze natürlich mit der herkömmlichen HTTP-Authentifizierung (.htaccess) durchführen. Ein Login der so erstellt wird hat allerdings den ...
  • CSS Content: Nummerierung für ÜberschriftenCSS Content: Nummerierung für Überschriften
    Mithilfe der CSS-Eigenschaft Content kann man automatisiert Texte innerhalb eines HTML-Documents einfügen. Das Content-Attribut funktioniert nur in Kombination mit einem der 2 pseudo elemente :after und :before. Beispiel für CSS-Content .email-addresse:before { content: "Email-Addresse: "; } Ergibt als Linktext „Email-Addresse: email de“ Wozu das ganze? Content mithilfe von CSS einzufügen wiederspricht auf den ersten Blick ...
  • Paragraphen in Blockquote mit CSS verschönernParagraphen in Blockquote mit CSS verschönern
    In Blockquotes leiten einen Absatz für Zitate ein. Im Gegensatz zu Cite handelt es allerdings um einen ganzen Zitatblock. Dieser wird in HTML werden Blockquotes so ausgezeichnet: Ich bin ein toller Blockquote   Im CSS, kann man das dann ganz einfach formatieren. Beispielsweise könnte man das ganze mithilfe von Hintergrundfarbe oder Innenabstand. blockquote { margin-bottom: 20px; } Nehmen wir an ...
  • Transparent Borders mit background-clip
    Haben Sie jemals ein CSS-Element mit transparenter Rahmen (Border) gesehen? In diesem Artikel möchte ich Ihnen zeigen wie man transparente Borders erstellt. So soll das ganze am Ende aussehen: Und nein! – so einfach wie im folgenden CSS-Snippet ist es bei weitem nicht, weil auf diese Art die Farbe der Transparenten Grenze die Farbe ist, die ...
  • Mehrspaltiges Layout mit CSS3
    Jeder von euch kennt mehrspaltige Layouts aus Zeitungen. Heute möchte ich euch zeigen wie man diese mit CSS3 erstellen kann. Auf den ersten Blick ist passt einfaches Layouten und CSS nicht richtig zusammen, doch auf den zweiten Blick werden Sie erstaunt sein, wie leicht das ganze geht. Wie erstellt man mehrspaltige Layouts mit CSS3 Wie immer brauchen ...
  • Pagerank ScupltingPagerank Scuplting
    Der Pagerank gibt an, wie groß die Bedeutung eines Dokuments (Webseite,Pdf, usw.) im Internet ist. Er wird mithilfe des Pagerank-Algorithmus (aus dem Jahr 2000) berechnet. Vereinfacht gesagt ist der Pagerank umso größer je mehr eingehende und je weniger ausgehende Links ein Dokument hat. Weil der Suchmaschinenoptimierer schnell das Problem hat, dass er nicht mehr eingehende ...
  • Affiliate Links optimal verstecken
    Affiliates haben öfters das Problem, dass Sie Besucher und Suchmaschinen nicht erkennen sollen, dass es sich bei einem Link um einen Affiliate-Link handelt (Affiliate Link verstecken). Affiliate Link Links sind Links, bei denen der Affiliate eine Provision für jeden Verkauf erhält, der durch Menschen, die über den Link gekommen sind, generiert wird. Warum Affiliate Links verstecken? Menschliche ...
  • Cookie löschen nutzlos – Das fast unlöschbare Cookie
    Evercookie heißt das Zauberwort, wenn es darum geht Cookies zu erzeugen, die der Nutzer (fast) nicht wieder los wird. Samy Kamkar hat Evercookie erfunden. Evercookie ist eigentlich kein echtes Cookie, sondern vielmehr eine Open Source JavaScript-Bibliothek, die (fast) alle bekannten Arten Daten auf dem Rechner des Nutzer zu speichern verbindet. Dadurch ist der „Cookie“ ...
  • Subdomains in XamppSubdomains in Xampp
    Viele Webentwickler programmieren ihre Webseiten mithilfe von Xampp. Xampp umfasst einen Apache-Server und das Datenbanksystem MySQL. Wie bei jedem Apache muss auch bei Xampp explizit angegeben werden, falls Subdomains (http://subdomain.localhost/) verfügbar sein sollen. In diesem Artikel möchte ich zeigen, wie man sein Xampp für die Arbeit mit Subdomains einrichtet. Apache anpassen Hinweis: Starten Sie Xampp erst, wenn ...
  • Tabellen in Webseiten richtig einsetzen
    Struktur, Content und Layout sollten auf Webseiten strikt getrennt werden – das haben alle Webentwickler schon einmal gehört. Doch leider gibt es immernoch Einige, die nicht genau wissen, wann der Einsatz einer Tabelle sinnvoll ist, und wann nicht. Eines sollte aber allen klar sein: Tabellen sind nicht zum Layouten da. Im heutigen Artikel möchte ich genau ...
  • Variablen in CSS
    In CSS gibt es standardmäßig keine Variablen! … doch damit möchten sich Alexis Sellier und Dmitry Fadeyev von Less.org nicht abfinden. Die beiden haben eine Möglichkeit erfunden, mit der sie Variablen in CSS verwenden können. Das ganze sieht dann ungefähr so aus: @brand_color: #4D926F; #header { color: @brand_color; } h2 { color: @brand_color; } Dadurch können Variablen, die an ...
  • Bilder auf Webseiten verkleinern
    Sicher hast du auf deiner Webseite etliche Bilder – egal ob Bilder im Webdesign, oder Bilder direkt in den Artikeln. Allen gemein ist, dass sie im vergleich zu Text sehr viel Speicher verbrauchen und deshalb einen wesentlichen Anteil bei der Übertragungszeit deiner Webseite ausmachen. Da wäre es doch sinnvoll Bilder zu verkleinern ohne das der ...
  • Referer Spam
    Spam Emails waren gestern! Aktuell werden viele Webserver durch den sogenannte „Referer-SPAM“ angegriffen. Dabei werden einzelne Webseiten so häufig aufgerufen, dass sie in den Statistikseiten der Betreiber ganz oben erscheinen. Sind Sie durch einen Eintrag in ihrer Statistik auf diese Seite aufmerksam geworden? – Dann sind Sie Opfer des Referer Spams geworden und sollten den folgenden ...

WhatsApp chat

Durch die weitere Nutzung der Seite stimmst du der Verwendung von Cookies zu. Weitere Informationen

Die Cookie-Einstellungen auf dieser Website sind auf "Cookies zulassen" eingestellt, um das beste Surferlebnis zu ermöglichen. Wenn du diese Website ohne Änderung der Cookie-Einstellungen verwendest oder auf "Akzeptieren" klickst, erklärst du sich damit einverstanden.

Schließen