Tag suchen

Tag:

Tag css

Wie designe ich eine Sternchen-Bewertung für meine Webseite? (CSS Anleitung) 17.11.2025 21:44:41

allgemein 220261 ff6795 css3 ff0800 cacaca css html
Heute machen wir wieder was sehr spassiges und zwar zeige ich euch wie ihr eine einfache Sternchen Bewertung für eure Webseite designen könnt. Ihr wisst schon was eine Sternchenbewertung ist – diese 1-5 Sterne (oder mehr) die man anklicken kann um etwas zu bewerten. Eigentlich sind es nur ein paar Radio-Buttons die man dafür braucht […]... mehr auf chefblogger.me

Wie erstelle ich ein dynamisches Suchfeld mit CSS? 10.11.2025 18:31:04

css fdf0d5 design css3 f0bf5d
Habt ihr schon mal versucht ein Suchfeld in eure Webseite einzubauen hattet aber das Problem, dass ihr dafür keinen Platz habt? Wie wäre es wenn man so ein Suchfeld hinter einem Icon verstecken würde? Erst wenn man auf das Icon drauf klickt dann erscheint der Button. In der heutigen Anleitung zeige ich euch wie das […]... mehr auf chefblogger.me

Wie man so eine animierte Polaroid Galerie mit HTML und CSS erstellen kann 05.11.2025 20:16:46

html css css3 design allgemein
Ihr habt Bilder auf eurer Webseite die ihr gerne modern und interessant euren Webseiten Besuchern zeigen möchtet? Dann habe ich evtl eine coole Idee für euch. Hier mit dieser animierten Polaroid Galerie könnt ihr die Aufmerksamkeit der Leute fesseln. Dieser Effekt ist nichts anders als die Mischung von 2 einzelnen Effekten. Einerseits haben wir die... mehr auf chefblogger.me

Wie designe ich so einen Like Button für meine Webseite? 03.11.2025 19:34:43

css3 design css
Ihr möchted einen Like Button für eure Webseite oder ihr möchtet einen Button wo ihr zeigt wieviele Follower ihr habt? Dann seid ihr hier genau richtig. Im heutigen Video zeige ich euch wie man so einen Button mit CSS designen kann. Später könnt ihr dann selbst das Icon austauschen oder die Zahlen anpassen – so […]... mehr auf chefblogger.me

Wie erstelle ich ein cooles Feld für Passwörter? 29.10.2025 19:09:18

