{"id":990,"date":"2018-09-15T09:00:31","date_gmt":"2018-09-15T07:00:31","guid":{"rendered":"http:\/\/revue.local\/?post_type=dev&p=990"},"modified":"2018-09-03T12:32:52","modified_gmt":"2018-09-03T10:32:52","slug":"wordpress-abspaltung-entwurfsmuster-atf","status":"publish","type":"dev","link":"https:\/\/revue.local\/dev\/wordpress-abspaltung-entwurfsmuster-atf\/","title":{"rendered":"WordPress Aufspaltung; Entwurfsmuster und Above-The-Fold"},"content":{"rendered":"
Wahnsinn! Schon mitbekommen? WordPress wurde geforked. Vor nicht allzu langer Zeit habe ich mich noch gefragt, ob das mal passieren w\u00fcrde. Und es hat gar nicht mehr so lange gedauert.<\/p>\n
Wenn es Ihnen nicht bewusst ist: als einen Fork bezeichnet man in der Softwareentwicklung die Abspaltung einer Software<\/a>. Oft passiert das, weil die Entwickler sich nicht einigen k\u00f6nnen, wie eine Software weiterentwickelt werden soll. Eben genauso passiert bei WordPress. Aus dem Entwicklerzweig „WordPress“ wurde nun „WordPress“ und „ClassicPress“.<\/p>\n Was bedeutet es nun, dass jemand WordPress geforked hat? Warum ist das \u00fcberhaupt passiert? Und wie geht es nun weiter?<\/p>\n Dar\u00fcber habe ich ausf\u00fchrlich in meinem Blog berichtet.<\/p>\n Weiterlesen: ClassicPress: WordPress spaltet sich auf und die Suche nach dem Warum<\/a><\/p>\n Uiuiui, f\u00fcr alle Entwickler unter Ihnen habe ich einen super Lesetipp in diesem Monat. Ein Buch, welches ich gerade selbst lese. Aber Vorsicht: das ist harter Lesestoff. Alain Schlesser w\u00fcrde sich aber freuen. Denn neben dem allseits bekannten Singelton- und MVC-Muster kommt auch sein oft vorgestelltes\u00a0Dependency Injection-Muster<\/a> vor.<\/p>\n Der Titel des Buchs: Entwurfsmuster: Das umfassende Handbuch<\/a>. Darin beschreibt der Autor Matthias Geirhos Erzeugungsmuser, Strukturmuster, Verhaltensmuster, Muster verteilter Architektur, Datenmuster und GUI-Muster. Eine Menge Holz, aber hochinteressant. Die Beispiele sind in Java geschrieben. Aber die sind so einfach gehalten, dass sie jeder verstehen kann.<\/p>\n Im vergangenen Monat habe ich mir mal Zeit genommen, einen Mega-Post zum Thema Above-The-Fold zu ver\u00f6ffentlichen. Darin beschreibe ich (inklusive Video), was das eigentlich ist und wie sich sichtbare Inhalte, rein technisch gesehen, priorisieren lassen.<\/p>\n Weiter zum Artikel: Sichtbare Inhalte priorisieren: So funktioniert „Above The Fold“-Optimierung.<\/a><\/p>\n WordPress 4.9.8 wurde Anfang August herausgegeben<\/a> (en). Es gab eine kleine Neuigkeit, die die ganzen Gem\u00fcter erhitzt hat und wohl letztlich auch zum ClassicPress Fork gef\u00fchrt hat: der Gutenberg Callout.<\/p>\n Gutenberg ist im Beta-Stadium. Aber es ist nicht das einzige Plugin an welchem gewerkelt wird. Dar\u00fcber hinaus gibt es noch weitere Beta-Plugins, deren Funktionalit\u00e4ten eventuell einmal im WordPress-Kern landen<\/a>. Eine \u00dcbersicht gibt’s bei SpeckyBoy (en).<\/p>\n Nach dem WordCamp Europe gab es – nat\u00fcrlich – wieder eine Umfrage unter den Teilnehmern. Die Resultate wurden auf der Website vorgestellt<\/a> (en). Kurz die wichtigsten Stats:<\/p>\n Ganz kurzfristig: es wird ein Wordcamp K\u00f6ln geben.<\/a> Und zwar schon am 20.\/21. Oktober (dt).<\/p>\n Tickets f\u00fcr das WordCamp Europe 2019 in Berlin gibt es ab dem 1. Oktober.<\/a> Das ist ein Pflichttermin f\u00fcr alle, die in Deutschland (und Umgebung) wohnen und WordPress nutzen. Auf! Auf! Kaufen! Kaufen! Kaufen!<\/p>\n WordPress f\u00fcr iOS hat eine Aktivit\u00e4ten-Funktion bekommen<\/a> (en). Damit l\u00e4sst sich nachvollziehen, welche Aktivit\u00e4ten es auf dem eigenen Blog gab. Voraussetzung daf\u00fcr ist allerdings das Jetpack-Plugin von Automattic.<\/p>\n Die deutsche WordPress-Community ist vor allem bei Twitter anzutreffen. Aufgrund eines „sich immer weiter abschottendem Twitter“<\/a> sucht sie jetzt auch alternative Soziale Netzwerke und wurde bei Mastodon f\u00fcndig. Mastodon ist Twitter sehr \u00e4hnlich und dezentral aufgebaut. Der Betreiber der Instanz WP-Social ist ein alter Hase in der WP Community: Matthias Kurz von wp-projects.de<\/a>. Bitte mitmachen und anmelden unter: wp-social.net<\/a>.<\/p>\n WordPress wird bald einen Dark-Mode bekommen<\/a> (en). Eine so genannte Merge-Proposal wurde bereits eingereicht. Die Funktion kann bereits \u00fcber das Plugin getestet werden.<\/a><\/p>\n Gutenberg ist der neue Editor, der in WordPress 5.0 das Licht der Welt erblicken soll. Wann es soweit ist, wei\u00df derzeit noch niemand. Ich nehme an, dass es Anfang 2019 so weit sein wird. Derzeit ist der Editor bereits als Plugin erh\u00e4ltlich. Und das tat sich in den vergangenen Versionen:<\/p>\n ElegantThemes hat angek\u00fcndigt, Gutenberg (zumindest partiell) zu unterst\u00fctzen<\/a> (Video).<\/p>\n Gutenberg wird jetzt auch von anderen Content Management Systemen (CMS) aufgenommen. Drupal wird Gutenberg ebenfalls integrieren.<\/a> Es gibt sogar bereits ein Live-Demo<\/a>.<\/p>\n Interessant: In Advanced Custom Fields (ACF) gibt es eine Funktion namens Manish Dudharejia hat bei SmashingMag einen riesigen Blogbeitrag hinterlassen. Das Thema: Gutenberg und welche weitreichenden Folgen es auf die Webentwicklung mit WordPress hat<\/a> (en).<\/p>\n Yoast SEO ist in Version 8.0 ebenfalls Gutenberg-ready<\/a> (en).<\/p>\n WordPress selbst hosten<\/a>: dar\u00fcber gab es schon 2017 eine gro\u00dfe Artikelserie von DeliciousBrains. Im August wurde diese f\u00fcr 2018 aktualisiert. Lesenswert f\u00fcr alle WordPress Entwickler die auch wissen wollen, wie man Server-Monitoring etc. macht.<\/p>\n Mit worldofwp.com gibt es eine Seite die versucht, alle Menschen und Agenturen, die Business mit WordPress machen, aufzulisten.<\/a><\/p>\n WP-CLI ist in Version 2.0.0 erschienen<\/a>. Kurz darauf behebte Version 2.0.1<\/a> den Fehler, dass der Befehl F\u00fcr alle WordPress Theme Entwickler: Das Review-Handbuch wurde angepasst.<\/a> Zuk\u00fcnftig d\u00fcrfen Screenshots und Beitragsbilder keine subjektiven W\u00f6rter wie „brillant,“ „das beste“, usw. mehr enthalten (en).<\/p>\n Das REST-API Team m\u00f6chte noch bis Ende des Jahres ein getestetes OAuth 2.0 Plugin ins Repository schieben<\/a>. Yey!<\/p>\n Auch die Plugin Guidelines haben ein Update erhalten<\/a> (en). A) muss man jetzt alle von Menschen lesbaren Quelldateien mitliefern (wichtig, wenn man z.B. Webpack benutzt) und B) das Einreichen von so genannter Trialware wurde weiter eingeschr\u00e4nkt.<\/p>\n Sch\u00f6ne Fundstelle: Google erkl\u00e4rt, wie JavaScript Tree Shaking funktioniert.<\/a> Damit ist das Filtern von ungenutztem JavaScript-Code gemeint (en).<\/p>\n Gutenberg geht den gegenteiligen Weg: viel, viel, viel JavaScript. Doch das geht auf Kosten der Benutzerfreundlichkeit. Addy Osmani hat bei Medium einen Artikel zum Thema „The Cost of JavaScript“<\/a> geschrieben, der sehr lesenswert ist. Wer nicht so viel Zeit hat kann auch die Zusammenfassung (tl;dr) lesen. Damit ist man in f\u00fcnf Minuten schlauer.<\/p>\n Vue CLI 3.0 wurde ver\u00f6ffentlicht<\/a> (en).<\/p>\n DeliciousBrains hat wieder den Vergleich gewagt: VueJS oder ReactJS<\/a>? Gilt noch immer, was auch 2018 galt?<\/p>\n Babel 7 ist erschienen<\/a> (dt).<\/p>\n CSS-Frameworks wie Bootstrap sind – nach wie vor – im Trend. Doch nicht immer ben\u00f6tigt man den kompletten Code daraus. Mit PurgeCSS gibt es ein Tool, welches den eigentlichen HTML-Code sowie die CSS-Dateien analysiert und nicht genutztes CSS filtern k\u00f6nnen soll<\/a> (en).<\/p>\n PHP 7.3 steht vor der T\u00fcr!<\/a> (en). Als Erscheinungstermin ist der 13. Dezember angepeilt. Kinsta hat mal zusammengefasst, was es Neues geben wird<\/a> (en). Hier kurz und b\u00fcndig:<\/p>\n In Deutschland wurde eine Interessensgemeinschaft f\u00fcr PHP gegr\u00fcndet<\/a>, berichtete HeiseOnline (dt). Der Verein m\u00f6chte die „Akzeptanz, Verbreitung und Weiterentwicklung der Programmiersprache PHP“ weiter f\u00f6rdern. Klingt interessant, da PHP zunehmend von JavaScript Konkurrenz bekommt.<\/p>\n Hoffentlich bald in allen Browsern: Pascal Landau hat in einem Blogbeitrag beschrieben, wie man PHPStorm, Xdebug mit einer Docker-Entwicklungsumgebung zum Laufen bekommt<\/a> (inklusive Video, en).<\/p>\n Mit discover.bot<\/a> hat jemand eine Website geschaffen, die die Bot-Community vereinen soll (en).<\/p>\n Natives Lazyloading kommt vielleicht bald<\/a> (en). Hier mehr zum Thema<\/a> und etwas ausf\u00fchrlicher (en).<\/p>\n Sch\u00f6ner Codeschnippsel hier<\/a> gefunden: Einer hasst sie, der andere liebt sie. Regul\u00e4re Ausdr\u00fccke. SmashingMag hat auf einen guten Regex-Guide<\/a> verlinkt (en).<\/p>\n Der neue Intelligent Tracking Prevention<\/em> Modus in Safari 62 bekam einen Debug-Modus<\/a> spendiert (en).<\/p>\n Wer ein neues Layout f\u00fcr eine Website plant, sollte mal einen Blick auf diese h\u00fcbschen Beispiele<\/a> werfen (en). Eindrucksvoll.<\/p>\n Welche Version des Internet Explorers unterst\u00fctzen Web Entwickler heutzutage noch? Eine kleine Umfrage von SmashingMag<\/a> auf Twitter bringt Licht in’s Dunkle: Knapp 90% unterst\u00fctzen noch IE10 und 11. Alles darunter scheint nicht mehr relevant zu sein. Gott sei Dank!<\/p>\n PHPStorm 2018.2 kann jetzt auch SQL-Queries visualisieren<\/a> (en). Sieht verdammt cool aus.<\/p>\n Google Chrome spielt mit dem Gedanken, JavaScript komplett zu deaktivieren,<\/a> wenn ein schlechtes Netzwerk registriert und die Data-Saver-Option aktiviert ist (en).<\/p>\n Das Business w\u00e4chst, aber Sie entwickeln immer noch allein? Zeit vielleicht ein Team zu gr\u00fcnden. Aber auch hier gibt es Herausforderungen<\/a>. Welche das sind, dar\u00fcber gab es bei Freemius einen Blogbeitrag (en).<\/p>\n Mike Rundle hat in seinem Tweet mal wieder ausgesprochen, was bei Entwicklern wirklich z\u00e4hlt<\/a>. Egal ob man Objective-C, PHP, HTML, CSS oder \u00e4hnlich nutzt. Was wichtig ist, ist der Outcome.<\/p>\n User-Onboarding<\/a> ist ein wichtiges Thema. Letztlich sollen so viele Benutzer wie m\u00f6glich zu zahlenden Kunden werden. SmashingMag hat dazu einen gro\u00dfen Artikel ver\u00f6ffentlicht (en).<\/p>\n Zum gleichen Thema: Im Blog von EasyDigitalDownloads findet man 10 Tipps, wie sich hochpreisige Plugins besser verkaufen<\/a> (en).<\/p>\nBuchtipp des Monats<\/h2>\n
<\/a>
Was ist Above The Fold?<\/h2>\n
<\/a>
WordPress News<\/h2>\n
\n
\n\n
\n
\n
\n
\n
\nGutenberg<\/h2>\n
\n
withAPIData()<\/code> wurde abgeschafft.<\/li>\n
\n
\n
\nacf_register_block()<\/code>. Die tut genau das, was sich viele PHP-Entwickler urspr\u00fcnglich gew\u00fcnscht hatten: Es baut einen Gutenberg-Block nur \u00fcber PHP.<\/p>\n
\n
\nWordPress Entwickler News<\/h2>\n
\n
\ni18n make-pot<\/code> nicht ordnungsgem\u00e4\u00df in Version 2.0 gepackt wurde. Die wohl bedeutendste \u00c4nderung in Version 2 ist, dass das CLI-Framework und der Bundler voneinander getrennt wurden. Dadurch konnten viele Abh\u00e4ngigkeiten (vor allem aber Symfony) gel\u00f6st werden.
\nWie oben erw\u00e4hnt ist i18n make-pot<\/code> ein neuer Befehl. Dazu gesellen sich
config edit<\/code>,\u00a0
db columns<\/code>,
db clean<\/code>,
site meta<\/code>,
user check-password<\/code>,
language plugin<\/code> und
language theme<\/code> . Dar\u00fcber hinaus gibt es jetzt endlich auch eine
cli_init<\/code>-Action.<\/p>\n
\n
\n
\nJavaScript News<\/h2>\n
\n
\n
\n
\nEntwickler News<\/h2>\n
\n\n
EOT<\/code> bei Heredoc- und Nowdoc-Anweisungen kann nun einger\u00fcckt werden. Wie lange haben wir darauf gewartet?<\/li>\n
whatever($a, $b,){};<\/code><\/li>\n
json_encode()<\/code> und
json_decode()<\/code> erhalten ein neues Flag welches einen Fehler wirft (
JsonException<\/code>), falls ein Fehler passiert. Aktuell gibt die Funktion
null<\/code> zur\u00fcck, was aber im JSON-Syntax ein valider Wert ist.<\/li>\n
list()<\/code>-Funktion ist es m\u00f6glich auch Referenzen zu erzeugen:
list($a, &$b) = $array;<\/code><\/li>\n
\n
is_countable()<\/code><\/li>\n
array_key_first()<\/code><\/li>\n
array_key_last()<\/code><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n
\n
\n#css { scroll-behaviour:smooth };<\/code>. Beispiel bei CodePen.<\/a><\/p>\n
\n
\n
\n
\nfont-size: calc(16px + 0.5vw);<\/code>
\nDamit l\u00e4sst sich die Schriftgr\u00f6\u00dfe anhand der Browserbreite einstellen. SmashingMag hat eine kleine Umfrage gemacht und wollte wissen, welches die besten CSS-Tricks<\/a> sind. Kann man sich durchlesen. Ist recht interessant was andere so herausgefunden haben.<\/p>\n
\n
\n
\n
\n
\n
\nHappy Dev<\/h2>\n
\n
\n
\n
\n