Tag suchen

Tag:

Tag css

Wie kann ich eine Textfarbe mit CSS animieren? 02.09.2026 19:40:15

allgemein css html
Wir alle kennen den normalen color Befehl in CSS, damit kann man ja eine Farbe zu einer Klasse zuweisen und somit die Schrift umfärben. Heute zeige ich euch noch einen anderen Weg wie ihr eine oder mehre Farben einer Schrift zuweisen könnt. Ich habe hier eine Regenbogenfarbe genommen (linear-graient) und habe sie einem Titel Tag […]... mehr auf chefblogger.me

Wie kann ich einen Welleneffekt in meine Hero Sektion einbauen? 31.08.2026 19:00:19

javascript html css design
Es kommen immer wieder Grafiker oder gleich Kunden zu mir die wilde Effekte auf ihre Webseite eingebaut haben wollen. Für viele diese Effekte gibts gute Alternative und manchmal muss ich auch nein sagen – so ergings mir mit Welleneffekten die natürlich aussehen sollen. Oft sagte ich dazu nein 🙂 Ab jetzt kann ich ja sagen […]... mehr auf chefblogger.me

So funktioniert ein cooler drehender 3D Bilder Slider 26.08.2026 18:32:34

html design css
Wer Bilder in seine Webseite als Galerie einbetten will steht immer vor der Frage – WIE kann ich eine Galerie bauen die auffällt. Heute zeige ich euch mal so eine sich drehende 3D Bilder Galerie – ihr lernt hier wie man sie aufbaut und könnt sich danach sehr einfach nachbauen. Ja, ich bin mir sicher […]... mehr auf chefblogger.me

Wie kann ich den Inhalt eines Passwortfeld anzeigen und verstecken? (HTML, CSS und Javacsript) 24.08.2026 21:13:45

javascript html css design
Dieses Element sieht man auf vielen Webseiten, wo man ein Passwort eingeben muss, denn es hilft dem Webseitenbesucher sehr, und zwar geht es um das Passwortfeld, wo man das Passwort anzeigen oder verstecken kann. Auch mir hilft es immer wieder, wenn ich ein Passwort eingebe und es funktioniert nicht und ich mir sicher bin, dass […]... mehr auf chefblogger.me

Amazon SiteStripe verkleinern: So bleibt nur „Link abrufen“ übrig 24.08.2026 10:14:24

css sitestripe coding & publishing amazon chrome
Wer am Amazon-Partnerprogramm teilnimmt (so wie ich), kennt die SiteStripe-Leiste am oberen Rand der Amazon-Webseite. Sie ist praktisch, kann beim normalen Einkaufen aber auch ziemlich stören.... mehr auf renehesse.de

Wie kann ich eine eMail Adresse validieren? Formular Trick mit HTML, CSS und Javascript 19.08.2026 13:58:11

html design css javascript
Wer ein Formular in die eigene Webseite einbaut, der ist auf eine korrekte E-Mail-Adresse angewiesen – Fehler beim Eintippen sind schnell gemacht. Heute zeige ich euch, wie ihr eine E-Mail-Adresse beim Eingeben direkt validieren könnt. Wenn also jemand seine E-Mail-Adresse wo eingeben möchte, dann sieht er sofort, ob die E-Mail-Adresse echt ist. We... mehr auf chefblogger.me

Creative Titel Animation mit HTML und CSS 11.08.2026 09:46:32

design css html
Wenn man eine neue Hero-Sektion bauen muss, dann braucht man oft eine Titel-Animation. Heute zeige ich euch, wie ihr eine eher verspielte Titel-Animation mit HTML und CSS erstellen könnt. Normale und langweilige Titel gibt es zur Genüge, diese Art Titel entlocken einem Kunden aber kein WOW mehr aus dem Mund. Heute muss man schon tiefer […]... mehr auf chefblogger.me

Der Parallax Text – Sektion Effekt 05.08.2026 17:20:40

