In eigener Sache: Responsive Layout für heise online

heise online Newsticker - 24. Mai 2018 - 18:30
Unser Mobilangebot m.heise.de ist in die Jahre gekommen, sodass wir es Schritt für Schritt durch ein responsives Layout für ganz heise online ablösen. Heute sind die Startseite, die meisten Beitragsseiten und das Forum dran.

Continuous Lifecycle & ContainerConf 2018: Jetzt noch Vorträge einreichen

heise online Newsticker - 24. Mai 2018 - 17:30
Der Call for Proposals für die parallel stattfindenden Konferenzen Continuous Lifecycle und ContainerConf läuft jetzt noch bis zum 27. Mai. Genug Zeit also, um einen Vortrag zu Themen rund um Continuous Delivery, DevOps und Containerisierung einzureichen.

Umfrage zu Algorithmen: Große Mehrheit für Verbot vollautomatisierter Entscheidungen

heise online Newsticker - 24. Mai 2018 - 17:30
Dating-Apps, Google, Facebook und Twitter – überall arbeiten im Hintergrund Algorithmen. Eine Studie beleuchtet, was die Deutschen über diese meist streng geheimen mathematischen Formeln als Helfer denken und wissen – nicht viel Gutes.

Apple geht gegen CallKit-Apps in China vor

heise online Newsticker - 24. Mai 2018 - 17:30
Nach der Sperrung staatlich nicht explizit zugelassener VPN-Apps sind nun Programme dran, die Apples Telefonie-Routine nutzen. Skype wurde bereits im letzten Jahr entfernt.

NFC als zweiter Faktor für das iPhone

heise online Newsticker - 24. Mai 2018 - 17:00
Der USB-Schlüssel YubiKey Neo funktioniert nun auch mit iPhone 7 und später. Dazu wird Apples NFC-Framework verwendet.

Erstes Diesel-Fahrverbot in Hamburg ab 31. Mai

heise online Newsticker - 24. Mai 2018 - 17:00
Ende Mai sollen ältere Dieselautos und Lastwagen in zwei Straßenabschnitten in Hamburg Altona-Nord ausgesperrt werden. Es wäre das bundesweit erste Fahrverbot wegen zu hoher Stickoxid-Belastung.

Vermessung der Erde in 490 km Höhe: Satellitenpaar Grace-FO erfolgreich gestartet

heise online Newsticker - 24. Mai 2018 - 17:00
Eine Rakete von SpaceX hat am Dienstag die beiden Satelliten der deutsch-amerikanischen Mission Grace-FO ins All gebracht. Sie sollen die Erde genauer vermessen.

Acro Media: Installing Drupal Commerce 2 Using Lando

Planet Drupal - 24. Mai 2018 - 16:45

In this video, Josh Miller shows you how to install Drupal Commerce 2 using a local development tool called Lando. Further instructions are included below the video.

Timestamps:

  1. Commerce Kickstart download: 0:51
  2. “composer install” command: 8:00
  3. “lando init” command: 12:56
  4. “lando start” command: 15:06
  5. “Drupal install” screen: 17:04
  6. “lando stop” command: 21:18

Prerequisites:

  1. Download and install Composer
  2. Download and install Lando

Code generated during this video:

https://github.com/AcroMedia/install-commerce-lando 

Installing Drupal Commerce 2 locally using Commerce Kickstart, Composer, and Lando

Getting Drupal up and running on your computer is an important first step as an evaluator. Good news is that there’s a lot of tech that makes this easier than ever before. We’re going to walk you through how to install Commerce 2 using the Kickstart resource, Composer, and Lando. 

  1. Download and install Composer
  2. Download and install Lando
  3. Next go to Commerce Kickstart to create and download your customized composer.json file





  4. Run ‘composer install’



  5. Run ‘lando init’



  6. Run ‘lando start’



  7. Visit your local URL and install Drupal



  8. Start building!

What is Drupal Commerce

Drupal Commerce is an ecommerce focused subset of tools and community based on the open source content management system called Drupal. Drupal Commerce gives you the ability to sell just about anything to anyone using a myriad of open source technologies and leveraging hundreds of Drupal modules built to make that thing you need do that thing you want.

