PHP & JS | perun.net

Ich war neulich auf der Suche nach einem ganz einfachen Toggle-Script. Unter Toggle-Scripten versteht man Lösungen, die auf Klick den versteckten oder den Rest des Inhaltes anzeigen. Das ist eine platzsparende Lösung, die häufig in langen Listen oder in FAQ-Bereichen eingesetzt wird.

Toggle-Lösungen gibt es wie Sand am Meer und einige stehen kurz davor auch Kaffee kochen zu können. Leider ist dann auch entsprechend der Umfang der Dateien.

Daher war ich auf der Suche nach etwas ganz einfachem und nach Möglichkeit, sollte die Lösung auch ohne die Einbindung einer zusätzlichen Javascript-Bibliothek auskommen.

Nach ein bisschen Suche habe ich eine sehr einfache Lösung gefunden, die mit wenigen Zeilen Code auskommt. Ich habe es leicht an meine Bedürfnisse angepasst und nun funktioniert es auch mit dem Internet Explorer.

Hier dazu der Code und die Demo auf jsFiddle:

Die Lösung hat zwar ein paar Jährchen auf'm Buckel, funktioniert aber noch in den gängigen Windows-Browsern: IE9, Firefox 15, Chrome 22 und Opera 12.

Chico UI ist eine Sammlung von Tools um recht einfach Funktionen für eine Website nachzurüsten. Du brauchst eine Dropdown-, Akkorden- oder Tab-Navigation? Dann findet du bei Chico UI erprobte Lösungen.

Neben diesen Funktionen findest du hier auch u.a. einen Bilder-Slider, einen Kalender-Widget und eine CSS-Bibliothek. Bei der CSS-Bibliothek sind die gängigen HTML-Elemente gestylt, es sind CSS-Icons definiert…

… sowie Nachrichten-Boxen, Seitenumbruch-Links und Tabellen.

Styleguides ("Gestaltungsrichtlinien") werden zum Beispiel von größeren Firmen erstellt, damit auch externe Dienstleister nach den "gleichen Regeln" arbeiten, wie die internen Entwickler. Styleguides sind u. a. dann sinnvoll wenn zwei oder mehrere Freelancer zusammenarbeiten, damit man sich auf gemeinsame Regeln einigt.

Sie sind aber auch eine interessante Inspirationsquelle, damit man sieht wie andere arbeiten und da sie in der Regel auf Erfahrungswerten basieren, kann man an Hand solcher Regelwerke, dass eine oder andere lernen.

Auch Google listet solche Gestaltungsrichtlinien und hat vor ein paar Tagen die Styleguides für HTML, CSS und Javascript aktualisiert.

Unter anderem empfiehlt Google bei CSS auf Browser-Hacks zu verzichten, wo es möglich ist, die Kurzschreibweise zu verwenden, auch die letzte Deklaration mit Semikolon zu beenden und die Deklarationen eines Blocks alphabetisch zu sortieren.

Gefunden auf Sitepoint.

Obwohl ich schon sei 15-16 Jahren im Web unterwegs bin, so gibt es dennoch immer wieder Kleinigkeiten, die mich zum staunen bringen. Diesmal handelt es sich um ein Schachspiel das im Browser läuft. Das ist schon lange nichts mehr besonderes.

Das besondere an diesem Spiel ist, dass es auf einem Javascript aufbaut, dass nur 1 KByte groß ist … um genauer gesagt ganze 1023 Byte.

Entstanden ist das ganze im Rahmen des "1k Javascript demo contest". Gut, in Punkto Funktionalität und Komfort, kann es nicht mit den ausgewachsenen Programmen mithalten. Aber man kann dennoch eine Partie Schach gegen einen Gegner spielen, den man nicht unterschätzen sollte.

Gefunden auf Google+

Wie ich im Footer dieser Website die Anzahl der veröffentlichten Artikel, Kommentare und Kategorien ausgebe habe ich schon mal im Dezember letzten Jahres geschrieben.

Ich musste aber den Code von damals leicht anpassen und hier ist das neue Ergebnis:

<li>Artikel: <?php $nr_art = wp_count_posts('post'); $nr_art = $nr_art->publish; echo number_format($nr_art, 0, '', '.'); ?></li>
<li>Kategorien: <?php $nr_kat = wp_count_terms('category'); echo number_format($nr_kat); ?></li>
<li>Kommentare: <?php $nr_komm  = get_comment_count(); $nr_komm  = $nr_komm['approved']; echo number_format($nr_komm, 0, '', '.'); ?></li>

Der ursprüngliche Code hat nicht mehr funktioniert seit dem Serverwechsel. Ich vermute mal das lag daran, dass ich vorher PHP 5.2.x und jetzt PHP 5.3.12 und somit verursachten die Parameter-Angaben des alten Codes Fehlermeldungen.

Hier noch einmal die entsprechende Stelle im alten Code: (weiterlesen…)

Nehmen wir mal an du arbeitest gerade an einem fremden Rechner, dieser ist spartansich eingerichtet und du musst auf die schnelle PHP-Code testen. Oder ein Kollege hat eine Frage zu einem Perl-Skript und du brauchst etwas wo man das Skript testen kann und worauf ihr beide zugreifen könnt. Für solche Fälle gibt es so Dienste wie codepad:

Man gibt in die Textbox seinen Code ein, neben PHP und Perl werden noch u.a. noch C, C++, Python und Ruby unterstützt. Man hat die Möglichkeit das Code-Beispiel als privat zu markieren und dieser ist nur dann erreichbar wenn man den Permalink zu dem Beispiel kennt. Nach dem du auf Submit klickst wird der Code ausgeführt und auch der Permalink zu dem Beispiel generiert:

Nützliches Webwork-Tool.

Auf vielen Websites gibt es am Ende von lange Seiten einen Link, der wenn man ihn anklickt einen auf den Anfang der Seite "springen" lässt. Am einfachsten realisiert man einen solchen Link, wenn man als Ziel lediglich das Rautenzeichen als Ziel angibt:

<a href="#">Nach oben springen</a>

Man kann aber auch auf schon existierende IDs verweisen:

<div id="kopfbereich">...</div>
...
<a href="#kopfbereich">Nach oben springen</a>

Hierbei dient das Universalattribut id sowohl als Ansatzpunkt für die CSS-Regeln als auch für Seiten-interne Verweise: #kopfbereich ist damit Sprunganker und Selektor. (weiterlesen…)