Tag css
Die meisten Buttons im Web verwenden einen einfachen Hover-Effekt. Doch heute machen wir etwas anderes: einen Button, der garantiert auffällt! Anstatt die Animation bereits beim Hover auszulösen, starten wir sie erst nach dem Klick. Dabei erscheint ein Icon, das von links nach rechts über den Button läuft. Erst wenn die Animation abgeschlossen ist,... mehr auf chefblogger.me
Bei der Arbeit an PlanetFOSS ist mir ein massives Speicherleck in WebKitGTK 2.54 begegnet: Ein harmloser Milchglas-Effekt per backdrop-filter treibt GNOME Web auf bis zu 9,8 GB. Firefox und Chrome lässt die gleiche Seite völlig kalt.... mehr auf linuxundich.de
Erstellung einer lokalen Wetteranwendung für die Städte Osnabrück und Münster. Aktuelle Wetterdaten, Vorhersagen, amtliche Warnungen und wetterabhängige lokale Empfehlungen für Unternehmungen. WetterApp öffnen Einblick in die Anwendung Die Oberfläche zeigt die Wetterinformationen in einer klaren Hierarchie. Die kompakte Übersicht vermittelt eine... mehr auf kloentrup.de
So einen Effekt mit dem Runterscrollen durch eine Maus zu verbinden, das nennt man einen ScrollTrigger, und viele Videos, die ich bereits gemacht habe, brauchen dafür GSAP. Und genau hier liegt der Unterschied, denn wenn ihr mit GSAP arbeitet, müsst ihr eine JS-Bibliothek zusätzlich einbinden und evtl. noch weitere Erweiterungen. Wenn ihr aber dies... mehr auf chefblogger.me
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
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
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
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
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
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
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
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
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 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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
"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
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
Am 28. Mai 2015 findet die jährliche Google Entwicklerkonferenze Google I/O in San Francisco statt. Weltweit gibt es sogenannte "I/O-Extended"-Verstanstaltungen, auf denen Teile der Konferenz gestreamt, Entwickler-Demos oder Hackathons abgehalten werden. Spark 5 organisiert d... mehr auf blog.spark5.de
Wenn Programme wachsen, kann es dazu kommen, dass Selektionen (SELECTs), die bislang zuverlässig und schnell funktioniert haben, plötzlich langsam und unperformant werden. In diesem Artikel stelle ich vier grundlegende Regeln vor, wie man diesem Problem vorbeugt und auf großen Datenmengen "richtig selektiert". Im Folgeartikel "Schneller selektie... mehr auf blog.spark5.de
Besonders auf der Startseite machen sich Boxen mit dem Angebot und einem kleinen beschreibenden Text ganz gut. Man kann sein Produkt, einen Artikel, eine News oder eine weitere Unterseite kurz vorstellen und auf der Hauptseite mit einer Verlinkung hinterlegen. Bei Interesse klickt der Nutzer auf die Box, um genauere Details und Informationen zu bek... mehr auf programmieren-optimieren.de
Zu einem guten Artikel macht sich ein schönes zur Thematik passendes Bild im Content ganz gut und intensiviert die Vorstellungskraft des Lesers. In einer HTML Seite kann der Text beliebig positioniert werden. Der Text kann entweder oberhalb oder unterhalb, aber genauso rechts oder links, d.h. fließend neben dem Bild platziert werden. Bei der Platzi... mehr auf programmieren-optimieren.de
