From b51d1d26d4be3cc274dcd82714b1109944776e3f Mon Sep 17 00:00:00 2001 From: mjung2605 Date: Sun, 13 Oct 2024 19:10:40 +0000 Subject: [PATCH] deploy: 42d18e2539211fd3e0f65842cb068b1a564b8d15 --- .../misc/css-2024/001-ziele/index.html | 4 +- .../misc/css-2024/010-web/index.html | 12 ++--- .../025-seperation-of-concerns/index.html | 2 +- .../100-anwendungsbeispiel/index.html | 2 +- .../css-2024/210-custom-properties/index.html | 2 +- .../misc/css-2024/250-broken-grid/index.html | 2 +- .../css-2024/290-why-animations/index.html | 2 +- .../css-2024/300-css-transitions/index.html | 2 +- .../400-scroll-driven-animations/index.html | 2 +- .../css-2024/500-view-transitions/index.html | 2 +- .../misc/css-2024/600-popover-api/index.html | 2 +- .../misc/css-2024/900-ausblick/index.html | 4 +- presentations/misc/css-2024/index.html | 38 +++++++-------- .../misc/girlsday/010-internet/index.html | 26 +++++------ presentations/misc/girlsday/190-sd/index.html | 4 +- .../misc/girlsday/220-sinne/index.html | 2 +- .../misc/girlsday/300-bauteile/index.html | 2 +- presentations/misc/girlsday/index.html | 14 +++--- .../pen-and-paper/010-david-gray/index.html | 2 +- .../pen-and-paper/120-los-gehts/index.html | 2 +- presentations/misc/pen-and-paper/index.html | 4 +- .../040-interlude/index.html | 2 +- .../060-flughoehe-0/index.html | 2 +- .../pps-praesentieren/070-gehirn/index.html | 2 +- .../080-situation-nutzen/index.html | 2 +- .../misc/pps-praesentieren/index.html | 8 ++-- .../the-web-warmup/010-internet/index.html | 26 +++++------ .../misc/the-web-warmup/40-deeper/index.html | 24 +++++----- presentations/misc/the-web-warmup/index.html | 44 +++++++++--------- .../002-dekomposition/index.html | 2 +- .../015-dataforest-cta/index.html | 2 +- .../030-db-zuganzeiger/index.html | 2 +- .../about-screendesign/180-schrift/index.html | 2 +- .../about-screendesign/245-eva/index.html | 2 +- .../250-leitfaden/index.html | 2 +- .../400-veranstaltungsarten/index.html | 2 +- .../about-screendesign/index.html | 14 +++--- .../005-was-ist-design-intro/index.html | 2 +- .../030-how-to-digital-products/index.html | 2 +- .../040-designs-bewerten/index.html | 2 +- .../050-design-is/index.html | 6 +-- .../060-gutes-design-erkennen/index.html | 2 +- .../070-design-basics/index.html | 2 +- .../090-funktionen-zielgruppe/index.html | 6 +++ .../100-lay-out/index.html | 8 ++-- .../110-visuelle-eigenschaften/index.html | 2 +- .../115-lay-out-beschreiben/index.html | 2 +- .../images/zielgruppe-fahrplan1.png | Bin 0 -> 996424 bytes .../images/zielgruppe-medikamente.png | Bin 0 -> 113461 bytes .../images/zielgruppe-netto.png | Bin 0 -> 1550865 bytes .../images/zielgruppe-speisekarte1.png | Bin 0 -> 1220473 bytes .../images/zielgruppe-speisekarte2.png | Bin 0 -> 539360 bytes .../images/zielgruppe-tafel.png | Bin 0 -> 545695 bytes .../images/zielgruppe-zahnb\303\274rsten.png" | Bin 0 -> 366564 bytes .../design-in-der-medieninformatik/index.html | 34 ++++++++------ .../farben/020-grundlagen/index.html | 2 +- .../index.html | 16 +++---- .../farben/040-farbwirkung/index.html | 2 +- .../farben/050-lesbarkeit/index.html | 2 +- .../farben/060-farbenlesen/index.html | 2 +- .../080-farbe-zum-strukturieren/index.html | 2 +- .../095-farbe-zum-emotionalisieren/index.html | 2 +- presentations/screendesign/farben/index.html | 28 +++++------ .../020-raeum-lichkeit/index.html | 2 +- .../flow-and-transition/index.html | 2 +- .../020-gesetz-naehe/index.html | 2 +- .../030-gesetz-aehnlichkeit/index.html | 2 +- .../040-gesetz-gute-gestalt/index.html | 2 +- .../050-gesetz-gute-fortsetzung/index.html | 2 +- .../060-gesetz-geschlossenheit/index.html | 2 +- .../070-gesetz-erfahrung/index.html | 2 +- .../index.html | 2 +- .../gestaltgesetze/100-beispiele/index.html | 2 +- .../screendesign/gestaltgesetze/index.html | 16 +++---- .../010-bespiele/index.html | 2 +- .../020-gestaltungsziel/index.html | 2 +- .../interface-inventar/040-farbe/index.html | 2 +- .../interface-inventar/050-media/index.html | 2 +- .../055-typo-satz/index.html | 2 +- .../070-komponenten/index.html | 2 +- .../080-strukturieren/index.html | 2 +- .../interface-inventar/index.html | 14 +++--- .../layout/010-das-layout/index.html | 2 +- .../layout/030-scribbles/index.html | 2 +- .../layout/040-raster-icons/index.html | 2 +- presentations/screendesign/layout/index.html | 6 +-- .../030-goldener-schnitt/index.html | 2 +- .../040-bevorzugte-zahlen/index.html | 6 +-- .../proportionen-und-abstaende/index.html | 8 ++-- .../punkt/040-parameter/index.html | 2 +- .../060-zufall-oder-gestaltung/index.html | 2 +- presentations/screendesign/punkt/index.html | 4 +- .../raeumlichkeit/070-beispiele/index.html | 2 +- .../screendesign/raeumlichkeit/index.html | 2 +- .../020-semantisches-differenzial/index.html | 2 +- .../030-moodboards/index.html | 2 +- .../index.html | 4 +- .../010-kommunikationsmodelle/index.html | 2 +- .../semiotik/030-ampel/index.html | 2 +- .../screendesign/semiotik/index.html | 4 +- .../typographie/030-typosgraphein/index.html | 2 +- .../typographie/055-schriftgruppen/index.html | 2 +- .../070-schriftgruppen-beinert /index.html | 2 +- .../090-buchstabenabstand/index.html | 2 +- .../typographie/100-geviert/index.html | 4 +- .../typographie/120-laufweite/index.html | 2 +- .../130-schriftschandtaten/index.html | 2 +- .../typographie/150-vereinfachung/index.html | 2 +- .../typographie/170-grauwert/index.html | 2 +- .../screendesign/typographie/index.html | 20 ++++---- 110 files changed, 283 insertions(+), 271 deletions(-) create mode 100644 presentations/screendesign/design-in-der-medieninformatik/images/zielgruppe-fahrplan1.png create mode 100644 presentations/screendesign/design-in-der-medieninformatik/images/zielgruppe-medikamente.png create mode 100644 presentations/screendesign/design-in-der-medieninformatik/images/zielgruppe-netto.png create mode 100644 presentations/screendesign/design-in-der-medieninformatik/images/zielgruppe-speisekarte1.png create mode 100644 presentations/screendesign/design-in-der-medieninformatik/images/zielgruppe-speisekarte2.png create mode 100644 presentations/screendesign/design-in-der-medieninformatik/images/zielgruppe-tafel.png create mode 100644 "presentations/screendesign/design-in-der-medieninformatik/images/zielgruppe-zahnb\303\274rsten.png" diff --git a/presentations/misc/css-2024/001-ziele/index.html b/presentations/misc/css-2024/001-ziele/index.html index 6e52c564..adff48c4 100644 --- a/presentations/misc/css-2024/001-ziele/index.html +++ b/presentations/misc/css-2024/001-ziele/index.html @@ -23,8 +23,8 @@
-

