Video  Web  Image  BlogU

Videos and Information Relevant to Gutenberg

Design systems can be complicated to think about at the best of times. Then, try adding a brand new content editor to the mix… what can go wrong? Take a 45 minute journey with Redstamp’s Matthew Brent, discovering the highs and lows of implementing a dynamic design system in Gutenberg.
Posted By : peter88
“HTMLのマークアップとCSSと多少の JavaScript。そこに WordPress をきっかけとして PHP のスキルを少し足して、「テーマ制作」を主戦場にされている方も多いはず。しかし、ここ1〜2年で Gulp やSassを使ったモダン Web デザインワークフローはもちろんのこと、ブロックエディターの実装で JavaScript や React も学ばなければいけない… 動きも速く、ついていけない… 何を学んでいけばよいのか、どうスキルアップしていけば良いのか、私自身が最近学びもがいていることを共有したいと思います” Presentation slides: https://speakerdeck.com/waviaei/gutenberg-yi-jiang-falsetemazuo-cheng-nixiang-kete-jin-xue-bubekikoto
Posted By : peter88
With the Gutenberg release, a new Block based editor opens the door for developers to do some interesting things with it versus the traditional way WordPress handles content. In this talk, the basics of Blocks and the power of building custom blocks for special content. Join me in this talk geared towards developers and power […] Full presentation slides: https://docs.google.com/presentation/d/1sYoBowlrL7YQC-lKR5gUdRI-p2UlZknsyckP5MtnLyQ/present?slide=id.g35f391192_00
Posted By : moviegoer
Modern infrastructure technologies like serverless computing and real-time databases offer a huge potential for new and improved online user experiences. In this session, we’ll go through a practical use case to find out how we can harness their power in the context of WordPress. We’ll build a Gutenberg block that shows status updates, to be incorporated into a status page. We’ll use serverless computing to allow adding status updates via a Slack command, and we’ll use a real-time database so that all visitors receive these updates in real-time without any impact on our WordPress server.
Posted By : moviegoer
In early 2018, Peytz & Co started using Gutenberg to power a boilerplate theme on which they built custom websites. Kåre will talk about how Gutenberg helped better align sale pitch and client understanding of what is actually developed in a modular approach when looking at functionality and content, on a website that is bound to change over time.
Posted By : moviegoer
Attention spans are diminishing online, so we need to get to the point with our landing pages. We should start by identifying the user problem, then promote just one solution in an uncluttered and direct manner. This allows the visitor to make a quick decision, rather than sending them to a bloated website with many options. Rob covers the essential things to include on your landing page while encouraging a minimalistic design approach.
Posted By : moviegoer
The block revolution is undoubtedly here, but not everyone has been able to embrace it yet. If you’ve never used ReactJS before it may seem intimidating, or at the very least time consuming to go all-in on the new editor and create custom blocks for every situation you come across. https://2019.brisbane.wordcamp.org/session/advanced-custom-blocks-creating-customised-editing-experiences-in-a-gutenberg-world-using-advanced-custom-fields-and-the-skills-you-have-now/
Posted By : peter88
Après quinze années d’existence et une telle popularité, il est très facile d’opter pour la sécurité au détriment de l’innovation au risque de sombrer dans la médiocrité. Alors comment se réinventer tout en gardant son identité ? Comment innover sans aliéner ses utilisateur·rice·s ? Gutenberg est la réponse de WordPress. C’est un changement d’une ampleur jamais vue dans l’histoire du CMS. Au delà du changement visible au niveau de l’éditeur de contenu, Gutenberg ouvre la voie à un changement encore plus profond pour WordPress qui pourrait redéfinir votre expérience de WordPress quel que soit votre profil. Après avoir réinventé son éditeur, comment les prochaines phases de Gutenberg vont-elles redéfinir l’utilisation de WordPress pour les développeur·se·s d’extensions, développeur·se·s de thèmes, les agences Web et les utilisateur·rice·s finaux·ales ? Quelles sont les étapes pour y arriver alors ? Comment participer activement à ce changement au lieu de le subir ? Cette conférence répondra à toutes ces interrogations. Full presentation slides: https://2019.paris.wordcamp.org/files/2019/04/Gutenberg_au_dela_de_l_editeur_de_contenu.pdf
Posted By : peter88
A brief dive into the component library built into WordPress / Gutenberg. I’ll use a little demo plugin to demonstrate how useful these components are, and how you can use them to build the perfect authoring interface for your custom content, and more. https://2019.brisbane.wordcamp.org/session/custom-interactivity-with-gutenberg-components/
Posted By : peter88
If you already know JavaScript, but don’t have much React experience, you’ll learn what you need get started. You’ll then be able to develop your own blocks and extend Gutenberg. You’ll see the most important parts of ES6 and JSX to know. Also, you’ll learn the basics of how React works, see a basic build setup, and learn about ES6 modules. https://2019.brisbane.wordcamp.org/session/a-quickstart-guide-to-react-development/
Posted By : peter88