Christian Heilmann

You are currently browsing the Christian Heilmann blog archives for July, 2023.

Archive for July, 2023

Five things about public speaking

Monday, July 31st, 2023

Still image of the video of me explaining three things to do when giving a talk

As part of the WeAreDevelopers World Congress 2023, we did a quick session on starting out as a public speaker. To this end, I was asked to do a “Five things about public speaking” video. Here is the video and a write-up about the tips.

In the world of public speaking, engaging, informing, and delighting an audience is both an art and a science. If you’re a novice speaker ready to step onto the stage and into the spotlight, here are some tips.

Share Your Story

Every aspect of your talk should reflect who you are as an individual. Your slides, while offering informative visuals, are merely wallpaper lending a backdrop to your core message. Therefore, presentation success lies largely in your personal connection to the topic at hand.

Share your enthusiasm by explaining why the subject excites you, how you discovered it, and what resources you’ve used—all of which your audience can use later when they want do learn more about the topic.

How you learned about a topic, why it matters to you, and why it should matter to the audience, is the best way to bring something across.

Dealing with Nerves

While it’s perfectly natural to be nervous before a talk, it’s crucial to manage these emotions productively. Use this energy to fuel your performance on stage. If the anxiety feels overwhelming, open up about it—authenticity resonates with people.

Redirect your focus from potential judgement to your fundamental purpose: to show excitement and share knowledge.

Preparing for your Talk

Primarily, prepare by conducting thorough research to master your content. Find something current and relative to your topic to serve as a hook for your audience, demonstrating the immediacy and relevance of what you’re discussing.

Secure your presentation by making sure all your demos and materials function offline and are accessible to your audience afterwards. Familiarise yourself with the technological equipment available to avoid overcomplicating or failing demonstrations.

It is highly important to learn about your audience and cater your presentation to their needs. Aim to provide them with a key takeaway they can use to impress their superiors.

Do’s and Don’ts

Do’s

1. Tell Stories. Make the subject human and exciting, and point to materials where your audience can learn more.
2. Limit Yourself. Instead of overwhelming the audience with excessive amounts of information, focus on delivering one key point exceptionally well.
3. Use Clear and Simple Language. Avoid showing off your mastery over sophisticated vocabulary and instead strive to be comprehensible to your audience.

Don’ts

1. Take all the credit. Give credit where it’s due, acknowledging the people from whom you’ve learned.
2. Read out your slides to the audience. You’re not an audience member but the show-runner. The human factor in a presentation is what can’t be digested from simply reading a slide.
3. Try to be funny for the sake of being funny. Humor is great, but only when it doesn’t become a distraction from your main message.

Harness the Unexpected

During one of my keynotes on machine learning, a power outage left me delivering my message in the dark, and later, my slides appearing in an unintended random order. Instead of panicking, I leveraged these mishaps to emphasise the unreliability of machines—ironically, the exact message I had come to share.

Remember, when unexpected situations arise during your talk, flip them to your advantage. Owning your story and being an expert on your content equips you for effectively dealing with any hurdles that may occur on stage.

In conclusion, successful public speaking requires substantial preparation, an understanding of your audience, and most importantly, a genuine passion for your topic. Serve as a guide to your audience by threading a story throughout your presentation, and never lose sight of why the subject holds significance for both you and your listeners.

We are looking for presenters!

If you want to start as a public speaker, remember that WeAreDevelopers has a “live” video series and we are looking for presenters. Check out the WeAreDevelopers live site and the call for papers .

This post has partly been created using VideoTap .

Browser-Entwicklerwerkzeuge für Nicht-Entwickler:innen – neuer Kurs auf LinkedIn Learning

Wednesday, July 19th, 2023

Ab heute ist mein erster deutscher Kurs auf LinkedIn Learning Browser Entwicklerwerkzeuge für Nicht-Entwickler:innen live!