design css html
Heute zeige ich euch wie man nur mit HTML und CSS einen coolen Parallax Effekt erzeugen kann. Wen man da runterscrollt sieht man verschiedene Sektionen die sich irgendwann überschneiden und dann wir der Text auch ausgetauscht. In meinen Augen ist das ein perfekter Weg um ein Storytelling in der Webseite darzustellen Video [dsgvo-youtube url=“... mehr auf chefblogger.me

MySQL TIMESTAMP vs. DATETIME 11.03.2014 09:00:48

benchmark php dbi media queries movabletype sql conference mysql datenbanken responsive webdesign perl row_format fehler performance .js-frameworks zeitzone css e-commerce oxid #dchh
MySQL kennt zwei unterschiedliche Datentypen, um Datum und Uhrzeit abzuspeichern: TIMESTAMP und DATETIME. Beide Datentypen scheinen redundant zu sein, es gibt aber einen bedeutenden Unterschied: Die Berücksichtigung der Zeitzone.... mehr auf blog.spark5.de

Eine animierte Uhr erstellen: Uhrzeit mit PHP ermitteln 24.03.2013 12:51:03

uhrzeit date() webdesign php animation webtechnologien css3 design css programmieren praxis
Da ich mich in letzter Zeit immer häufiger mit CSS3 beschäftigt habe stieß ich neulich per Zufall auf Daniels Blog und habe die in einem Artikel beschriebene CSS-Uhr mit PHP zu einer funktionierenden Uhr weiterentwickelt. Wie auch die ursprüngliche Uhr benötigt die funktionsfähige Uhr nur HTML, CSS und PHP und arbeitet mit CSS-Animation und CSS-Tra... mehr auf netroid.de

Flexible Inhalte für Responsive Websites 14.01.2014 08:01:32

benchmark php media queries dbi datenbanken mysql conference movabletype sql fehler row_format responsive webdesign perl .js-frameworks performance zeitzone frontend entwicklung oxid fluid grid #dchh e-commerce css
Als Ethan Marcotte in seinem berühmten Artikel den Begriff des Responsive Webdesigns prägte, sah er Media Queries nur als die letzte von drei "Zutaten" an. Zuvor sollten ... mehr auf blog.spark5.de

Developer Conference 2013 - Tag 1 07.11.2013 17:50:23

performance .js-frameworks perl responsive webdesign entwicklung fehler row_format css oxid #dchh e-commerce zeitzone php benchmark sql movabletype datenbanken conference mysql dbi media queries
Seit drei Jahren legt die Developer Conference #dchh ein unglaubliches Wachstum vor. Beim ersten Mal waren es 150, letztes Jahr dann schon 500 Teilnehmer und dieses Jahr wurde ein ganzes Kino mit 8 Kinosälen gemietet, um alle 1500 Teilnehmer unterzubringen. ... mehr auf blog.spark5.de

Die beliebtesten Zahlweisen der Online-Shopper in 2013 20.02.2014 12:09:08

performance .js-frameworks perl responsive webdesign row_format fehler css e-commerce oxid #dchh zeitzone php benchmark payment sql movabletype statistik mysql conference datenbanken dbi media queries
Der BVH hat am 18.02.2014 die Ergebnisse der bvh-B2C-Studie 2013 "Interaktiver Handel in Deutschland" vorgelegt. Das Ergebnis ist so klar wie zu erwarten - auch wenn der Online-Handel sich in einigen Punkten unterscheidet, werden auch Online ... mehr auf blog.spark5.de

Developer Conference 2013 - Tag 2 08.11.2013 18:12:58

media queries dbi datenbanken mysql conference movabletype sql benchmark php zeitzone oxid #dchh e-commerce css fehler entwicklung row_format responsive webdesign perl .js-frameworks performance
Gestern habe ich bereits einiges zum ersten Tag geschrieben, heute folgt selbstverständlich die Fortsetzung. Der zweite und letzte Tag war wieder voll belegt mit Talks aus vielen verschiedenen Themengebieten.... mehr auf blog.spark5.de

HTML / CSS tip: Creating tables with indent to right 14.05.2021 09:22:02

digital media webdesign css html table
This week I was looking to find an answer to pimp up tables I have been creating on a website for a restaurant. The tables show the menu, here is a simple example: In the browser this table code looks like this: Now, what I wanted to achieve was, that the price shall always align… Der Beitrag ... mehr auf mediengestalter.lu

Bist Du noch responsive oder schon multi-device-kompatibel? 25.03.2014 10:45:08

movabletype sql datenbanken mysql conference dbi media queries php #codetalks benchmark css #dchh oxid e-commerce zeitzone frontend entwicklung performance responsive webdesign perl fehler row_format
Responsive Websites zu bauen, ist eine spannende Herausforderung. Und wenn man das Browser-Fenster breiter und schmaler zieht, und damit eine gelungene Content Choreography vorzeigen kann, erfüllt einen das zu Recht mi... mehr auf blog.spark5.de

MySQL beschleunigen 03.12.2013 13:13:40

mysql conference datenbanken sql movabletype media queries dbi index #codetalks php optimierung benchmark e-commerce oxid #dchh css zeitzone performance row_format fehler perl responsive webdesign
Eine Datenbank ist eine sehr praktische Einrichtung: Es lassen sich beliebige Analysen der gespeicherten Daten ohne viel Aufwand starten und liefern bei den meist sehr überschaubaren Datenmengen recht schnell die benötigten Ergebnisse. Wächst die Anzahl der Datensätze oder die Komplexität der Anfragen, kann MySQL allerdings schnell an seine Gren... mehr auf blog.spark5.de

Trends 2014 13.01.2014 15:57:26

movabletype sql spark 5 datenbanken conference mysql onpage-ranking-faktoren dbi 2014 media queries web-applikationen php offpage-ranking-faktoren benchmark google storytelling css typographie backlinks fragmentierung oxid #dchh text e-commerce seo progressive enhancement zeitzone offline first frontend entwicklung json video .js-frameworks performance content plot responsive webdesign perl fehler entwicklung row_format multimedia
Trends in Webentwicklung und -design kommen schneller, als unsere Kunden ihre Websites überarbeiten lassen wollen. Damit unsere Websites zukunftsfähig sind, müssen wir daher wissen, oder zumindest ahnen, wohin die Reise geht. Wir haben unsere Mitarbeiter gefragt, mit welchen Trends sie für dieses Jahr rechnen:... mehr auf blog.spark5.de

OXID Partnertag 2013 30.10.2013 13:31:40

benchmark php media queries dbi mysql conference datenbanken spark 5 sql movabletype row_format fehler perl responsive webdesign performance .js-frameworks zeitzone e-commerce #dchh oxid css
Am 29. Oktober 2013 hatte OXID all seine Ecommerce-Partner zum Partnertag geladen - und natürlich war auch Spark 5 als zertifizierter Business Solutions Partner mit von der Partie. ... mehr auf blog.spark5.de

Spark 5 vor Ort: German Perl Workshop 2014 in Hannover 12.03.2014 16:29:31

zeitzone e-commerce oxid #dchh css row_format fehler entwicklung responsive webdesign perl gpw2014 hannover performance media queries dbi mysql conference datenbanken movabletype sql benchmark #codetalks php
Der Countdown läuft: Nur noch wenige Tage bis zum Start des 16. deutschen Perl-Workshop. Gastgeber der 2014er Auflage sind die Perl Mongers Hannover, die vom 26. bis zum 28.3. in das Kulturzentrum Faust in Hannover geladen haben. Spark&n... mehr auf blog.spark5.de

CSS3: transition (Übergänge für sanfte Animationen) 26.06.2012 22:50:46

html css3 html und css css transition webdesign animation html5 bewegung
Dank CSS3 ist es nun auch möglich, Webseiten ohne Flash, animierte GIFs oder JavaScript zu animieren. So ist der Genuss von Effekten ohne Plugin oder unzählige HTTP-Requests möglich, während der Einbau dennoch ohne komplexe Script-Konstruktionen möglich ist. Wenn diese Möglichkeiten geschickt genutzt werden, dann können sie einen wirklichen Mehr... mehr auf braekling.de

Scrum und Tagesgeschäft 17.12.2013 08:05:05

datenbanken mysql conference sql movabletype services media queries dbi php #codetalks benchmark #dchh oxid e-commerce css zeitzone scrum tagesgeschäft agile entwicklung performance entwicklung fehler row_format perl responsive webdesign
Bei der Einführung von Scrum in einigen Projekten wurden wir nun schon öfter vor die Aufgabe gestellt das Tagesgeschäft mit in Scrum zu integrieren.... mehr auf blog.spark5.de

MySQL als Cache 11.02.2014 07:49:11

zeitzone css oxid caching #dchh e-commerce perl responsive webdesign entwicklung fehler row_format performance .js-frameworks memcached dbi media queries sql movabletype datenbanken mysql conference benchmark php
Memcached ist ein beliebtes Caching System um Last von Datenbank Servern zu nehmen. Eine Alternative ist es, einen MySQL Server so konfigurieren, dass er große Tabellen im RAM halten kann. In beiden Fällen wird überschüssiger RAM verwendet, um Festplatten und Datenbankserver generell zu entlasten. Doch wodurc... mehr auf blog.spark5.de

Thunderbird: Ungültige DKIM Schlüssel Record Version 28.01.2014 08:45:50

responsive webdesign perl row_format fehler entwicklung .js-frameworks performance zeitzone error css e-commerce #dchh oxid benchmark php thunderbird dbi media queries dkim movabletype sql mysql conference datenbanken
DKIM verifiziert, dass eine Email tatsächlich vom Inhaber einer Domain verschickt wurde. Das Thunderbird-Plugin DKIM Verifier überprüft diese DKIM-Signaturen, meldet aber auch gerne unklare Fehlermeldungen wie beispielsweise "DKIM Schlüssel Reco... mehr auf blog.spark5.de

DSS: PHP und CSS – Grundlagen 27.07.2012 16:00:44

php webdesign stylesheet html praxis programmieren dss dynamic stylesheets css design
Dass man PHP scripte in jede HTML-Datei einbauen kann oder jede Website mit PHP dynamischer machen kann, ist sicher den meisten bekannt. Doch dass man auch Stylesheets mit PHP dynamischer gestallten kann, ist wohl den wenigsten bekannt. Das Ganze nennt sich dann DSS und bedeutet Dynamic Stylesheets Die Vorteile sind ganz einfach aufzuzählen: Eigent... mehr auf netroid.de

Spark 5 ist Sponsor des E-Commerce Camp 2014 in Jena 04.02.2014 16:20:57

mysql conference datenbanken movabletype sql spark 5 media queries dbi sponsoring php benchmark e-commerce #dchh oxid css zeitzone .js-frameworks performance row_format fehler responsive webdesign perl
Wir schätzen den großen Anteil der E-Commerce Community am Erfolg des deutschen und europäischen E-Commerce Markts und beteiligen uns deshalb als Sponsor an der Durchführung des E-Commerce Camp in Jena. Treffen Sie uns auf dem E-Commerce Camp Jena 2014... mehr auf blog.spark5.de

Spark 5 auf der code.talks 2014 14.10.2014 16:02:28

zeitzone css e-commerce oxid #dchh perl responsive webdesign row_format fehler performance dbi media queries converence spark 5 sql movabletype conference mysql datenbanken benchmark #codetalks php
Erneut versammelten sich mehr als 1500 Entwickler zum „Großen Klassentreffen der deutschen Entwicklerszene" auf der von ABOUT YOU veranstalteten und inzwischen in "code.talks" umbenannten „Developer Co... mehr auf blog.spark5.de

Animationen mit CSS3: Eine animierte Uhr erstellen 12.09.2012 17:00:49

uhrzeit animation webtechnologien webdesign css beispiel design css3 html
Nachdem wir vor wenigen Tagen die theoretischen Grundlagen für Animationen in CSS3 präsentiert haben, möchten wir heute einmal ein praktisches Beispiel für eben jene Animationen präsentieren: Eine Uhr, die zum Funktionieren keinerlei Javascript benötigt – nur ein wenig CSS und HTML reicht aus, um eine prinzipiell funktionsfähige Uhr zu erstel... mehr auf netroid.de

Webinale Visions zum Thema Datability in Offenbach 15.09.2014 18:06:32

benchmark wearables big data php dbi intermediär media queries sql spark 5 movabletype mysql conference datenbanken perl responsive webdesign row_format fehler .js-frameworks performance zeitzone metadaten css e-commerce #dchh oxid
Die Offenbacher freuen sich, dass sie einen Ableger der renommierten Berliner Webinale in ihr Capitol holen konnten, und wir von Spark 5 freuen uns über eine solch hochwertige Veranstaltung in u... mehr auf blog.spark5.de

Spark 5 öffnet das erste Darmstädter Open Device Lab 08.10.2014 15:00:00

#codetalks php benchmark movabletype sql conference mysql datenbanken dbi media queries performance responsive webdesign perl row_format fehler css e-commerce oxid #dchh zeitzone
Heute öffnet in den Büros der Spark 5 GmbH das erste Open Device Lab Darmstadts. Entwickler haben dort die Möglichkeit, auf mobilen Geräten kostenlos ihre Apps und Websites zu testen.... mehr auf blog.spark5.de

Schneller selektieren auf großen Datenmengen 19.11.2013 10:45:46

dbi media queries movabletype sql datenbanken mysql conference benchmark php #codetalks zeitzone css #dchh oxid e-commerce responsive webdesign perl fehler entwicklung row_format performance
Wenn Programme wachsen, kann es dazu kommen, dass Selektionen (SELECTs), die bislang zuverlässig und schnell funktioniert haben, plötzlich langsam und unperformant werden. Im vorausgegangenen Artikel "Richtig selektieren auf großen Datenmengen" habe ich ... mehr auf blog.spark5.de

Mach schnell, Baby! Performance-Optimierung von Onlineshops 22.04.2014 09:00:00

fehler row_format perl responsive webdesign performance .js-frameworks zeitzone #dchh oxid e-commerce css benchmark php media queries dbi datenbanken conference mysql sql movabletype
Ein Onlineshop muss sein wie ein Formel-1-Wagen - Aber Komfortabler! Ihr Onlineshop muss so schnell sein wie ein Formel-1-Wagen und von 0  auf 100 in knapp 2 Sekunden beschleunigen. Ist er langsamer, haben Sie ein Probem: Denn mit jeder Zehntelsekunde verlieren Sie Besucher und somit auch potentielle Kunden! Wollen Sie, dass Ihre Onlinesh... mehr auf blog.spark5.de

DIV-Container über volle Höhe (height: 100%) 12.02.2012 12:49:59

height firefox volle höhe css browser prozent internet explorer
Ab und zu verlangt ein Web Design (Layout) bei der Umsetzung, dass ein Bereich, wie zum Beispiel der Contentbereich über die volle Höhe der Auflösung geht. Hat der Nutzer zum Beispiel eine 1024 x 768 Pixel Bildschirmauflösung, dann soll das Design über die volle Höhe gestreckt werden, auch wenn der Inhalt der Seite sebst nur […]... mehr auf programmieren-optimieren.de

CSS: Änderungen mit der Uhrzeit 30.07.2012 01:15:34

php webdesign stylesheet uhrzeit html praxis programmieren dss dynamic stylesheets css design wechsel
Viele Leute wollen ihre Seite interessanter gestallten, indem sie die Darstellungen leicht verändern. Entweder können User selbst bestimmen, wie der Style aussehen, oder man wechselt das Aussehen mit der Uhrzeit. So kann zum Beispiel nachts ein anderes (dunkleres) Design als tagsüber angezeigt werden. Wie das funktioniert, erkläre ich im Folgenden.... mehr auf netroid.de

WebAnimator (Plus) – Vorstellung und kurzer Testbericht 18.07.2016 21:34:39

javascript animation software webanimator plus html internet webanimator web incomedia css
Dank HTML5 lassen sich im Internet mittlerweile wunderbare Animationen, Banner, etc. ohne Flash erstellen, was aber ohne Kenntnisse nicht einfach ist. Und genau da möchte auch WebAnimator bzw. WebAnimator Plus ansetzten, von welchen wir vor kurzem bereits den kleinen Bruder… Der Beitrag im Blog: ... mehr auf deskmodder.de

Aufklappbares und zuklappbares div Element (jQuery) 07.11.2012 11:48:09

slidetoggle div javascript aufklappen klick textlink slide css jquery script
Will man für den Nutzer erweiterte, zusätzliche Informationen beim Laden der Seite ausblenden und nur bei einer bestimmten Aktion bzw. Event einblenden, wie zum Beispiel durch einen Klick (on click) oder durch Drüberfahren (on mouse over) mit dem Mauszeiger, dann kann man dafür ein kleines Javascript nutzen. Per CSS wird das div Element nach dem [&... mehr auf programmieren-optimieren.de

CSS3: color (Farben) mit Farbtabellen 18.07.2010 15:22:35

alphakanal color svg hsl html4 webdesign farben html5 rgb x11 referenz html und css hue css3 dunkelstufe css farbton hex html sättigung saturation luminance
Mit CSS3 bekommen Webdesigner neue Möglichkeiten, um Farben zu definieren. Dadurch gibt es natürlich nicht schlagartig mehr Farben, aber sie können je nach Einsatzgebiet einfacher verwendet werden. Hinzu kommt Alphatransparenz, die ansprechende Transparenzeffekte ohne den Einsatz von Grafiken ermöglicht. Dieser Beitrag erklärt die neuen Farbnota... mehr auf braekling.de

Perl Regex Einführung 08.04.2014 08:24:11

datenbanken conference mysql movabletype sql media queries dbi regexp php #codetalks benchmark #dchh oxid e-commerce css zeitzone pcre performance fehler entwicklung row_format responsive webdesign perl
So genannte "Reguläre Ausdrücke" (Regular Expressions) sind einer der Bausteine, die Perl einerseits zu einer mächtigen Programmiersprache machen, andererseits aber auch dazu beitragen, dass gerne Perl als "unlesbarer Quellcode" bezeichnet wird. Dabei sind "RegEx"-Zeichenketten nur auf den ersten Blick Kauderwelsch. Wer sich etwas intensiver mit... mehr auf blog.spark5.de

Moskau-Zeit und Debian-Zeit 28.10.2013 14:35:06

row_format fehler perl datetime responsive webdesign wheezy performance zeitzone timezone e-commerce debian #dchh oxid squeeze css benchmark #codetalks php media queries dbi conference mysql datenbanken sql movabletype
"Wie spät ist es" - vermutlich eine der am häufigsten gestellten Fragen. In Russland lässt sie sich momentan allerdings nicht eindeutig beantworten, zumindest zwischen Computern, denn unterschiedliche Betriebssysteme und Versionen ordnen das Land in unterschiedliche Winterzeitzonen ein.... mehr auf blog.spark5.de

CSS3: transform (Lineare Transformationen) 28.07.2010 20:12:56

html und css css3 rotate css lineare transformation transformation 2d scale matrix stylesheet vektor linear style webdesign koordinatensystem transform translate skew referenz
Eine hochinteressante, neue Eigenschaft in CSS3 ist transform. Sie ermöglicht lineare Transformationen beliebiger Seitenelemente, d.h. wir können sie verschieben, rotieren, skalieren und scheren. Auf den ersten Blick wirkt das Konzept recht kompliziert und mag so manchen abschrecken, der von Vektoren und Matrizen Ausschlag bekommt. In Wirklichke... mehr auf braekling.de