We use Commerce Kickstart to get things started.

What is Composer

Composer is the PHP dependency manager that can not only build and bring in Drupal, Drupal Commerce, and Symfony, but is the technology behind the newest Drupal Commerce Kickstart distribution. We leverage the composer.json file that commercekickstart.com gives us to bring in all of the Drupal code necessary to run a Drupal Commerce website.

To get started, we run “composer install” and that command brings in all the requirements for our project.

What is Docker

Docker is a virtualization software that brings together App services like Apache, Nginx, MySQL, Solr, Memcache, and many other technologies so that it can run on your own computer. This installation video uses a tool that runs on top of Docker in an abstract, and frankly easier, way.

If you want to learn more about Docker and the many different types of tools that run on top of it, we recommend John Kennedy’s 2018 Drupalcon presentation about Docker.

Another great resource that compares using Docker tools is Michael Anello’s take on the various technologies. 

What is Lando

Lando is a thin abstraction layer of tools on top of Docker that makes creating an environment as easy as “lando init” followed by “lando start.” Lando keeps the often confusing devops work of creating a local virtual environment to a few very well documented variable settings that it turns into full docker-compose scripts that Docker, in turn, uses to create a local environment where everything just works together. We’re very excited to see how Lando and Drupal Commerce start to work together.

c't Fotografie Sommer-Spezial: Frische Ideen für Fotoprojekte

heise online Newsticker - 24. Mai 2018 - 16:30
Im Sommer-Spezial c't Fotografie 2018 zeigen zahlreiche bekannte Foto-Experten, wie Sie in wenigen Schritten neue Bildideen finden und umsetzen. Das Heft ist eine Inspirationsquelle für Fotografen, die sich weiterentwickeln wollen.

OpenDev-Konferenz mit CI/CD und Containern

heise online Newsticker - 24. Mai 2018 - 16:00
Continuous Integration und Delivery sind Schwerpunkte der parallel zum OpenStack Summit laufenden OpenDev-Konferenz. Aber auch operative Aspekte finden ihren Platz im Programm.

Linux-Distribution Endless OS 3.4 mit Update-Mechanismus und Android-App

heise online Newsticker - 24. Mai 2018 - 15:30
Die Linux-Distribution Endless OS 3.4 gibt Anwendern unter anderem mehr Kontrolle über den Aktualisierungsprozess. Demnächst gibt es eine ergänzende Android-App.

Angreifer könnten aktuelle BMW-Modelle über Mobilfunk kapern

heise online Newsticker - 24. Mai 2018 - 15:00
Sicherheitsforscher haben Sicherheitslücken im Infotainment-System von verschiedenen BMW-Modellen ausgenutzt und so die Kontrolle übernommen. Ein Angriff aus der Ferne ist aber ziemlich aufwendig.

HTC U12+: High-End-Smartphone mit Flip-Flop-Lack und durchsichtigem Gehäuse

heise online Newsticker - 24. Mai 2018 - 15:00
Unter dem Motto "Hold, Tap, Squeeze" hat HTC sein neues Spitzen-Smartphone U12+ präsentiert. Der Slogan bezieht sich aufs Gehäuse, dessen Rahmen auf bestimmte Berührungen des Nutzers reagiert. Die restliche Hardware: High-End.

GitLab 10.8: Neue Features schrittweise ausrollen

heise online Newsticker - 24. Mai 2018 - 15:00
Mit der neuen Version der Versionsverwaltung GitLab können Entwickler Neuerungen ihrer Applikation nur an eine bestimmte Nutzergruppe ausrollen. Außerdem ist das Push-Mirroring-Feature jetzt quelloffen verfügbar.

FBI vs. Verschlüsselung: Mit falscher Zahl argumentiert

heise online Newsticker - 24. Mai 2018 - 14:30
Vergangenes Jahr hat das FBI beklagt, das mehr als 7000 Mobilgeräte von Verdächtigen wegen der Verschlüsselung nicht einsehbar seien. Diese Zahl war aber massiv zu hoch – wegen eines "Programmierfehlers".

Boom im Online-Lebensmittelhandel lässt auf sich warten