In dem circa eine Stunde langem Kurs erkläre ich, wie man die Entwicklerwerkzeuge in den gängigen Browsern benutzt, um Webinhalte zu analysieren und zu verändern. Der Kurs richtet sich an alle, die sich für Webinhalte interessieren, aber keine Entwickler:innen sind. Stattdessen zeige ich wie man:

  • Bilder auf Webseiten herunterladen kann (auch wenn es keinen Download-Button gibt)
  • Videos einfacher anzeigen lassen kann
  • Nervige Elemente auf Webseiten ausblenden kann
  • Webseiten auf verschiedenen Geräten simulieren kann um eine einfachere Darstellung zu bekommen
  • Funktionalität, die nur auf dem Handy angeboten wird auch auf dem Rechner zu nutzen
  • Webseiten auf Fehler untersuchen kann
  • Cookies anzeigen und verändern kann
  • und vieles mehr

Hier sind alle Videos mit den jeweiligen Zeiten:

  • 1. Was sind Browser-Entwicklerwerkzeuge?
    • Entwicklerwerkzeuge öffnen (1m 22s)
    • Worauf kann ich zugreifen? (1m 37s)
    • Ist das überhaupt erlaubt? (48s)
  • 2. Wie benutze ich die Entwicklerwerkzeuge?
    • Navigation in den Entwicklerwerkzeugen (2m 49s)
    • Ein- und Ausschalten verschiedener Werkzeuge (1m 13s)
  • 3. Entwicklerwerkzeuge den eigenen Bedürfnissen anpassen
    • Wo sollen die Werkzeuge angezeigt werden? (1m 4s)
    • Schriftgröße und Farbe (1m 58s)
  • 4. Werkzeuge für verschiedene Aufgaben
    • Webinhalte mit dem Inspektor analysieren (6m 13s)
    • Webinhalte mit dem Elemente-Werkzeug verändern (7m 38s)
    • Datenanalyse und einfacher Zugang zu Bildern und Videos mit dem Netzwerk-Werkzeug (5m 39s)
    • Verschiedene Geräte simulieren (9m 56s)
    • Screenshots erstellen (4m 2s)
    • Probleme in Webinhalten erkennen und analysieren (4m 54s)
    • Cookies anzeigen und verändern (2m 53s)

  • 5. Königsdisziplin: Webinhalte per Konsole
    • Was ist die Konsole? (4m 3s)
    • Zugang zu Webinhalten mittels der Konsole (3m 27s)
    • Scriptbeispiele: Bilder (4m 7s)
    • Scriptbeispiele: Links und URLs (3m 21s)
    • Tipps zur Konsole (1m 41s)

  • Abschluss
    • Nächste Schritte (1m 13s)

What if the Nazis had the internet and social media?

Wednesday, July 19th, 2023

Book cover of the NSA novel with an eye as an icon in a nazi propaganda styled cover

Going through the bargain bin at a local store I came across the novel NSA by Andreas Eschbach. It is based on the intriguing idea what would have happened if the Nazis had access to the internet, social media, mobile devices and card payment systems. The NSA is a state-owned department of the government before the Nazi takeover that is data-mining the internet and storing all the information.

One of the first bits in the book is a fast forward to when the Nazis had taken over and WW2 is already in its desperate end phase. The NSA department tries to show off to the Nazi regime by proving that they can find out who is hiding Jews. They do this by tracking all the food people bought over a period of time and how many people live in their flats. A huge discrepancy in those numbers indicates that there are probably more people living there than are in the official registry. The Nazis then go on to verify this by dispatching inspectors to a house in Amsterdam. At first they don’t find anyone, but after adding another datapoint by looking up the blueprints of the house they find a hidden family and send them to the death camps. After burning the daughter’s diary as its contents should be a problem if it gets distributed.

Picture of the radio

The book also goes on to describe how the Nazis used computers, mobile devices and online forums to track people, spread misinformation and fire up groups to gang up on people who write about topics that aren’t about purity of race or nationalism.

It is a chilling read, and – if you think about it – not far from what has happened, albeit only with other media. The Nazis were excellent at using Radio and TV to hide the sheer evil they represent with positive messages that pandered to people’s pride. This went as far as creating and distributing highly affordable radio sets into homes called Volksempfänger.

