SCREENGUIDE03/2017的目錄

FLUENT DESIGN Auf seiner Entwicklerkonferenz Build 2017 hat Microsoft das Konzept für eine neue Designsprache vorgestellt: das Fluent Design System. Es enthält Richtlinien für die Gestaltung und die Interaktion mit Software auf allen Windows-10-Plattformen – egal ob Desktop, Smartphones oder Virtual Reality. Das Konzept löst damit die bisherige Microsoft Design Language 2 (besser bekannt als Metro) ab. Fluent Design basiert auf fünf Prinzipien bzw. „building blocks”: Licht, Tiefe, Bewegung, Material und Maßstab. Diese sind recht flexibel zu sehen. So beinhaltet Tiefe auch Geräusche im Raum. Damit bewegt sich Microsoft weg vom zweidimensionalen Flat Design der Metro UI und hin zu dreidimensionalen Layouts. In der Keynote waren nur kurze Beispiele zu sehen, aber im Windows Dev Center finden Sie längere Sessions, die das Konzept ausführlicher vorstellen. Und das sieht alles richtig…

Als Händler stellen Sie sich gerade bei der Eröffnung Ihres Online- Shops die Frage, ob Sie Allgemeine Geschäftsbedingungen überhaupt brauchen. Die Antwort mag überraschend sein: Eine Pflicht zur Verwendung von AGB gibt es nicht. Die Parteien müssen nur den Gegenstand des Vertrages, also Kaufsache und Preis, bestimmen. Alles andere regelt das Gesetz. Problematisch ist jedoch, dass die gesetzlichen Regelungen häufig unvollständig sind und die Besonderheiten gerade innovativer Geschäftsmodelle nicht berücksichtigen. Dazu kommt, dass viele Pflichtangaben aus dem Fernabsatzrecht und dem E-Commerce- Recht ihrer Natur nach keine bloßen Informationen wie z.B. die Anbieterkennzeichnung, sondern ohnehin vertragliche Vereinbarungen darstellen. Dazu zählen z.B. etwaige Versandkosten, die Zahlungsbedingungen oder die Mindestlaufzeit eines Vertrags. In der Praxis bietet Ihnen die Verwendung von AGB nicht nur die Möglichkeit, derartige Informationen gebündelt darzustellen, sondern auch die Gelegenheit,…

Die Machtverhältnisse sind schnell geklärt: In Deutschland liegen bei den fünf großen Browsern laut browser-statistik. de Chrome (33,8 %) und Firefox (25,4 %) vorne, danach kommen Safari (19,6 %), Internet Explorer (7,9 %) und Opera (1,1 %). Andere Browser haben es schwer, sich dagegen zu behaupten. Anderer seits bleiben in der deutschen Statistik noch 12,2 % übrig, die sich sonstige Browser teilen. Ein genauerer Blick in die Daten der letzten 30 Tage zeigt den Samsung Browser bei 6 %, Edge bei 2,8 % und den Android Browser bei 1,7 %. Dazu kommen weitere Browser, von denen die meisten Leute, selbst in der Web szene, kaum jemals gehört haben. Oder kennen Sie Silk, den Puffin Browser oder Flock? Neben den bekannten und etablierten Browsern tummeln sich unzählige andere auf dem Markt.…

Die Firma Netlify ist Anbieter einer Hosting-, Deployment- und Build-Infrastruktur für statische Websites. Seit ein paar Wochen stellt die Firma jetzt auch ein CMS für statische Websites zur Verfügung [netlifycms.org]. Um mit dem Netlify CMS zu arbeiten, benötigen Sie einen Github und einen Netlify Account. Was wie ein großer Nachteil aussieht, bietet aber auch sehr viele Vorteile. Selbst der kostenfreie Account bei Netlify ermöglicht es, unbegrenzt viele Sites als Subdomains anzulegen. Gerade zum Ausprobieren neuer Technologien, sei es eine neue Static Site Engine oder eben ein CMS für statische Sites, ist der kostenfreie Account vollkommen ausreichend. DIE INSTALLATION Um sich mit dem CMS vertraut zu machen, können Sie die automatische Installation verwenden, die die Firma Netlify anbietet [netlifycms.org/docs/test-drive]. Einfach auf den Deploy-Button drücken, „Connect to github” wählen, Name des Repositories…

