Submit Search
Upload
Making of Kit.nl
•
0 likes
•
62 views
L
Luc Princen
Follow
Presentation about building a site fully powered by Gutenberg in an Accessible way.
Read less
Read more
Design
Report
Share
Report
Share
1 of 43
Download now
Download to read offline
Recommended
The Making of KIT
The Making of KIT
Luc Princen
Block the System
Block the System
Luc Princen
Block the System - building blocks in Gutenberg
Block the System - building blocks in Gutenberg
Luc Princen
temp
temp
Luc Princen
Block the System - building blocks in Gutenberg
Block the System - building blocks in Gutenberg
Luc Princen
Ditch Your Framework!
Ditch Your Framework!
Luc Princen
Ditch Your Framework! - Magical layouts with modern css
Ditch Your Framework! - Magical layouts with modern css
Luc Princen
An imposters journey through "real" development
An imposters journey through "real" development
Luc Princen
Recommended
The Making of KIT
The Making of KIT
Luc Princen
Block the System
Block the System
Luc Princen
Block the System - building blocks in Gutenberg
Block the System - building blocks in Gutenberg
Luc Princen
temp
temp
Luc Princen
Block the System - building blocks in Gutenberg
Block the System - building blocks in Gutenberg
Luc Princen
Ditch Your Framework!
Ditch Your Framework!
Luc Princen
Ditch Your Framework! - Magical layouts with modern css
Ditch Your Framework! - Magical layouts with modern css
Luc Princen
An imposters journey through "real" development
An imposters journey through "real" development
Luc Princen
2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot
Marius Sescu
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
Expeed Software
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
Pixeldarts
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
marketingartwork
Skeleton Culture Code
Skeleton Culture Code
Skeleton Technologies
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
Neil Kimberley
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
contently
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
Albert Qian
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
Search Engine Journal
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
SpeakerHub
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
Clark Boyd
Getting into the tech field. what next
Getting into the tech field. what next
Tessa Mero
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Lily Ray
How to have difficult conversations
How to have difficult conversations
Rajiv Jayarajah, MAppComm, ACC
Introduction to Data Science
Introduction to Data Science
Christy Abraham Joy
Time Management & Productivity - Best Practices
Time Management & Productivity - Best Practices
Vit Horky
The six step guide to practical project management
The six step guide to practical project management
MindGenius
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
RachelPearson36
More Related Content
Featured
2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot
Marius Sescu
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
Expeed Software
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
Pixeldarts
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
marketingartwork
Skeleton Culture Code
Skeleton Culture Code
Skeleton Technologies
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
Neil Kimberley
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
contently
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
Albert Qian
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
Search Engine Journal
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
SpeakerHub
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
Clark Boyd
Getting into the tech field. what next
Getting into the tech field. what next
Tessa Mero
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Lily Ray
How to have difficult conversations
How to have difficult conversations
Rajiv Jayarajah, MAppComm, ACC
Introduction to Data Science
Introduction to Data Science
Christy Abraham Joy
Time Management & Productivity - Best Practices
Time Management & Productivity - Best Practices
Vit Horky
The six step guide to practical project management
The six step guide to practical project management
MindGenius
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
RachelPearson36
Featured
(20)
2024 State of Marketing Report – by Hubspot
2024 State of Marketing Report – by Hubspot
Everything You Need To Know About ChatGPT
Everything You Need To Know About ChatGPT
Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
Skeleton Culture Code
Skeleton Culture Code
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
Getting into the tech field. what next
Getting into the tech field. what next
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
How to have difficult conversations
How to have difficult conversations
Introduction to Data Science
Introduction to Data Science
Time Management & Productivity - Best Practices
Time Management & Productivity - Best Practices
The six step guide to practical project management
The six step guide to practical project management
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Making of Kit.nl
1.
the making of kit.nl @LucP WP Meetup Eindhoven 25
februari 2019 Image: KIT
2.
"Heb je zin
om van zeven WordPress sites één WordPress site te maken?" - Peter van Grieken, Maart 2018 @LucP
3.
@LucP Image: Wikimedia
Commons December 2018
4.
Koninklijk Instituut voor
de Tropen - Research - Training & coaching - Development programs - Studies & Scholarships - Conferences & Events @LucP
5.
@LucP Image: Wikimedia
Commons Gutenberg
6.
@LucP Image: Wikimedia
Commons@LucP Image: Vidar Nordli-Mathisen, Unsplash Accessible
7.
Dus: - Gigantische content uitdaging -
Gigantische backend uitdaging - Gigantische frontend uitdaging - Gigantische interne uitdaging - AUB nét na de vakantie live 😬 @LucP
8.
"Yikes" - Luc Princen,
April 2018 @LucP Image: Caitlin Russell "Coolcoolcool!"
9.
"Wat verwachten we aan
problemen tegen te gaan komen?" @LucP
10.
@LucP
11.
Accessibility Gutenberg @LucP
12.
Accessibility Gutenberg @LucP
13.
Blind 78.000 Slechtziend 238.000 Kleurenblind
700.000 Doof en slechthorend 1.300.000 Fysieke beperking 1.500.000 Dyslexie 825.000 Laaggeletterd 1.500.000 Totaal 4.000.000 @LucP Image: Ian, Unsplash
14.
Lees baar heid @LucP Image: Elijah
O'Donnell Leesbaarheid
15.
More about us
More about us Huisstijl Website Contrast @LucP
16.
Semantische HTML VS @LucP <div class="flex-md-row mb-4
shadow-sm h-md-250"> ...content </div> <section class="overview overview--news"> ...content </section> VS
17.
Schaalbaarheid @LucP text-format +175%
18.
Leesbaarheid: - Kleurcontrast - Formaat
& schaalbaarheid - Semantische HTML - ALT-tags - Content @LucP
19.
@LucP Image: Tyler
Lastovich Gebruikers- gemak
20.
Skiplinks @LucP
21.
Lees meer... VS @LucP Lees Meer <a
href="#" class="read-more button"> Read more </a> <a href="#" class="read-more button"> Read more <span class="visuallyhidden">about <?php the_title(); </a> VS
22.
Focus states @LucP
23.
Nifty Stuff @LucP @media (prefers-color-scheme: dark)
{ color: $color-offwhite; } /* MacOS dark-mode support: */ if( isset( $_SERVER['HTTP_DNT'] ){ return $_SERVER['HTTP_DNT']; } /* Do Not Track mode support: */ &
24.
Gebruikersgemak - Skiplinks - "Lees
meer..." - Focus-states - Do Not Track & Dark mode - Laadtijd @LucP
25.
Google Lighthouse meting,
6-11-2018@LucP Resultaat:
26.
Accessibility Gutenberg @LucP
27.
BLOCK! BLOCK! BLOCK! BLOCK! BLOCK! BLOCK! BLOCK! @LucP
28.
Drie keer raden... @LucP
29.
BLOCK! BLOCK! BLOCK! Yep! @LucP
30.
Seperation Of Concerns @LucP Data Vorm Functie
31.
WordPress @LucP Data Vorm Functie 😕
32.
Gutenberg @LucP Data Vorm Functie (Backend, want React)
33.
Custom Blocks KIT page-break container intro links hero subtitle home-intro read-more related collection staff-collection staff-publications publications collection-filter studies-collection vacancies-collection expert service publication contact partners testimonials media checklist room-layout room-specs possibility-block banner faq-list taxonomy-menu page-menu sidebar text-button @LucP
34.
@LucP Seperation Of Concerns?
35.
BLOCK! BLOCK! BLOCK! BLOCK! BLOCK! BLOCK! BLOCK! @LucP
36.
Gutenberg frontend: @LucP (Frontend) - Weinig
query-opties (alles in één table cell) - Data + templates door elkaar - Veel backend errors @LucP
37.
Layout Areas @LucP Main content Sidebar right Sidebar
left Related posts
38.
@LucP HTML Parser: Kit:Container InnerBlocks: WP:heading WP:linklist Title Links Link Link Link Link
39.
HTML: <aside> Sidebar <section> Tekst <article> Content <header> titel + intro <footer> related
+ further links <section> <section> <section> <section> <footer> (page) <header> @LucP
40.
Layouts @LucP Post-type, voor herhalende elementen. Opgehaald
in één query Cookie melding Header Footer Search Filter 404 links
41.
@LucP Resultaat: Data Vorm Functie Custom
database column Maatwerk WP template Gutenberg Parser
42.
@LucP Resultaat: Data Vorm Functie Makkelijke
queries 100% themable Volledige controle
43.
Danku! @LucP Zijn er nog vragen? Image:
KIT
Download now