In essence, controlling the media means controlling the masses. And the book describes how having information is as powerful as having heavy weapons. That’s no new insight, of course. George Orwell’s 1984 had similar ideas, after all, and many people, including me, have warned about oversharing for quite a while.

Anti-social media

Why am I writing about this? Because we are not far from a world like that. Social media has become anything but social. People either drown in a river of generated and opinionated content or recede into their own, smaller bubbles where they can talk with likeminded folk without fear of being ganged up on by louts and trolls.

The big elephant in the room, of course, is Twitter and what happens to it now that a single person was able to buy it and change it to their ideals. A lot of people who have been preaching about privacy and evil corporations are now quick to utterly disregard it and move away to other places. None of these places having the same size or impact though. Maybe it is a good thing that Twitter’s monopoly is dwindling, but it is dangerous to assume that people who just want a daily information fix will stop using it and move to other platforms. Platforms that appear much harder to use or only get rolled out in certain locales.

Poster advertising the volksempfaenger radio with the caption that all of germany listens to the fuhrer with the twitter logo overlaid

Twitter has become rough and annoying. It is easy to feel smug about that and wave a huge “we told you so” banner, but that does not change the fact that people still read Twitter and if the calmer and more enlightened voices leave, the hooligans and their puppet masters take over.

The other day someone told me that Twitter is a fascist platform and anyone still using it is a fascist. What a bunch of elitist and defeatist nonsense. If you march alongside fascists in the street without distancing yourself I agree – that makes you a supporter. If you donate money to a platform or a cause that is inherently against people’s rights or freedoms, that’s even worse. I won’t pay for Twitter, that much is for sure. But I keep using it the way I always used it. To me, it’s a publication channel. I don’t go there for information, as the algorithmic timeline made that pointless some time ago. I do comment on people who attack others or point out wrong information and I use it to direct message people and answer incoming messages.

Leaving a place when it gets rough and people spout hatred instead of standing up to them is not that much better than endorsing it. The fact remains that Twitter, much like Facebook, has a huge impact in the media and people do use it. And they are being manipulated by others on these platforms. I see Twitter as a pub that has had an influx of rough folk that shout racist and sexist paroles with an innkeeper that’s asleep at the wheel. If that pub is your hangout, it’s up to you to stay there and work against that takeover. Much like football clubs need to distance themselves from hooligans to ensure that fans of the sport and the team can still safely attend a match.

Fascism works through intimidation. Civil courage is needed to prevent it from becoming the norm.

Please, WordPress, keep the alternative text I entered

Tuesday, July 11th, 2023

I’ve been using WordPress here since the beginning and I am still happy with what it does for me. One thing that drives me bonkers though is a UX bug in the media tool. Almost every time I upload an image to WordPress, I start typing in alternative text. The problem is that the editor refreshes completely when the image has uploaded and all I entered is lost. Here is a screencast showing the issue:

Screencast of me entering alternative text for an uploading image which is lost as soon as the image is uploaded.

I filed a ticket with WordPress to get this fixed, it’s been bugging me long enough.

Getting AI to bullshit for you

Tuesday, July 4th, 2023

One thing I am not good at is write in superlatives about myself. That’s a good thing, I think? But often you are asked to big yourself up for some official publication or marketing materials. So I thought I give ChatGPT a go to turn a list of facts about myself into a big-up intro.

Hey, ChatGPT: Create a book intro about an author with the following accomplishments:

And here’s what ChatGPT made of it:


Introducing Christian Heilmann: A Trailblazer in Web Development and Advocacy

In the ever-evolving realm of web development, few names stand out like Christian Heilmann. With a remarkable career spanning over 25 years, Heilmann has left an indelible mark on the industry through his diverse roles and groundbreaking contributions. From his early days as a radio journalist and presenter to becoming a web development luminary, Heilmann’s journey is a testament to his unwavering passion and relentless pursuit of excellence.

A celebrated author, Heilmann penned the definitive handbook on developer evangelism and advocacy, solidifying his position as a thought leader in the field. Aptly titled, the handbook can be found at https://developer-advocacy.com, serving as a beacon for aspiring advocates seeking guidance in this dynamic landscape.