Als Webentwickler sind Sie meist für mehrere Projekte verantwortlich. Ist das Projekt online, müssen Sie sich neben der Weiterentwicklung auch um kurzfristige sicherheitsrelevante Updates kümmern. Hier kann es durchaus hilfreich sein, sich rechtzeitig über wichtige Informationen zu Ihrem Content- Management-System zu informieren. Dieser Artikel zeigt, wie Sie Ihren Arbeitsplatz um ein 0,96 Zoll Oled Display ergänzen und mithilfe der Drupal Release History wichtige Drupal-Core- Updates im Blick haben (Abb. 1). Das grundlegende Prinzip lässt sich ebenso auch auf andere CMS bzw. auf beliebige Informationen aus dem Netz anwenden. Die Drupal-Infrastruktur bietet eine Vielzahl von Informationskanälen zum Entwicklungsstand der Hauptkomponenten und Zusatzmodule. Foren, Newsletter, RSS-Feeds und entsprechende APIs fassen projektrelevante Eckdaten zusammen und verweisen auf neue Versionen oder Sicherheitsupdates. Auch über die interne Reportseite einer Drupal-Installation werden Update- und Sicherheitsinformationen für…

EINEN JOB, DER ZU MIR PASST. ADÄQUATE BEZAHLUNG. FÜR FESTE UND FREIE. DESIGNERDOCK ist die größte Personalvermittlung für die Kommunikationsbranche im deutschsprachigen Raum. Gesucht werden qualifizierte Front- und Backend-Programmierer, Interface- und Motiondesigner bis zu Interactive- oder Online AD sowie digital Konzepter und Projektmanager. Unsere Kunden sind namhafte Agenturen und Unternehmen. Wir bieten eine kostenfreie Aufnahme in die Kartei. Für die Vermittlung von Freelancer-Jobs fällt eine Provision in Höhe von 10 Prozent an. Die Vermittlung in eine Festanstellung ist für den Kandidaten kostenfrei. Bewerbungsformular, Jobs und alle Informationen unter www.designerdock.com. Für Ihre Karriere – den passenden Job: www.designerdock.com/online oder mobile.designerdock.com. Wir freuen uns auf Ihre Bewerbung – gerne auch initiativ.…

FORSCHUNG Deutsches Internet-Institut: Berlin hat den Zuschlag für das Deutsche Internet-Institut bekommen. Die Einrichtung wird von einem Konsortium aus fünf Hochschulen und zwei außeruniversitären Forschungseinrichtungen aus Berlin und Brandenburg gegründet. Das Konsortium hatte sich mit seinem Konzept gegen Hannover, Karlsruhe, Leipzig und Bochum durchgesetzt. Das Internet-Institut soll die ethischen, rechtlichen, wirtschaftlichen und gesellschaftlichen Aspekte von Internet und Digitalisierung erforschen. Dafür stellt das Bundesministerium für Bildung und Forschung in den ersten fünf Jahren Fördermittel bis zu 50 Millionen Euro bereit. „Mit seiner Gründung schaffen wir nicht nur einen neuen Leuchtturm in der deutschen Forschungslandschaft, sondern schaffen zugleich eine Einrichtung, die ihre Erkenntnisse an Gesellschaft, Wirtschaft und Politik weitergibt”, sagte Bundesforschungsministerin Johanna Wanka. [goo.gl/O5D3Xa] WEBSTANDARDS / W3C HTML Microdata: Die Web Platform Working Group hat den ersten Public Working Draft für „HTML…