heise online Newsticker - 24. Mai 2018 - 14:00
Online-Lebensmittelhändler wie Amazon Fresh und Co. können den Lebensmittelhandel in Deutschland offenbar nicht revolutionieren. Doch woran liegt das?

Amazon ermöglicht Live-Gesichtserkennung für ganze Städte

heise online Newsticker - 24. Mai 2018 - 14:00
Amazons Gesichtserkennung Rekognition ermöglicht, ganze Städte in Echtzeit zu überwachen. In den USA wird Rekognition bereits eingesetzt. US-Bürgerrechtler fordern ein Ende dieser Überwachung.

ThinkShout: Space for Empathy

Planet Drupal - 24. Mai 2018 - 14:00

Last month I went to my first DrupalCon in Nashville. I met a lot of interesting people, had good conversations, and had a hard time choosing from the record number of sessions. As the week went on, I noticed a theme kept coming up. It showed up in sessions on how to create a better admin and content editing experience, in sessions on accessibility and what it’s like to be a blind or deaf engineer, in conversations about helping first-time users enjoy the experience of using Drupal, and in debates about what Drupal will look like in the future. What if the thing that will give Drupal a competitive advantage and improve the admin experience is the same thing that will attract new users and create sites that are accessible for all?

The idea that kept surfacing during my week at DrupalCon was this: we need empathy. The Drupal community has excelled at solving complex engineering problems, and the next challenge we face is just as critical, though it requires us to think a little differently: how do we make space for empathy in our work and in our community?

It’s time to shift our perspective. Photo Credit: Randy Jacob.

Our Bias is our Blindspot

Sometimes we don’t need more complex solutions, we need thoughtful ones. Building websites is challenging. There’s never enough time or resources. It’s easy to stick with what’s known and what works. But sometimes what I know is limited, and only works for people who look and think like me. It’s easy to become insular and indifferent to the needs of others because it’s hard to make everyone happy, and thinking about the effort required to change can be overwhelming.

If someone told me, “It’s really hard to talk to people with accents, so I just avoid them,” I’d be shocked. But I know I’ve created sites and tools that are difficult—if not impossible—for people with disabilities to use. Arriving in Nashville, I knew enough about accessibility to know that I needed to learn more. So I dove in and attended every session I could.

I kicked off my deep dive with Katherine Shaw and Fito Kahn’s awesome all day Drupal Accessibility training. Check out Katherine Shaw’s great blog posts on accessibility.

Accessible Empathy

I learned that excuses like “accessibility is hard,” or “it doesn’t affect me because I’m not working on a government site” won’t get me off the hook. Accessible websites are now a part of the Americans with Disabilities Act. And any site that is not accessible to all users is liable. I met several engineers who are currently resolving warnings or navigating lawsuits for not meeting WCAG 2.0 guidelines.

But it’s about much more than just changing processes to avoid a lawsuit. Listening to the Core Accessibility panel, I was humbled when it was pointed out that we labor over fixes for Internet Explorer, which can make up 2-3% of users. Meanwhile, 12.6% of people in the US have disabilities (40.7 million people), and accessibility can still be considered an edge case. Building a website that works for more users is not difficult, but it takes intention, a willingness to learn and empathy.

I also learned that having empathy for all types of users doesn’t mean everything has to change immediately. During his talk about accessibility, Everett Zufelt said, “The best place to start? Anywhere. If you fix one button, your site is that much more accessible than it was before.” So I’m challenging myself to build things the right way the first time, drop bad habits and to refine best practices so I can create sites and tools that serve all types of users.

Inward Empathy

For some of you reading this, the challenge might be that you have empathy for everyone in the room, except yourself. You take on multiple roles at work. You handle the backend and the frontend and design and project management. You say yes because you know you can do it and how will you get ahead if you don’t show how valuable you are by doing all of the things all the time? I get it. Now stop it.

“ ‘No’ might make them angry, but it will make you free.” –Nayyirah Waheed; Photo credit: Clem Onojeghuo

You deserve empathy too, so be kind to yourself. Good boundaries will keep you fresh and sane. A well cared for version of you will help your team more than the stretched and exhausted one that’s running on too little sleep and too much caffeine.