Throughout his career, Heilmann has been involved in awe-inspiring web projects that have shaped the digital landscape we know today. From eToys, one of the pioneering ecommerce sites, to the British Government’s tourism portal, and even household names like McDonald’s and Yahoo, his influence has been felt far and wide. Notably, during his tenure at Yahoo as Web Architect and Senior Developer Evangelist, Heilmann played an instrumental role in empowering developers and shaping the company’s technological vision.

Embracing new challenges, Heilmann joined Mozilla as Principal Evangelist, where he spearheaded a transformative program aimed at nurturing developer advocates within the community. His visionary leadership paved the way for countless individuals to discover their own advocacy potential, driving innovation and inclusivity in the developer ecosystem.

Continuing his journey at Microsoft, Heilmann’s expertise took center stage as he assumed the role of Senior Program Manager for Open Web and Browsers. His unwavering dedication to making Edge the premier browser for developers played a pivotal role in enhancing the development experience. Additionally, as Senior Developer Advocate for Edge, Heilmann played a crucial part in transitioning Internet Explorer into the annals of history, making way for a new era of web browsing.

With a deep commitment to accessibility, Heilmann served as the Principal Technical Product Manager for the Chromium Developer tools, jointly developed with Google Chrome. His tireless efforts ensured that these tools adhered to the highest accessibility and compliance standards, making web development more inclusive for all.

Heilmann’s contributions extend beyond his remarkable professional achievements. He is widely recognized as the author of the first JavaScript book dedicated to AJAX, which garnered immense attention during its heyday. Since 2004, he has maintained an influential blog at https://christianheilmann.com, sharing his insights and knowledge with a global audience.

An accomplished speaker, Heilmann has graced countless conferences and events, delivering captivating keynotes that captivate audiences. His expertise has led to him writing and recording numerous articles and videos for esteemed platforms such as developer.mozilla.org, MSDN, and ScriptJunkie, solidifying his status as a trusted source of guidance and inspiration.

Beyond his industry engagements, Heilmann has contributed his freelance writing prowess to Golem.de, a prominent publication covering technology and its impact on society. Furthermore, he has honed his skills as a presenter trainer and coach, imparting invaluable wisdom to individuals at Yahoo, Mozilla, and Microsoft.

A champion for accessibility, Heilmann is an esteemed advocate, expert, and speaker on the subject. As a former member of the W3C expert group on machine learning on devices, he has played a pivotal role in shaping the future of this cutting-edge technology.

Venturing into the realm of online education, Heilmann has become a respected video course creator for prominent platforms such as LinkedIn Learning and Skillshare. His courses, including “Tools and Tips to Optimize Your Workflow as a Developer” (https://skl.sh/3uKu5G1:https://skl.sh/3uKu5G1), “Tools for Improving Product Accessibility” (“https://skl.sh/3eCFWRR:https://skl.sh/3eCFWRR”), “The JavaScript Toolkit: Write Cleaner, Faster and Better Code” (https://skl.sh/2CpiTGZ), and “Demystifying Artificial Intelligence: Understanding Machine Learning” (https://skl.sh/2MHkYl1), have empowered countless learners to enhance their skills and thrive in the digital landscape.

As a respected figure in the industry, Heilmann has moderated stages for esteemed events such as WAD (Web Accessibility Day), where he also delivered captivating keynotes on topics ranging from artificial intelligence to code generation. These thought-provoking presentations have solidified his reputation as a captivating speaker and influential figure in the tech community.

To witness Heilmann’s insightful perspectives firsthand, you can explore his inspiring talks, such as “Sacrificing the Golden Calf of coding” (https://www.youtube.com/watch?v=iPfMatOgRBg) and “Self-replicating genies – How to democratize and ensure ethics in AI | Christian Heilmann” (https://www.youtube.com/watch?v=bLClN2niMkU).

Christian Heilmann’s journey is one of remarkable accomplishments, unwavering dedication, and a relentless pursuit of excellence. With his profound expertise, unyielding advocacy, and captivating presence, he continues to shape the world of web development and inspire the next generation of developers to reach new heights.

Quite some hallucinations going on there. And, if this blog ever sounds like this – just shoot me.