Responsive ist modern und beliebt. Die Vorteile liegen ganz klar bei den dynamischen Größen der Themes. Um auf coole Nebeneffekte wie jQuery Slider nicht verzichten zu müssen, gibt es natürlich auch responsive jQuery Slider.
Der jQuery Slider SlidesJS bietet einen schlanken Code und ist für responsive Themes gedacht. Der schlanke Quellcode bietet natürlich schnelle Ladezeiten – natürlich auch für Mobile Endgeräte wie Smartphones und Tablet-PCs.
Eingebunden wird der Slider per Javascript (jQuery benötigt) und HTML. Ein kleiner Teil CSS wird für die Anzeige der Navigationspunkte und den Bild-Container benötigt. Eine Demo mit Beispiel Grafiken ist auf der SlidesJS Seite vorhanden.
Heute gibt es einen kleinen PHP Codeschnipsel, der sicher dem ein oder anderen beim konvertieren zu JSON helfen wird. Wofür ist der PHP Code? Mit dem Codeschnipsel kann ein beliebig großes PHP Array zu einem JSON Code konvertiert werden.
PHP array zu JSON
PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<?php
// setze json-header
header('Content-Type: application/json');
// das php array
$theArray=array(
"first"=>array(
"name"=>"miranda",
"birth"=>"june, 1990",
"location"=>"italia",
),
"second"=>array(
"name"=>"bobby",
"birth"=>"dez, 1986",
"location"=>"germany",
),
"third"=>array(
"name"=>"nick",
"birth"=>"may, 1992",
"location"=>"brasil",
),
);
// konvertiere string zu json
echojson_encode($theArray);
// nachfolgendes nicht mehr ausfuehren
exit();
?>
Das Eregnis aus dem obrigen PHP Array sieht wie folgt aus:
Download und Upload Speed-Test Websites gibt es viele. Die meisten davon verwenden Flash oder Java Anwendungen zur Realisierung. Ganz anders wurde der Speed-Test auf SpeedOf.Me realisiert. Dieser Speed-Test verwendet nur Javascript, HTML5 und CSS3, und kommt ganz ohne Extras aus.
Verwendet wird für den HTML5 Download und Upoad Test eine 128kb große Datei. Während die Datei herunter- und anschließend wieder hochgeladen wird, kann auf dem Diagramm in Echtzeit die Geschwindigkeit verfolgt werden. Ist der Test beendet, so kann in das Diagramm (Chart) hineingezoomt werden. Wer sich das Ergebnis sichern möchte, hat die Möglichkeit das Chart als png, jpg, pdf oder svg Datei herunterzuladen.
Übersichtlich, verständlich und einfach sollten sie sein. Die Rede ist von sogenannten Mindmaps. Egal bei welchen Thema man sie anwendet, Mindmaps geben immer eine klare und strukturierte Übersicht.
Wer sich mit Stift und Papier die Hände nicht schmutzig machen möchte, der darf sich den Brainstorming und Mindmap EditorBubbl.us ansehen. Unkompliziert und einfach zu bedienen ist dieser.
Wie auf dem Screenshot zu sehen, kann jede Element-Gruppe farbig verändert oder um weitere Unterlemente erweitert werden. Um eine bessere Ordnung zu erhalten, lassen sich die Elemente mit der Maus hin und her ziehen und beliebig positionieren.
Nach Fertigstellung einer Mindmap lässt sich diese als Grafik exportieren. Alternativ kann die Mindmap auch sofort gedruckt oder online auf bubble.us gespeichern werden.
PHP ist eine Programmiersprache für Online Software und neben Java und C++ am weitesten verbreitet. Alles was man für PHP benötigt, ist ein PHP fähiger Server und ein einfacher Texteditor. Gespeichert werden PHP-Dateien mit der Endung .php.
Wie gibt man ein “Hello World” aus?
Mit dem “<?php”-Tag öffenet man PHP und mit “?>” wird der Tag wieder geschlossen. echo ist die Funktion, die den Text ausgibt.
Ich persönlich fange immer erst mit dem CSS-Code an und danach baue ich den HTML-Code auf. Das hat den Vorteil, dass ich nur noch die dazugehörigen HTML-Tags einfügen muss. Wer aber zuerst alle HTML-Tags aufschreibt, kommt oft mit den IDs und Klassen für den CSS-Code durchnander und verliert schnell die Übersicht bzw. schreibt die CSS Klasse nicht so strukturiert auf.
Abhilfe schafft PrimerCSS
PrimerCSS.com ist eine kleiner Online Dienst, der aus einer Textbox und drei Buttons besteht. In die Textbox fügt man einfach einen HTML Code ein und klickt anschließend auf PRIME IT.
Durch die “Prime it”-Funktion werden alle IDs und Klassen in ein CSS-Grundgerüst extrahiert, so dass man einen strukturierten und sauberen CSS-Code vorligen hat, in den man anschließend in Ruhe weitercoden kann.
Für den ein oder anderen bestimmt ein ganz nützliches Tool. Auch ist der Dienst gut geeignet, wenn man ein Redesign erstellen möchte und den bestehenden CSS-Code nicht weiterentwickeln möchte.
