Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥

Kirby Crash Course

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

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
800
Let's build a better web
Avatar for Bastian Allgeier bastianallgeier
3
490
From designer to developer – an unexpected journey
Avatar for Bastian Allgeier bastianallgeier
3
3.5k
Browser vs. Photoshop
Avatar for Bastian Allgeier bastianallgeier
2
550
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
530

Other Decks in Programming

See All in Programming
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
0
430
ハイパーメディア駆動アプリケーションとIslandアーキテクチャ: htmxによるWebアプリケーション開発と動的UIの局所的適用
Avatar for Ryota Nakamura nowaki28
0
320
FluorTracer / RayTracingCamp11
Avatar for kugi kugimasa
0
180
Rediscover the Console - SymfonyCon Amsterdam 2025
Avatar for Robin Chalas chalasr
2
130
手が足りない！兼業データエンジニアに必要だったアーキテクチャと立ち回り
Avatar for zinkosuke zinkosuke
0
360
なあ兄弟、 余白の意味を考えてから UI実装してくれ！
Avatar for Ryomm ktcryomm
10
11k
モデル駆動設計をやってみよう Modeling Forum2025ワークショップ/Let’s Try Model-Driven Design
Avatar for haru860 haru860
0
230
バックエンドエンジニアによる Amebaブログ K8s 基盤への CronJobの導入・運用経験
Avatar for suna-big sunabig
0
130
Level up your Gemini CLI - D&D Style!
Avatar for Riccardo Carlesso palladius
1
160
tparseでgo testの出力を見やすくする
Avatar for utagawa kiki utgwkk
1
120
TypeScriptで設計する 堅牢さとUXを両立した非同期ワークフローの実現
Avatar for Matsumoto Moeka moeka__c
6
2.9k
【Streamlit x Snowflake】データ基盤からアプリ開発・AI活用まで、すべてをSnowflake内で実現
Avatar for Ayumu Yamaguchi ayumu_yamaguchi
1
110

Featured

See All Featured
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.5k
Code Review Best Practice
Avatar for Trisha Gee trishagee
73
19k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
210
24k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
1
73
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
127
17k
Visualization
Avatar for Eitan Lees eitanlees
150
16k
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.5k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
190
11k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.8k

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