01 PIXIO Pixio bietet ein besonderes Bauvergnügen in Form von kleinen, magnetischen Würfeln in 16 verschiedenen Farben. Ein einzelnes Pixio ist ein Plastikwürfel in einer Größe von 8 × 8 × 8 mm, wiegt knapp 1 Gramm und enthält 6 starke Magnete, die in 50 Jahren nicht mehr als zwei Prozent ihrer Anziehungskraft verlieren sollen. Designer, Pixelfans und Lego-Enthusiasten können sich mit diesen dreidimensionalen Pixeln kreativ austoben. Eine App soll Anleitungen für mehrere Hundert Charaktere bieten, darunter Ballerinas, Holzfäller und Tiere, aber auch bekannte Figuren wie Mario, Pac-Man oder Pikachu – auf der Website finden Sie zahlreiche weitere Ideen. Während der Kickstarter-Kampagne konnten Sie Pixio in verschieden großen Paketen kaufen: angefangen bei einem kleinen Set mit 50 Pixio-Würfeln für 19 US-Dollar bis hin zu einem riesigen Paket mit 3.200 Pixio-Würfeln…

Auch im Jahr 2017 brauchen Unternehmen und Organisationen Menschen, die sich mit „diesem Social” auskennen. Dabei haben sich zwei zentrale Berufsbilder herauskristallisiert: Während sich der Community Manager vor allem operativ um die Fans und Follower kümmert, ist der Social Media Manager eher strategisch tätig, auch wenn er sich anfangs oft mit um die Community kümmert. Daher wird es immer wichtiger, gut qualifizierte Social Media Manager zu finden. Gerade in der Entstehungsphase einer neuen Branche ist oft auch im Ausbildungsbereich eine hohe Dynamik zu beobachten. Schnell entstehen Ausbildungsangebote aus der Notwendigkeit heraus, in kurzer Zeit eine große Nachfrage an passend ausgebildetem Personal zu befriedigen. Hier ist auch das Arbeitsfeld „Social Media” keine Ausnahme. So entstanden z.B. früh Angebote wie das der „Social Media Akademie”, bei denen nach eigenen Standards und Lehrplänen…

Spätestens seit dem Amoklauf in einer Münchener Einkaufsmeile vom Juli 2016 ist das sogenannte „Darknet” nicht nur in Netzaktiven-Kreisen bekannt, sondern wird auch von Nicht-Technikern diskutiert. In diesem Darknet, so heißt es, geschähen die unfassbarsten Dinge. Pornos oder Drogen be käme man auf Knopfdruck, und auch der Amokläufer habe seine Waffen ganz bequem dort bestellt. Diesem wilden Treiben gehöre Einhalt geboten, fordern Politiker. Anonymität, das unerkannte Surfen im Internet, sei ein Grundübel, das dringend abgeschafft werden müsse. Schließlich hätten auch alle Autos ein Nummernschild, da müssten die Internetnutzer ebenfalls für alle deutlich erkennbar zeigen, wer sie sind. Man habe ja schließlich nichts zu verbergen. Doch, hat man. Die Lehrerin, die bei den Anonymen Alkoholikern Hilfe sucht, bevor sie im Beruf Ärger bekommt. Der homosexuelle Priester, dessen Karriere beendet ist, wenn…

Als das Web Mitte der 1990er- Jahre ein ernst zu nehmendes Massenmedium wurde, war in der Kunst die Aufbruchstimmung lange vorbei. Alles konnte Kunst sein. Die Museen zeigten neben Alten Meistern Installationen, Performance Artefakte und Videokunst. Große Künstler der Postmoderne wie Joseph Beuys und Andy Warhol waren bereits gestorben, aktuelle Stars wie Gerhard Richter und Jeff Koons schon etabliert. Provokation gehörte zum Geschäft. Reine Computerkunst gab es schon in den 1960er-Jahren, doch erst der Siegeszug von PC und Internet ermöglichte es, digitale Kreationen dezentral zu verbreiten. 1998 gab es bereits das „Museum of Web Art”, in erster Linie eine Sammlung von frühen Multimedia- Anwendungen, DHTMLExperimenten und unkonventionellen Design-Details. Das zweckfreie Spiel als Experiment mit dem Unkonventionellen wich im Laufe der folgenden 15 Jahre standardisierten Konventionen und einer zunehmenden Professionalisierung. Webstandards,…

