Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Kirby Crash Course

Avatar for Bastian Allgeier Bastian Allgeier
May 14, 2013
Programming
5
710

Kirby Crash Course

Avatar for Bastian Allgeier

Bastian Allgeier

May 14, 2013
Tweet

More Decks by Bastian Allgeier

See All by Bastian Allgeier
Escape to planet Aerth
Avatar for Bastian Allgeier bastianallgeier
0
790
Let's build a better web
Avatar for Bastian Allgeier bastianallgeier
3
460
From designer to developer – an unexpected journey
Avatar for Bastian Allgeier bastianallgeier
3
3.5k
Browser vs. Photoshop
Avatar for Bastian Allgeier bastianallgeier
2
540
Rediscover Value
Avatar for Bastian Allgeier bastianallgeier
2
310
design your code, code your design
Avatar for Bastian Allgeier bastianallgeier
7
560
Feel-good interface design
Avatar for Bastian Allgeier bastianallgeier
6
520

Other Decks in Programming

See All in Programming
型で語るカタ
Avatar for irof irof
1
860
構造化・自動化・ガードレール - Vibe Coding実践記 -
Avatar for ふくすけ tonegawa07
0
150
コーディングエージェント概観(2025/07)
Avatar for Itsuki itsuki_t88
0
450
AWS Summit Japan 2024と2025の比較／はじめてのKiro、今あなたは岐路に立つ
Avatar for Satoshi Kaneyasu satoshi256kbyte
1
260
ご注文の差分はこちらですか？ 〜 AWS CDK のいろいろな差分検出と安全なデプロイ
Avatar for Kenji Kono konokenj
4
710
Git Sync を超える！OSS で実現する CDK Pull 型デプロイ / Deploying CDK with PipeCD in Pull-style
Avatar for Tetsuya Kikuchi tkikuc
4
480
ソフトウェア設計とAI技術の活用
Avatar for 増田 亨 masuda220
PRO
25
6.9k
AI時代の『改訂新版 良いコード／悪いコードで学ぶ設計入門』 / ai-good-code-bad-code
Avatar for MinoDriven minodriven
24
10k
Claude Code派？Gemini CLI派？ みんなで比較LT会！_20250716
Avatar for じゅん junholee
1
750
抽象化という思考のツール - 理解と活用 - / Abstraction-as-a-Tool-for-Thinking
Avatar for shin1x1 shin1x1
1
890
Streamlitで実現できるようになったこと、実現してくれたこと
Avatar for Ayumu Yamaguchi ayumu_yamaguchi
2
240
11年かかって やっとVibe Codingに 時代が追いつきましたね
Avatar for yimajo yimajo
0
220

Featured

See All Featured
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
34
3.1k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
54
13k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
130
19k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
69
4.8k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
70
11k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
49
14k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
32
1k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
10
1k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
134
9.4k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
357
30k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
16k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k

Transcript

  1. None

  2. Kirby ist ein datei-basiertes CMS [email protected] Email Website Twitter

  3. getkirby.com/made-with-kirby-and-love

  4. - Einfache Installation - Version Controlling - NoSQL Flexibilität -

    Einfache Deploys - Geschwindigkeit Warum datei-basiert?

  5. Kern + Panel

  6. +

  7. Kirby’s Aufbau

  8. Wie funktioniert Kirby? Ein Ordner = eine Seite

  9. Wie funktioniert Kirby? Eine Textdatei für jede Seite project.txt

  10. Wie funktioniert Kirby? Eine Textdatei für die gesamte Seite content/site.txt

  11. Wie funktioniert Kirby? Name der Textdatei = Name des Templates

    /content/01-projects/01-project-a/project.txt /site/templates/project.php

  12. Wie funktioniert Kirby? Sortierung + Sichtbarkeit über Zahlen sichtbar unsichtbar

  13. Wie funktioniert Kirby? Bilder, Videos, PDFs, etc.

  14. Markdown / Kirbytext # Headline 1 ## Headline 2 ###

    Headline 3 **Bold Text** _Italic Text_

  15. Markdown / Kirbytext (image: my-image.jpg) (link: http://getkirby.com) (email: [email protected]) (file:

    fact-sheet.pdf) (youtube: http://youtube.com/watch...)

  16. Templating templates snippets

  17. templates/article.php snippets/header.php snippets/footer.php

  18. Templating $site

  19. Templating $pages

  20. Templating $pages

  21. Templating $page

  22. Templating Bilder, Videos, PDFs, etc.

  23. Templating Bilder, Videos, PDFs, etc.

  24. Templating Crazy shit…

  25. Docs getkirby.com/docs getkirby.com/blog getkirby.com/tutorials

  26. None

  27. Prototyping mit Kirby Finder als Mindmap

  28. Prototyping mit Kirby Inhalte strukturieren team-member.txt

  29. Prototyping mit Kirby Inhalte strukturieren client.txt

  30. Prototyping mit Kirby Inhalte strukturieren philosophy.txt

  31. Prototyping mit Kirby Header und footer snippets /site/snippets/header.php /site/snippets/footer.php

  32. Prototyping mit Kirby Assets verlinken

  33. Prototyping mit Kirby Assets verlinken getkirby.com/blog/template-css

  34. Prototyping mit Kirby Navigation bauen getkirby.com/downloads/snippets getkirby.com/blog/fun-with-menus

  35. Prototyping mit Kirby Nach und nach Templates anlegen home.php client.php

    project.php …

  36. Danke! @bastianallgeier @getkirby