Web Development & Design – Seite 2

Browsersync with Proxy example

Very handy:

browser-sync start --proxy "http://mytest.local/adminui.php?view=myview" --files "/usr/share/webapps/myapp/myview" --browser "firefox-developer"

proxy param gets URL to refresh, files param gets dir to observere, browser is the browser binary you want to launch and use. Browsersync has many other options.

Find more information on the Browsersync website.

Prevent perpetual WordPress login redirects in local and test installations

To prevent perpetual login redircet loops in local/development WordPress installations add this function to your wp-config.php (have it return the users ID you want to authenticate):

function wp_validate_auth_cookie($cookie='',$scheme='')
{
        return 1; // admin user id
}

Google Developer Group Düsseldorf

GDG Düsseldorf General Links

GDG Düsseldorf on Meetup

GDG Düsseldorf Website

GDG Düsseldorf on Google+

GDG Stream on Google+

Join GDG Düsseldorf on Slack

Masonry Layout Solutions

Große Wörter: Digital, Online, Web …

Die Begriffe überlappen manchmal, aber sind schon unterschiedliche Dinge. Man muss das nicht immer haarspalterisch auseinanderhalten, aber es kann in bestimmten Situationen zu missverständnissen führen, wenn man sie synonym verwendet.

Digitale Medien (nicht zwingend Online. Beispiel: Der Videoexperte macht digitale Medien (Video), das hat aber nicht zwingend immer was mit online zu tun)

Online (Kommunikation und sonstige Vorgänge in angebundenen externen Netzwerken (heute oft das Internet, aber nicht zwingend!))

Web (WWW), ein Dienst und Protokoll im Internet. Gleichrangige Dienste und Protokolle im Internet sind z.B. E-Mail, Usenet, IRC usw.. Diese Dienste können natürlich auch in Intranets eingerichtet und genutzt werden.

Diese beiden Wörter werden auch gerne mal durcheinander gebracht:

Intranet

Intranetportal

Remove “Private:” from the titles of private WordPress pages

# add to functions.php of your theme
function the_title_trim($title) {
  $title = attribute_escape($title);
  $findthese = array( '#Protected:#', '#Private:#' );
  $replacewith = array( '', // What to replace "Protected:" with '' //What to replace "Private:" with );
  $title = preg_replace($findthese, $replacewith, $title);

  return $title;
}
add_filter('the_title', 'the_title_trim');

Visual Prototyping, Konzeptionierung und Modellierung

Analog ist die erste Wahl

Bevor man sich den Kopf zerbricht oder in Tooling-Gefrickel verfällt: Gute Stifte und gutes Papier sind immer noch das Tool der Wahl für gemeinsames Prototyping, die gemeinsame Planung und Konzeptionierung im Team, zur gleichen Zeit am gleichen Ort. Dies gilt auch für die Arbeit alleine.

So machen’s übrigens auch die besten der besten.

Gutes Papier, große Bögen und gute Stifte sind dabei sehr wichtig. Robuste Blanko-Kärtchen in verschiedenen Größen können beim UX Prototyping auch helfen.