Something that stood out to me in particular in sessions at DrupalCon was how people wouldn’t move over in their seats to make room and allow those in an already crowded session to sit comfortably in chairs instead of on the floor. People would have empty seats on either side, and not move down the row to make it easier others. There are people who don’t have an issue taking up space, taking what they need, and not for an instant feeling bad about it. Let’s find some balance somewhere in the middle. Give yourself the empathy you need to succeed, and–for the love of god–let’s all scoot down so no one is left sitting on the floor.

Outward Empathy

A better admin experience, and faster and more accessible websites are only created when we think about how our work is used by everyone. Take a moment to walk a mile in someone else’s shoes. Now apologize for taking their shoes, sit down and talk to them about how they use your site, what the sticking points are, and how it can be improved. Most importantly, listen. Forget what you think you know, and learn about what it means to be someone else using your website. Then you just might have a week like mine where you were reminded: sometimes engineers are blind or deaf, or both. Sometimes keynotes are a she or a he or a they. Sometimes content editors know exactly what is needed to make a better editing experience–if you just ask.

Be Human. Think Digital.

Empathy is what makes us human. We all want to be seen and known and understood. And at the end of the day we all want to use tools that help us to accomplish a task, not remind us that we’re not who the engineer had in mind. Technology without empathy is hollow. Empathy without technology is limited. Let’s make space for empathy in our community and in our code, and let’s change the world for good—for everyone.

One of my favorite slides from the Driesnote at DrupalCon Nashville

The ThinkShout team hanging out with some awesome folks at the Women in Drupal event.

Resources

If you’re interested in learning more about the sessions I attended this week, here are links to some of my favorite talks:

JavaScript and Accessibility: Don’t blame the language

DrupalCon Nashville 2018: Core Accessibility: Building Inclusivity into the Drupal Project

Usability testing is super important and easier than you think

A smarter Way to Test Accessibility - a comparison of top tools (Lighthouse, Tenon.io and WAVE API)

If you’re overwhelmed by accessibility and don’t know where to start, here’s a great video on how to do a very basic accessibility audit.

If you’re interested in refining your accessibility practices, there are some amazing tools and resources available. Here are some of my favorites. If you have tools or processes you love, please share in the comments below!

Style Guide Module: Allows you to run accessibility tests on one page that is automatically populated with all basic layout elements. This is also great as a living style guide for the site.

VoiceOver Screen Reader Getting Started Guide

A11y checklist: A11y has a ton of patterns and a useful checklist.

WAVE Accessibility Plugin: Described in the “A smarter Way to Test Accessibility” talk as the ‘Cadillac of accessibility plugins,” this free tool will catch errors, markup the page with an outline of your headings and make accessibility QA much easier.

Sim Daltonism tool: This overlay tool allows you to preview your site for multiple types of colorblindness.

Color Contrast Ratio Checker: This chrome plugin will tell you whether the color contrast of fonts on your site passes WCAG 2.0 standards.

ARIA cheat sheet: This doc outlines all of the different ways you can use ARIA to make your site more accessible

HTML Codesniffer by Squiz: Allows you to set the accessibility standard you want to meet (WCAG2AA is the new legal requirement), and creates a report identifying errors, warnings and notices.

Kritik an Zuckerberg in Brüssel: "Das war zu kurz, das war zu flach"

heise online Newsticker - 24. Mai 2018 - 12:30
Richtige Fragen, falsches Format? Mark Zuckerberg konnte im Europaparlament viele Fragen einfach verhallen lassen. Dabei wurde er von den EU-Politikern deutlich härter rangenommen als im US-Kongress.

Flocon de toile | Freelance Drupal: Switch from Google Maps to Leaflet and OpenStreetMap with Geolocation on Drupal 8

Planet Drupal - 24. Mai 2018 - 12:04

May 2, 2018 Google has announced a major policy change regarding the use of its online services, including its popular mapping service Google Maps and all its associated APIs, to embed or generate location-based information. This policy change now pays for a service that was previously available for free under some relatively generous quota limits starting June 11, 2018. Please read this post for full details on this policy change and its implications.