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
470
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
rage against annotate_predecessor
Avatar for Junichi Kobayashi junk0612
0
170
複雑なフォームに立ち向かう Next.js の技術選定
Avatar for Takashi Machinaga macchiitaka
2
220
JSONataを使ってみよう Step Functionsが楽しくなる実践テクニック #devio2025
Avatar for dafujii dafujii
1
640
AI Agents: How Do They Work and How to Build Them @ Shift 2025
Avatar for Slobodan Stojanović slobodan
0
100
Kiroで始めるAI-DLC
Avatar for kaonash kaonash
2
620
Reading Rails 1.0 Source Code
Avatar for Masafumi Okura okuramasafumi
0
250
アプリの "かわいい" を支えるアニメーションツールRiveについて
Avatar for 上ちょ / uetyo uetyo
0
280
Design Foundational Data Engineering Observability
Avatar for suci sucitw
3
200
Android端末で実現するオンデバイスLLM 2025
Avatar for Masayuki Suda masayukisuda
1
170
AI時代のUIはどこへ行く？
Avatar for Yusuke Wada yusukebe
18
9.1k
AWS発のAIエディタKiroを使ってみた
Avatar for 入井 啓太 iriikeita
1
190
Laravel Boost 超入門
Avatar for Arlo fire_arlo
3
220

Featured

See All Featured
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
696
190k
Navigating Team Friction
Avatar for Lara Hogan lara
189
15k
A better future with KSS
Avatar for Kyle Neath kneath
239
17k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
190
11k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
462
33k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
77
6k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.6k
Building Applications with DynamoDB
Avatar for Matt Wood mza
96
6.6k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.1k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
332
24k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
358
30k
Fireside Chat
Avatar for paigeccino paigeccino
39
3.6k

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