WEBDESIGN

Archiv

2011 – Der Jahresrückblick

Das erste Jahr seit dem Staticfloat existiert nähert sich nun dem Ende. Es wurden etwas über 250 Artikel und Tutorials veröffentlicht, manche davon waren sehr ausführlich andere waren nur kurze Quicktipps. Da die letzten Tage etwas ruhiger waren und die nächste Woche auch noch etwas ruhiger wird, gibt es nun einen Jahresrückblick, in dem die…
1 Kommentar

Twitter Bootstrap – HTML5 Framework und Toolkit

Bootstrap ist ein freies, open source HTML5 Framework von Twitter. Bootstrap ist dazu gedacht, um die Entwicklung von Webanwendungen zu beschleunigen, in dem bereits eine solide Basis an HTML, Javascript und CSS Werkzeug bereitgestellt wird. Heute schauen wir uns an, welche Vorteile Bootstrap bietet und für wen es sich eignet.
0 Kommentare

jQuery SwapAttr Plugin – Element Attribut mit Text tauschen

Gerade ist mir beim Durchforsten des Internets (des gesamten!) ein ziemlich schickes jQuery Plugin ins Auge gesprungen. Mit SwapAttr ist es möglich den Text eines Elementes mit einem beliebigen Attribut zu tauschen.
0 Kommentare

Ein Blick in die PHP.ini – wichtige Einstellungen

Fast jeder der mit PHP bereits gearbeitet hat, hat schon von der php.ini Datei gehört. Die php.ini ist ein Konfigurationsfile für PHP, um das Laufzeitverhalten zu bestimmen und zu verändern. Darin können sämtliche Einstellungen für PHP vorgenommen werden, unter anderem die maximale Ausführungszeit für Scripte, die maximale Dateigröße für Uploads oder das Error Handling.
2 Kommentare

Prefetching von Links und anderen Ressourcen mit jQuery

Eine Webseite sollte so schnell wie möglich geladen werden, zum einen freut sich der Besucher, zum anderen wird man auch von Google belohnt. Das Vorausladen von Daten, das sogenannte prefetching ist eigentlich schon eine relativ alte Technik, aber weiterhin sehr effizient. In diesem Artikel wollen wir uns anschauen, wie man bestimmte Ressourcen mit Hilfe von…
0 Kommentare

OOCSS – Objektorientiertes CSS

Objektorientierte Programmierung ist ein Konzept, um gemeinsame Daten und Methoden auf diese Daten in einem Objekt zusammenzufassen. Weiterhin kann dadurch die Entwicklung und Weiterentwicklung durch Wiederverwendung von Elementen effizienter gestaltet werden. Nun stellt man sich die Frage, was CSS mit objektorientierter Entwicklung zu tun hat. Mittlerweile gibt es aber Konzepte um CSS objektorientiert zu verwenden.
2 Kommentare

AES 256 Verschlüsselung in PHP

Die Verschlüsslung von Daten ist ein zentrales Sicherheitsthema. Es gibt Daten bei denen möchte man sicher gehen, dass sie niemand anderer einsehen kann. Der Rijndael (AES) Algorithmus gehört zu den sichersten und am häufigst eingesetzten Verschlüsselungsalgorithmen. Auch PHP hat unter bestimmten Voraussetzungen bereits Funktionen, um den Rijndael Algorithmus zu nutzen implementiert.
4 Kommentare

[News] Twitter bekommt neues Design

Einige haben bestimmt schon bemerkt, dass die Standard – Twitter – Buttons nicht mehr blau/grün sind sondern weiß. Die gesamte Twitter Webseite wird in nächster Zeit ebenfalls komplett umgekrempelt. Twitter war eigentlich schon immer recht schlicht, soll nun aber noch schlichter werden. Wer einen Blick auf das neue Design mit dem Codename fly werfen will,…
0 Kommentare

CSS Font – Größen und die neue CSS3 REM Einheit

Die Schriftgröße einer Webseite kann in verschiedenen Einheiten festgelegt werden, die mit Abstand meist benutzen sind dabei px und em. Mit CSS3 wurden aber auch noch weitere Einheiten eingeführt z.B. rem, mit dieser Einheit können Größen relativ festgelegt werden.
0 Kommentare

Formular-/ Benutzereingaben automatisch sichern mit Sisyphus.js

Man stellt sich vor, dass während des Ausfüllens eines Formulars plötzlich der Browser abschmiert. Dann kann in den allermeisten Fällen das Formular noch mal neu ausgefüllt werden. Dieser Umstand kann extrem nervig sein, das jQuery Plugin Sisyphus kann hier Abhilfe schaffen. Sisyphus speichert automatisch Formulardaten in bestimmten Abständen mit Hilfe der localStorage HTML5 API.
2 Kommentare

Tipps für eine effizientere Google Suche

Google ist die meistgenutze Suchmaschine der Welt. Täglich kommen tausende von neuen Webseiten mit Informationen hinzu. Google macht schon einen relativ guten Job um relevante Informationen von dieser Masse heraus zu suchen, bzw. die nach Meinung von Google unrelevanten Informationen bekommt man einfach nicht zu Gesicht. Die meisten Benutzer geben ihre Suchbegriffe in die Suchleiste…
2 Kommentare

Stylesheets dynamisch mit Javascript hinzufügen

Nachdem es vor ein paar Tagen bereits ein Tutorial gab, wie man CSS Stylesheets dynamisch mit PHP austauschen kann, geht es in diesem Artikel darum, CSS Styles dynamisch mit Javascript hinzuzufügen.
1 Kommentar

Favicons von Webseiten auslesen und anzeigen mit PHP und Ajax

Favicons sind kleine, meist 16×16 oder 32×32 Pixel große Icons, die neben der Adresszeile im Browser angezeigt werden. Favicons sind dazu da, um Webseiten darüber identifizieren zu können. Wenn Besucher Links posten, wäre es also vielleicht nicht schlecht wenn direkt das Favicon der Webseite mit angezeigt würde. In diesem Artikel zeige ich, wie man mit…
7 Kommentare

CSS3 Animation von mehreren Attributen mit “transition: all”

Mit CSS Transition’s können kleinere Animationen mit CSS umgesetzt werden. Es ist außerdem möglich diese Animation per Javascript auszulösen. Bei allen gezeigten Beispielen wird jedes zu animierende Attribut explizit angegeben, CSS bietet mit transition: all aber auch die Möglichkeit alle auf einmal zu ändern.
0 Kommentare

CSS3 Transitions mit Javascript auslösen

Mit CSS Transitions können kleinere Animation umgesetzt werden, damit sind sie in einigen Fällen eine Alternative zu Methoden wie jQuery’s animate(). Der Vorteil von CSS Transitions liegt dabei auf der Hand, Animationen können direkt im Stylesheet der Seite festgelegt werden. In diesem Tutorial geht es darum, CSS Transition mit Hilfe von jQuery auszulösen, um sie…
1 Kommentar