Tech Demo SpaceInvaders mit JavaScript und jQuery

Hallo lieber Leser, ich habe wieder etwas programmiert. Ich wollte SpaceInvaders nachbauen in JavaScript und jQuery. Rausgekommen ist vorerst eine Demo davon. Ziel ist es die Boxen, welche die Invader darstellen sollen in einen bestimmten Zeit abzuschießen. Es sollte recht einfach sein. Die Demo findet Ihr unter: http://drive.ristosstudio.de/space

Hier noch ein Screenshot von der Demo:

Screeshot der Demo
Screeshot der Demo

Spiel Streichhölzer ziehen mit JavaScipt und jQuery

Hallo lieber Leser, ich habe mal wider eine Challenge absolviert. Es ging darum ein Spiel zu programmieren und dabei auf JavaScript und jQuery zu setzen. Raus gekommen ist eine Variante von Streichhölzer ziehen. Ziel ist es, die letzen Streichhölzer zu ziehen, so dass 0 übrig bleiben. Du kannst wählen mit wie vielen Streichhölzer der Stapel voll ist. 10 Stück oder 20 Stück und du kannst entscheiden wer beginnt. Du oder der Computer. Einen hinweis gebe ich. Es ist wichtig wer beginnt mit wie vielen Streichhölzern um den Computer zu schlagen. Unten ein Screenshot vom Spiel. Das Spiel liegt unter: http://drive.ristosstudio.de/nimm/

Screenshot des Spiels
Screenshot des Spiels

Sidebar und Sticky Post

Heute nach der Arbeit habe ich mich an die Sidebar gemacht. Viel musste ich nicht verändern. Eine Trennlinie zwischen den Hauptinhalt, also den Posts und der Sidebar habe ich eingefügt. Zu sehen ist sie nicht wirklich. Aber sie ist da. Auch die Überschriften der Widgets habe ich vom alten Design übernommen. Ein weiterer Punkt heute war noch, dass Gestalten des Stickyposts. Also der Post, der oben gehalten wird. Wenn man ihm diese Option gibt. Das Ergebnis kann sich sehen lassen und folgt wie immer auf dem Fuße.

sidebar-sticky-post
sidebar-sticky-post

Post Images und Mobile Navigation

Ich habe heute keine Ruhe gefunden und weiter am WordPress Thema für den Verein geschraubt.
Im letzten Artikel, in dem es um den Feed ging, habe ich schon geschrieben, dass mir dieser noch nicht gefällt. So habe ich heute den Bildern im Artikel selbst mehr Platz gegeben und so einen guten Kompromiss geschaffen, zwischen Text und Bild, wie ich finde. Aber seht selbst.

post-article-styling-images
post-article-styling-images

Ach habe ich die mobile Navigation angefangen. Viel war nicht zu erledigen, da eigentlich so gut wie alles vorkonfiguriert wurde durch UiKit. Das vorläufige Ergebnis sieht wie folgt aus:

mobile-nav
mobile-nav
mobile-nav-off-canvas
mobile-nav-off-canvas