Sofern eine Webseite barrierefrei sein soll, und das sollte in den meisten Fällen das Ziel sein, spielen Textalternativen für Grafiken eine wichtige Rolle. Dabei ist das Thema alles andere als trivial. Zum einen stellt sich die Frage, wie genau eine Grafik beschrieben werden muss (oder kann), und zum anderen gibt es diverse Techniken für die Umsetzung einer Textalternative. Die Anforderung, Textalternativen für Grafiken zu bestimmen, steht in Erfolgskriterium 1.1.1 der Web Content Accessibility Guidelines (WCAG) 2.0 [goo.gl/qxDpyN]. Demnach benötigen Bilder und Grafiken eine Textalternative, die den äquivalenten Zweck erfüllt. Der Zweck der Grafik bestimmt also das, was in die Textalternative gehört. Mancher Leser wird sich bereits die Frage stellen, warum von „Textalternativen” und nicht etwa „Alternativtexten” die Rede ist. Tatsächlich werden in den Web Content Accessibility Guidelines 2.0 Textalternativen verlangt,…

Im Jahr 2015 feierte Joomla! seinen 10. Geburtstag. Das CMS ist seinen Kinderschuhen längst entwachsen und hat sich zu einem stabilen ausgereiften System entwickelt [joomla.org]. 80 Millionen Downloads und bis zu 7.000 Erweiterungen für jeden denkbaren Anwendungsfall sprechen für sich. Ganz egal, ob Sie eine Website benötigen, einen einfachen Shop betreiben oder eine eigene Entwicklung mit Joomla! verbinden möchten – es sind kaum Grenzen gesetzt. Viele Webhoster bieten Joomla! bereits als vorinstalliertes Paket an. Die Installation selbst ist denkbar einfach, das System leitet Sie verständlich und übersichtlich durch die Installationsroutine. Online gibt es jede Menge Tutorials, und wenn Sie dort auf Ihre Fragen keine Antwort finden, hilft Ihnen die Community im Joomla!-Forum gerne weiter. Die ersten Schritte mit dem System sind recht einfach. Die Komplexität steigt, wie bei jeder Anwendung,…

VIDEO LOL, rights?! Auf der re:publica hat Markus Beckedahl einen umfassenden netzpolitischen Jahresrück- und Ausblick gegeben. [goo.gl/rdMQc5] Bad typography has ruined more than just the Oscars. Vox.com demonstriert in einem kurzen Video, wie hilfreich gute Typografie sein kann. [goo.gl/Aq0dZH] The Rise of the JAMstack CMS. Ergänzend zum Artikel auf Seite 72 zeigt Matt Biilmann in diesem Vortrag den JAMstack und das Netlify CMS. [goo.gl/267cUs] Die Macht der Sprachbilder. Elisabeth Wehling erklärt, warum politische Entscheidungen nicht auf Fakten, sondern auf Frames beruhen. [goo.gl/jKNAob] Bloggen und Recht – was man in 2017 wissen muss! Rechtsanwalt Thomas Schwenke beantwortet einige Fragen rund ums Thema Blogs. [goo.gl/WkJ8Bu] Nicolai Schwarz, Autoreninfos auf Seite 3 Twitter: @textformer…

Im Herbst 2015, inmitten des größten Flüchtlingszustroms seit Jahren, Deutschland gespalten zwischen Willkommenskultur und Ablehnung, haben wir das erste Mal von Workeer gehört [workeer.de]. Workeer entstand damals als Plattform, um Arbeitgeber und Geflüchtete zusammenzubringen. Wir mochten die Idee und legten umgehend ein Arbeitgeberprofil an. Unsere Agentur ist spezialisiert auf die Umsetzung von Webapplikationen mit dem Open-Source-Content-Management- System Drupal. Wir waren zwar nicht auf der Suche nach Personal, hatten aber viel Platz im Büro an unserem Hauptstandort Hannover. Wir dachten, dass wir den Platz und ein wenig Anleitung anbieten, um Geflüchteten etwas beizubringen, das ihnen künftig weltweit Zukunftschancen bieten könnte. Drupal und seine Dokumentation findet größtenteils in englischer Sprache statt und bietet viele Möglichkeiten, eigene Talente einzusetzen. Gute Drupal- Kenntnisse sind weltweit ein Garant für gutbezahlte Jobs. Eher blauäugig erträumten wir…

