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

Kirby Crash Course

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Bastian Allgeier Bastian Allgeier
May 14, 2013
Programming
750
5

Kirby Crash Course

Avatar for Bastian Allgeier

Bastian Allgeier

May 14, 2013

More Decks by Bastian Allgeier

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

Other Decks in Programming

See All in Programming
VibeCodingからAgenticWorkflowへ
Avatar for starfish719 starfish719
0
1k
Go 1.27からのGODEBUG / Go 1.27 リリースパーティ #go127party
Avatar for mazrean mazrean
0
270
Hono + Inertia + React で LP を構築した話
Avatar for Yuka Ooka oukayuka
2
190
Hello, Hiroshima Geospatial Data! — Exploring DoboX with Python
Avatar for ぴっかりん ra0kley
0
150
Claude CodeとAgentCore Gatewayを繋ぐ際の認証認可 / Authentication and authorization when connecting Claude Code with AgentCore Gateway
Avatar for Har1101 har1101
2
420
書籍「プロフェッショナルAI駆動開発」紹介スライド
Avatar for Juntaro Matsumoto juntaromatsumoto
0
850
ALB ログから Trace を気合で繋げる技術
Avatar for Hayato Kawai fohte
7
840
プロポーザルを書いてもらう
Avatar for pvcresin pvcresin
0
590
異なる設計思想のフレームワークを経験して得た学び
Avatar for amekuhideki amekuhideki
2
1.4k
Press start. Python's next generation.
Avatar for Carol Willing willingc
PRO
3
300
関東Kaggler会_NVIDIA_Nemotron_コンペ_振り返り
Avatar for rick rick_ds
0
770
AI Readyの正体はデータマネジメントだ メダリオン2.0の最前線
Avatar for freee freee
PRO
0
490

Featured

See All Featured
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.8k
HTML-Aware ERB: The Path to Reactive Rendering @ RubyCon 2026, Rimini, Italy
Avatar for Marco Roth marcoroth
4
540
エンジニアに許された特別な時間の終わり
Avatar for watany watany
108
250k
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
630
Ethics towards AI in product and experience design
Avatar for Skipper Chong Warson skipperchong
2
360
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
590
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
360
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon Słowik szymonslowik
1
400
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
1.5k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
275
41k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
82
6.5k
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
Avatar for Ryan Jones ryanjones
0
220

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