Checkin?

-

Wo will ich hin?

+

Checkin?

+

Wo will ich hin?

Ziele des Workshops

  • kleiner Denkanstoß zum Thema «Lean Web Development» und Web Standards
  • diff --git a/presentations/misc/css-2024/010-web/index.html b/presentations/misc/css-2024/010-web/index.html index 12a793ea..9af0a1de 100644 --- a/presentations/misc/css-2024/010-web/index.html +++ b/presentations/misc/css-2024/010-web/index.html @@ -23,12 +23,12 @@
    -

    Web as a Technology?

    -

    Web as a Plattform?

    -

    Web as a Medium?

    -

    Web of Functionalities?

    -

    Web of Content?

    -

    Ich mag das Web!

    +

    Web as a Technology?

    +

    Web as a Plattform?

    +

    Web as a Medium?

    +

    Web of Functionalities?

    +

    Web of Content?

    +

    Ich mag das Web!

    diff --git a/presentations/misc/css-2024/025-seperation-of-concerns/index.html b/presentations/misc/css-2024/025-seperation-of-concerns/index.html index 8d5f071e..4c4c1f1f 100644 --- a/presentations/misc/css-2024/025-seperation-of-concerns/index.html +++ b/presentations/misc/css-2024/025-seperation-of-concerns/index.html @@ -27,7 +27,7 @@