Zuerst stellt sich die Frage, ob Ihre Fotos überhaupt nachbearbeitet werden sollten. Doch auf Instagram & Co. braucht es für den langfristigen Erfolg hochwertige Fotos statt Schnappschüssen. Eine Bearbeitung ist daher oft alternativlos, wenn nicht ein Fotograf oder Fotos eingekauft werden können. Bei der Bearbeitung von Fotos denken viele Nutzer sofort an das allumfassende Adobe Photoshop – und sind nach den ersten Tests der unzähligen Möglichkeiten oft abgeschreckt, sich eingehender mit Fotografie und Bildnachbearbeitung zu beschäftigen. Das Programm besitzt einen enormen Funktionsumfang, der nicht für jedermann geeignet ist. Doch in der großen Adobe-Familie gibt es bereits seit 2007 ein weiteres Programm, das speziell auf die Bedürfnisse von Fotografen zugeschnitten ist und auch für engagierte Amateure nach kurzer Einarbeitungszeit ein wertvolles Tool darstellt: Adobe Photoshop Lightroom. ADOBE LIGHTROOM Der kleine Bruder…

Im Internet tummeln sich jede Menge Tutorials, die Ihnen HTML und CSS vermitteln wollen. Gerade Anfängern fällt es schwer, passende Kurse zu finden. Hier finden Sie eine Auswahl an interessantem Material. WEBDESIGN IN 4 MINUTES In dem Kurs „Webdesign in 4 minutes” entwickelt sich eine Webseite mit Inhalt und Gestaltung durch die Interaktion mit dem Nutzer [goo.gl/YtLhVg]. Der Leser klickt auf einen Link am Ende des bisher Gelesenen, und schon verändert sich die Seite. Auf diese Weise lernen Sie spielerisch und angenehm, mit HTML und CSS umzugehen. Tiefgang dürfen Sie hier zwar nicht erwarten, aber durchaus das wichtigste Rüstzeug. Und es ist zudem ein Erlebnis, eine Webseite Stück für Stück wachsen und sich verändern zu sehen (Abb. 1 und 2). Das Tolle an der Vermittlungsmethode ist, dass der Nutzer sieht,…

JavaScript ist weiterhin auf dem Vormarsch, um sich langsam in jedem Bereich der Softwareentwicklung zu positionieren. Heute können Sie von traditionellen Web-Applikationen über Web-Server mit Node.js bis zu nativen Mobile-Apps mit React Native oder NativeScript und bis zu Hardware alles mit JavaScript bauen. Dadurch werden jedoch auch neue Probleme aufgedeckt. JavaScript-Projekte wachsen ständig in ihrer Größe und Komplexität. In Kombination mit einigen Macken und Limitierungen von JavaScript kann das schnell dazu führen, dass Projekte unübersichtlich werden und schwer zu verwalten sind. Während JavaScript versucht, sich selbst zu entwickeln und Dinge wie Module, Klassen und Ähnliches selbst einzuführen, geht dies einigen Leuten nicht weit und schnell genug. Eine Sache, die viele Entwickler vor allen Dingen für größere JavaScript-Projekte vermissen, ist die Möglichkeit, ihren Code statisch zu typisieren. Das bedeutet, dass Sie…

Mastodon funktioniert recht ähnlich wie Twitter. Die wichtigsten Unterschiede sind erst einmal, dass die Nachrichten bis zu 500 Zeichen lang sein dürfen und nicht gesammelt unter einer Domain laufen – sondern dezentral auf verschiedene Server und Domains verteilt sind, die aber miteinander kommunizieren können. Mastodon stammt von Eugen Rochko, einem 24jährigen SoftwareEntwickler aus Deutschland [goo.gl/zbx9te]. Vor fast genau einem Jahr startete Rochko die Arbeit an dem MicrobloggingDienst als kleines Projekt neben dem Studium. Treibende Kraft war zum einen die Faszination an Twitter und zum anderen die steigende Unzufriedenheit mit der jüngsten Entwicklung des Dienstes. Trotz des dezentralen Ansatzes erkennt man viel Gemeinsamkeiten mit Twitter. Der Kern von Mastodon ist eine simple API, die sowohl vom Webfrontend als auch von verschiedenen anderen Clients benutzt werden kann [goo.gl/2QYhxX] [goo. gl/ESZB6h]. Auch bei…