allgemein design css3 css html
Diese Art Eingabefelder sieht man immer wieder, vorallem in Apps oder grossen Webseiten ist das keine Seltenheit. Anstatt dass man ein einfaches Input Feld verwendet, habe ich hier mehrere genommen und diese nebeneinander angeordnet. Jetzt sieht es wieder aus wie ein Feld, aber man kann nun sehr schöne Eingaben machen. Natürlich muss es nicht nur [... mehr auf chefblogger.me

Wie designe ich einen Streifenhintergrund nur mit CSS? 27.10.2025 20:27:58

css design css3
Habt ihr euch schon mal gefragt wie man einen gestreiften Hintergrund mit CSS machen kann? Dann hat das warten ein Ende, denn ich zeig euch heute wie sowas umsetzbar ist Video HTML <div class="container"></div> CSS :root { --farbe-gruen: #289a6a; --farbe-gelb: #ffcd00; --farbe-rot: #ef3340; } html, body { height: 100%; margi... mehr auf chefblogger.me

Wie kann ich ein Text auf der Webseite schützen? 22.10.2025 17:16:04

allgemein css3 css
Habt ihr euch schonmal gefragt wie ihr einen Text auf eurer Webseite schützen könnt, so dass man ihn nicht rauskopieren kann? Hier zeige ich euch einen Weg wie ihr das machen könnt. Denkt einfach daran, dass so ein Weg eigentlich nichts bringt denn wenn man eine Webseite am Browser öffnet gibts eine lokale Kopie genannt […]... mehr auf chefblogger.me

So erstellst du den einfachsten Slider für deine Webseite (HTML & CSS) 15.10.2025 20:31:44

css html design css3
Heute zeige ich euch also wie man einen einfachen Slider für seine Webseite bauen kann. Man braucht dazu nur HTML und eine kleine Portion CSS. Damit habt ihr eine gute Basis um auf diese grossen Slider Plugin verzichten zu können. Video HTML <div class="slider"> <img src="bilder/bild1.jpg" alt="Bild 1"> <... mehr auf chefblogger.me

MySQL TIMESTAMP vs. DATETIME 11.03.2014 09:00:48

dbi perl performance .js-frameworks responsive webdesign sql css movabletype benchmark media queries row_format e-commerce mysql conference #dchh datenbanken oxid php fehler zeitzone
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

design css3 webtechnologien css animation date() programmieren uhrzeit praxis webdesign php
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

movabletype benchmark sql css responsive webdesign dbi perl performance .js-frameworks fehler zeitzone #dchh datenbanken oxid frontend entwicklung php fluid grid mysql conference media queries e-commerce row_format
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

mysql conference e-commerce row_format media queries fehler zeitzone oxid php #dchh entwicklung datenbanken responsive webdesign .js-frameworks performance dbi perl benchmark movabletype sql css
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

css sql movabletype benchmark perl dbi .js-frameworks performance responsive webdesign datenbanken #dchh php oxid zeitzone fehler media queries statistik e-commerce payment row_format conference mysql
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

mysql conference media queries e-commerce row_format fehler zeitzone entwicklung #dchh datenbanken oxid php responsive webdesign dbi perl .js-frameworks performance movabletype benchmark sql css
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

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

oxid frontend entwicklung php #dchh datenbanken fehler zeitzone e-commerce row_format media queries #codetalks mysql conference sql css benchmark movabletype performance dbi perl responsive webdesign
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

e-commerce row_format media queries index #codetalks mysql conference oxid php #dchh datenbanken optimierung fehler zeitzone performance dbi perl responsive webdesign sql css benchmark movabletype
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

oxid php fragmentierung content frontend entwicklung entwicklung #dchh datenbanken backlinks 2014 offline first fehler zeitzone e-commerce row_format multimedia media queries seo offpage-ranking-faktoren json onpage-ranking-faktoren mysql text conference sql spark 5 css web-applikationen google progressive enhancement benchmark plot movabletype .js-frameworks performance dbi perl storytelling typographie video responsive webdesign
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

performance .js-frameworks dbi perl responsive webdesign spark 5 sql css benchmark movabletype e-commerce row_format media queries mysql conference oxid php #dchh datenbanken fehler zeitzone
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

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

css html table webdesign digital media
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

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

sql css benchmark movabletype performance dbi perl responsive webdesign oxid gpw2014 php #dchh entwicklung datenbanken hannover fehler zeitzone e-commerce row_format media queries #codetalks mysql conference
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

transition html5 webdesign html und css animation html css css3 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

dbi perl agile entwicklung performance responsive webdesign scrum sql css movabletype benchmark media queries e-commerce row_format mysql conference tagesgeschäft #codetalks #dchh entwicklung datenbanken oxid php services fehler zeitzone
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

caching oxid php #dchh entwicklung datenbanken memcached fehler zeitzone e-commerce row_format media queries mysql conference sql css benchmark movabletype .js-frameworks performance dbi perl responsive webdesign
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

media queries e-commerce row_format mysql conference #dchh entwicklung datenbanken oxid php fehler zeitzone dbi perl .js-frameworks performance dkim responsive webdesign error thunderbird sql css movabletype benchmark
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

design stylesheet css html programmieren praxis webdesign dss php dynamic stylesheets
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

benchmark movabletype css spark 5 sql responsive webdesign performance .js-frameworks perl dbi zeitzone fehler php oxid sponsoring datenbanken #dchh conference mysql row_format e-commerce media queries
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

movabletype benchmark sql spark 5 css responsive webdesign dbi perl performance fehler zeitzone converence #dchh datenbanken oxid php mysql conference #codetalks media queries row_format e-commerce
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 webdesign css3 beispiel design webtechnologien animation html css
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

intermediär responsive webdesign dbi perl performance big data .js-frameworks movabletype benchmark spark 5 sql css mysql wearables conference media queries e-commerce row_format fehler zeitzone metadaten #dchh datenbanken oxid php
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

zeitzone fehler php oxid datenbanken #dchh #codetalks conference mysql e-commerce row_format media queries benchmark movabletype css sql responsive webdesign performance perl dbi
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

oxid php entwicklung #dchh datenbanken fehler zeitzone row_format e-commerce media queries #codetalks mysql conference sql css benchmark movabletype performance dbi perl responsive webdesign
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

perl dbi performance .js-frameworks responsive webdesign css sql movabletype benchmark media queries row_format e-commerce conference mysql datenbanken #dchh php oxid zeitzone fehler
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

prozent css browser firefox volle höhe internet explorer height
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

design wechsel html css stylesheet praxis uhrzeit programmieren dynamic stylesheets php webdesign dss
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

incomedia webanimator plus css html animation software javascript web webanimator internet
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

aufklappen css textlink jquery div klick slide slidetoggle script javascript
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

rgb dunkelstufe webdesign html5 color hsl alphakanal farben farbton hue html und css css sättigung html saturation hex x11 referenz svg luminance html4 css3
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

movabletype benchmark sql css pcre responsive webdesign dbi perl performance fehler regexp zeitzone #dchh entwicklung datenbanken oxid php mysql conference #codetalks media queries e-commerce row_format
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

fehler squeeze zeitzone #dchh debian datenbanken oxid php mysql conference #codetalks media queries row_format e-commerce movabletype benchmark timezone sql wheezy css responsive webdesign datetime dbi perl performance
"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

referenz koordinatensystem transform css3 css 2d stylesheet vektor lineare transformation scale translate skew linear html und css matrix webdesign rotate transformation style
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