What is the idea behind the concept «Separation of Concerns»?

-

Separation of Concerns

HTML, CSS, Javascript

+

Separation of Concerns

HTML, CSS, Javascript

Law of instrument

The law of the instrument, law of the hammer, Maslow's hammer, or golden hammer is a cognitive bias that involves an over-reliance on a familiar tool. Abraham Maslow wrote in 1966, «If the only tool you have is a hammer, it is tempting to treat everything as if it were a nail.»

Greenfield vs. Brownfield

oder: Woran erkenne ich ein erfolgreiches Web Projekt?
diff --git a/presentations/misc/css-2024/100-anwendungsbeispiel/index.html b/presentations/misc/css-2024/100-anwendungsbeispiel/index.html index f7281cfd..1285ed7e 100644 --- a/presentations/misc/css-2024/100-anwendungsbeispiel/index.html +++ b/presentations/misc/css-2024/100-anwendungsbeispiel/index.html @@ -23,7 +23,7 @@
-

Anwendungsbeispiel

+

Anwendungsbeispiel

Digitales Cranach Masterpieces Coffeetable Book

diff --git a/presentations/misc/css-2024/210-custom-properties/index.html b/presentations/misc/css-2024/210-custom-properties/index.html index 1e8db17d..d3bec928 100644 --- a/presentations/misc/css-2024/210-custom-properties/index.html +++ b/presentations/misc/css-2024/210-custom-properties/index.html @@ -23,7 +23,7 @@
-

Custom Properties

Baseline since April 2017

+

Custom Properties

Baseline since April 2017

Custom properties are entities defined by CSS authors that represent specific values to be reused throughout a document.

Was ist der Unterschied zwischen Custom Properties und Sass Variables?

diff --git a/presentations/misc/css-2024/250-broken-grid/index.html b/presentations/misc/css-2024/250-broken-grid/index.html index f7f07a4d..971d956d 100644 --- a/presentations/misc/css-2024/250-broken-grid/index.html +++ b/presentations/misc/css-2024/250-broken-grid/index.html @@ -23,7 +23,7 @@
-

Broken Grid via CSS Grid

Global Availability > 97%

+

Broken Grid via CSS Grid

Global Availability > 97%

Broken Grid Example

diff --git a/presentations/misc/css-2024/290-why-animations/index.html b/presentations/misc/css-2024/290-why-animations/index.html index 0ec32fbb..688e153b 100644 --- a/presentations/misc/css-2024/290-why-animations/index.html +++ b/presentations/misc/css-2024/290-why-animations/index.html @@ -23,7 +23,7 @@
-

Warum Transitions & Animations?

+

Warum Transitions & Animations?

UI movement helps to build a mental model.

UI motion attracts user attention.

UI motion increases the joy of use.

When it's used properly and wisely. 🧐