{"componentChunkName":"component---src-templates-category-page-tsx","path":"/category/design-and-ux/page/3/","result":{"data":{"allContentfulCategory":{"edges":[{"node":{"contentful_id":"2gOurgpDj1BasZvVToN13z","slug":"tiny-sparks","title":"The Tiny Way","description":{"description":"Understand the Tiny Way - our heritage, values-driven approach and thinking through stories from and about Tiny people and culture, technology and the world at large."}}},{"node":{"contentful_id":"2a3w396SgR2Fl1ep4eYu0w","slug":"product-management","title":"Product-Led Growth","description":{"description":"Everything from product roadmaps and market fit, through customer acquisition and onboarding to retention and product-led growth, can be found here to help you grow your brand, company and product."}}},{"node":{"contentful_id":"T7VZcLaLRpt6XlNLJPLmL","slug":"wysiwyg-world","title":"World of WYSIWYG","description":{"description":"Learn about the WYSIWYG world of rich text editors - the power behind the democratization of content creation, web applications and SaaS projects."}}},{"node":{"contentful_id":"6HNYGjOUjHzUS2gXBnMVXn","slug":"design-and-ux","title":"Content Marketing & Design","description":{"description":"Be at the forefront of content design trends, get inspiration for your projects and learn new ways to use content marketing strategies and content-led approaches that deliver brilliant user experiences."}}},{"node":{"contentful_id":"6XFMYLCe4AEYIDazkjGFvb","slug":"engineering","title":"Developer Insights","description":{"description":"The perfect source for all web application and software developers, as well as engineering teams who want to stay up to date with the latest development tools, developer insights, leading edge thinking and experiments."}}},{"node":{"contentful_id":"24ufWIsR0ImSvxvvIrutB5","slug":"open-source","title":"Open Source","description":{"description":"Having a vibrant open source community is a vital part of TinyMCE, so you'll find important open source contribution news here – both from our own community, and from other open source projects in global communities."}}},{"node":{"contentful_id":"2fLgNI8yOMeZHNl1nSQ11","slug":"how-tos-and-tutorials","title":"How-to Use TinyMCE","description":{"description":"Learn how-to use TinyMCE rich text editor, all in one place – here's our set-up tips, tricks, FAQs, updates and new releases, customisations, ideas on things to build and easy migration from other text editing platforms."}}}]},"allContentfulBlogPost":{"edges":[{"node":{"title":"Fancy form elements: Aaron Iker showcase","slug":"fancy-form-elements","featured":false,"lastUpdated":"Aug 30th, 2020","description":{"description":"<p>Make your forms more engaging and fun with these fancy form elements by UI designer Aaron Iker. Get creative with your buttons, toggles, and more.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Make your forms more engaging and fun with these fancy form elements by UI designer Aaron Iker. Get creative with your buttons, toggles, and more."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Twitter logo with tag @aaroniker_me in the center.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAMAAAAhxq8pAAABs1BMVEUEmOUEl+UFl+UFl+QEluQGl+UGleQHleQJluUFleQIluUUnOwan/ALl+YQmekHk+QGk+MOlucFkuMXnO0eovMcofIanvAPl+gIkeQHkOMPleccoPITmOoJkeQGj+MMk+YdovMdofMOlOcIkOQIjuQIjeQKj+UZnvATmewOk+gQlekbofIcofMRlOkHjeMJiuQIiuQMjOYXme0bofMPofMEoPMEn/IFoPIKoPINoPIRoPIOj+cIieQJh+UNiucbn/EcovMXofNZrfRhsPRcrvRdrvRUrPRTq/ROqvMMiuYIh+UKheYKhOYJhOYTkesboPJarvRosvRer/Rgr/RQq/QXovMXme8KgucJgucLg+gXl+4An/IDoPIEoPIJoPIRofMRjOsIgecKgOkWk+4do/MXlu8Kf+sKfuoJfeoRiu0ZmfEdofIeo/MZmvEMgusJfuoKfuwMge0OhO0Qh+4Vke8bnvIdovIYl/ENgu0JfOwKfe4OhO8XlPEcn/Ieo/IZmvISi/AJfO4KffEJfPEKfPENgvERiPITjPIRifIOg/EIe/EJffQJfPMIe/MIevMHefMIfPMO349sAAAA1ElEQVQYGQXBsU7CUBiA0e9rf1LoLWhCxITRuLq4m7Ca+AzGZ+Fx3F18DjddjBMuGAiUivR6DgAAAAoAFmAGoEAy9BCBegJKlVyYO2Kkx4EnIATUghhpWam4T8K2nTU7r/WnbypVVzQ07omkzddUUcduVnPFO1RV+1K7vnZLTFQ3E92er8uzsS0TokH9OFyZSO/zt5u0h0iAu4vXGXxfDm5PJIhAufdzAS8LtQWiRtWcnh9I2tZA1KhrHg/H6dNv1dUALlEV7YZdBoAYgSo5V39DAOAf2ok5H14z2MYAAAAASUVORK5CYII=","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/6HKoyOXM6Fl9u5gmK25DZR/840907761df21dbe4ae6e8f06e68b637/Image_default_Aaron-Iker-showcase.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6HKoyOXM6Fl9u5gmK25DZR/840907761df21dbe4ae6e8f06e68b637/Image_default_Aaron-Iker-showcase.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6HKoyOXM6Fl9u5gmK25DZR/840907761df21dbe4ae6e8f06e68b637/Image_default_Aaron-Iker-showcase.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6HKoyOXM6Fl9u5gmK25DZR/840907761df21dbe4ae6e8f06e68b637/Image_default_Aaron-Iker-showcase.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6HKoyOXM6Fl9u5gmK25DZR/840907761df21dbe4ae6e8f06e68b637/Image_default_Aaron-Iker-showcase.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6HKoyOXM6Fl9u5gmK25DZR/840907761df21dbe4ae6e8f06e68b637/Image_default_Aaron-Iker-showcase.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6HKoyOXM6Fl9u5gmK25DZR/840907761df21dbe4ae6e8f06e68b637/Image_default_Aaron-Iker-showcase.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6HKoyOXM6Fl9u5gmK25DZR/840907761df21dbe4ae6e8f06e68b637/Image_default_Aaron-Iker-showcase.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6HKoyOXM6Fl9u5gmK25DZR/840907761df21dbe4ae6e8f06e68b637/Image_default_Aaron-Iker-showcase.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6HKoyOXM6Fl9u5gmK25DZR/840907761df21dbe4ae6e8f06e68b637/Image_default_Aaron-Iker-showcase.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Ben Long","slug":"ben-long"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":{"metaTitle":"Fancy form elements and form design inspiration"},"metaDescription":{"metaDescription":"Make your forms more engaging and fun with these fancy form elements by UI designer Aaron Iker. Get creative with your buttons, toggles, and more."}}},{"node":{"title":"16 features to include on your blog feed","slug":"best-blog-features","featured":false,"lastUpdated":"May 12th, 2020","description":{"description":"<p>The right blog features can make all the difference to your user experience. We cover all the dos and don&rsquo;ts for creating a more engaging blog feed.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The right blog features can make all the difference to your user experience. We cover all the dos and don’ts for creating a more engaging blog feed."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Group of categories and tags made from the section titles within the related article.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAMAAAAhxq8pAAACHFBMVEUDAAwBAAAAAAAEABkFADIGEjcGFDgLPVAepKofrbMgrrMgr7QgsLUfrbIYjJMfq7EfrrMgrrQgsLYgsrcSaXQEACcHETgHFTkPV2Un0tYo19wo19sp2t4p2d0iuL0p2Nwp2t8p2+Ap3eEo1NkXh48DAAAHBDYIFDoIFjsMPVIkwcYmzNAmy9Amyc4htLohs7kmzNEht70kxckmys4kwscXg4wFACcIDjkIFDwOSlwnz9Mn09go09gn0tckxMkjvMEo1tsjvcIcnKMEABIHADQIBzkORVklxssmztMmztImzdEnz9Qmys8kwsghsrgkxMon0NQlxcoQVmYHACsPTmAmzdIlyM0n0dYn09ckv8Uit70nztMSYXAFABsPSV4lxcsn0dUgr7Uitr0IADIPS2Alx8wn0NUlxswgrbQnzdIjusAJADoPSWAo1Ngo1dokwccjvMIclZ4PQ1wlxMomytAlxMkkwMYhr7Ylw8kmyc8kw8kZh5IRUmcp3OAo1top2d4hsrkIACoQRmAmx80kvcQhrLUitLwRR2ALAD4TWW4q3uIp298q4OQjuL8p2N0q3OEr4+cq3+MMAEQLADsNCEcNF0oRQl8gqLEhrLQgqrIgqrMhrrcckJshq7Qhr7cfpK0dmKMOG00OE0oOHk0OH04MADwLADAKACgKACUKACQJACQLAC0KACkKACYJACIKACwMADgOBEkOHU8PIVB0mLFhAAABFUlEQVQYGQXBu0oDQRiA0f+bnZ2dXbO5bAxKjMRoYytpJY0WVhLsfQkfxsZSFF9BxMZKEMSgSJpIBM2lUhOQxOzFcxAQEckQEREBEDwAgBgNAIguAZDo1AGYWwBdAshEEbupAwDoIiBkikQztVoUoEMAhH4DEn+wRezi7Ngkt5iUvbL1Rvloeax/KkYFQUg3P5j9TsyaGKf6mBmjjHHSveJqr4ZJP71OtFuwVtmHaHh9Lw3z7Q1b3v7z6OXVcMJtbRtIuh8HjGcTKdRRwWj65M/t5dLmoX27uWs235Vx9oN+O46+WtNU+ZVe+y+s+1p558dXK37Hr25cnIVH68VcOQw5BSB2SUQ0CwOgCwAkGha48yKA/APKmFAEmjXjSQAAAABJRU5ErkJggg==","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/7Mn1oZAOAr7ffkcFLSETzq/ccc87aae35a4799ace8d44759e75a360/Image_default_16Features.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/7Mn1oZAOAr7ffkcFLSETzq/ccc87aae35a4799ace8d44759e75a360/Image_default_16Features.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7Mn1oZAOAr7ffkcFLSETzq/ccc87aae35a4799ace8d44759e75a360/Image_default_16Features.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7Mn1oZAOAr7ffkcFLSETzq/ccc87aae35a4799ace8d44759e75a360/Image_default_16Features.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7Mn1oZAOAr7ffkcFLSETzq/ccc87aae35a4799ace8d44759e75a360/Image_default_16Features.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/7Mn1oZAOAr7ffkcFLSETzq/ccc87aae35a4799ace8d44759e75a360/Image_default_16Features.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/7Mn1oZAOAr7ffkcFLSETzq/ccc87aae35a4799ace8d44759e75a360/Image_default_16Features.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7Mn1oZAOAr7ffkcFLSETzq/ccc87aae35a4799ace8d44759e75a360/Image_default_16Features.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7Mn1oZAOAr7ffkcFLSETzq/ccc87aae35a4799ace8d44759e75a360/Image_default_16Features.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7Mn1oZAOAr7ffkcFLSETzq/ccc87aae35a4799ace8d44759e75a360/Image_default_16Features.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Ben Long","slug":"ben-long"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":{"metaTitle":"16 blog features to engage your audience"},"metaDescription":{"metaDescription":"The right blog features can make all the difference to your user experience. We cover all the dos and don’ts for creating a more engaging blog feed."}}},{"node":{"title":"Blockquote CSS and styling in TinyMCE","slug":"blockquote-css-and-styling-in-tinymce","featured":false,"lastUpdated":"Mar 5th, 2020","description":{"description":"<p>Blockquotes can add more interest and authority to your content. Here are four examples demonstrating how to style blockquotes with CSS, including how to do it in TinyMCE.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Blockquotes can add more interest and authority to your content. Here are four examples demonstrating how to style blockquotes with CSS, including how to do it in TinyMCE."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Rich text editor containing content with a styled block quote, Tiny company logo above.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAMAAAAhxq8pAAACPVBMVEUVsesUsOsMresJrOsIrOsFrOsCrOsErOsJresSsOsOrusTsOsUq+oNqeoJqOoKqOoFqOoAqOoAp+oEquoLquoIqOoOqeoTq+oNpOoKo+oLo+oIo+oAouoxp+pvt+48qetjs+1Orew5quspp+oQo+oGo+oOpOoTpuoTpeoKn+kLn+kEn+l/uu6iyvKGve+Ive+dyPGLv++VxPGBuu8Sn+oJn+kToekEmukCmukAmukAmelEouuEue9OpetBoutjrexDo+tvsO1mrewGnOkJnOkLnOkNnOkOnOkAk+kAkOkAj+kAjugAj+gAjegAjOgAkOgAkegAkugAlukHkumRue+Zve6Yve+Wu+6XvO6Uue2Xve6bv/CdwPKdwPGdwfGfwvKRuu8Aj+dKmev09vz///3//vz+/fv9/Pr8+/n///7////x8fMyhdVBk+v19/739/fs7Ovs6+vt7Ozr6+rr6ur5+fjw8PEgfNA9kOz09v339/ju7u7t7e7s7Ozz8/P4+Pj29vb6+vrv7/EZedA9jez09v7//u3///L9/f7t7e0YdtA9i+3y66zy6Zny67Hu57D28MH7+vXm5ufn5+fm5ubl5eXv7/AXdNA9iO709v/o35Pl2Enn2kfv5ZH+/fL8/Pzn5+jo6Ojp6ekXcdE9h/Dq4ZTi1VHn2lTr4ID69dn+/fzv7+/x8fH19fUXb9I9h/Hs45/i1mnm23b178n69+D8/Prk5OQWbtI9hPL+/fb8+/X9+NT//eb8/P0WbNPvvP3bAAAAvElEQVQYGT3BzS4EQRhA0XtrvvnprtKTSdiJDU/g4b2LlYVYmEiYMMiELtUmnCMqKiDqgYVR1JqUpiaNlUTRmpzgEcbGShpn/gNiUPDPZ2cTGwWsNt8xgB99ZCc12SDg2lgrNuM4BwQ0sl8wF9Fx5h6ykd1BdvLC2j0Uo7g79x4uXlMZ3qRZxvLAwiu1V/MWODVOfBg8wtsZTUkF8q/3vu+vdzQ58p7s5HFb62V5hrMudU90zc0KHO4SzfIH3UgoI+AQqOkAAAAASUVORK5CYII=","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/4FJ2PDtxxLt5IJaYy0bc8O/58a9ff4512629c46821407bcd780523f/Image_default_blockquotes.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4FJ2PDtxxLt5IJaYy0bc8O/58a9ff4512629c46821407bcd780523f/Image_default_blockquotes.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4FJ2PDtxxLt5IJaYy0bc8O/58a9ff4512629c46821407bcd780523f/Image_default_blockquotes.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4FJ2PDtxxLt5IJaYy0bc8O/58a9ff4512629c46821407bcd780523f/Image_default_blockquotes.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4FJ2PDtxxLt5IJaYy0bc8O/58a9ff4512629c46821407bcd780523f/Image_default_blockquotes.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4FJ2PDtxxLt5IJaYy0bc8O/58a9ff4512629c46821407bcd780523f/Image_default_blockquotes.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4FJ2PDtxxLt5IJaYy0bc8O/58a9ff4512629c46821407bcd780523f/Image_default_blockquotes.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4FJ2PDtxxLt5IJaYy0bc8O/58a9ff4512629c46821407bcd780523f/Image_default_blockquotes.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4FJ2PDtxxLt5IJaYy0bc8O/58a9ff4512629c46821407bcd780523f/Image_default_blockquotes.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4FJ2PDtxxLt5IJaYy0bc8O/58a9ff4512629c46821407bcd780523f/Image_default_blockquotes.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Fredrik Danielsson","slug":"fredrik-danielsson"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":null,"metaDescription":{"metaDescription":"How to edit CSS blockquote styles to match your website design and engage your readers. Blockquote CSS examples, including how to do it in TinyMCE."}}},{"node":{"title":"The Three Kinds of Design by John Maeda","slug":"three-kinds-design-john-maeda","featured":false,"lastUpdated":"Jul 20th, 2017","description":{"description":"<p><a href=\"https://en.wikipedia.org/wiki/John_Maeda\">John Maeda, design rockstar</a>&nbsp;and also the new Head of Computational Design and Inclusion at Automattic, gave the audience an inspiring and philosophical account of&nbsp;<a href=\"https://2017.europe.wordcamp.org/session/the-three-kinds-of-design/\">why design is the elixir of our times</a>. To get the benefit of the elixir, however, you need to first befriend the right kind of design. Of which there are three.</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"https://en.wikipedia.org/wiki/John_Maeda"},"children":[{"type":"text","value":"John Maeda, design rockstar"}]},{"type":"text","value":" and also the new Head of Computational Design and Inclusion at Automattic, gave the audience an inspiring and philosophical account of "},{"type":"element","tagName":"a","properties":{"href":"https://2017.europe.wordcamp.org/session/the-three-kinds-of-design/"},"children":[{"type":"text","value":"why design is the elixir of our times"}]},{"type":"text","value":". To get the benefit of the elixir, however, you need to first befriend the right kind of design. Of which there are three."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Blueprint of chair design","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAANABQDAREAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAABAUGCf/EACAQAAIBBAIDAQAAAAAAAAAAAAECAwAEBQYRIRIxQVH/xAAXAQEBAQEAAAAAAAAAAAAAAAAEAgED/8QAGxEBAAMBAQEBAAAAAAAAAAAAAQACAxESFDH/2gAMAwEAAhEDEQA/ANFNL1zHaXrFnjbaSVo4U8YjdytNI33gsx5NP0srC50rSoEqoyl3bqWQxEj069g0YsjOySWzGv2k98zsvJI9+XFPpZ8wtqCwnX7s3tlBI6KJF7VvZFTpQ7Kzt0g8O/yT5+6xTWY4ibxEwk7PX0cVfyBka9/Zro98xNns7NHkXVVAAH7Sc8zzBaapaf/Z","aspectRatio":1.5,"src":"//images.ctfassets.net/s600jj41gsex/3f38YQPBDnWlSgzj1x8fvY/539d7034d09c0bcddd6ea3c683df2221/pexels-photo-323645.jpeg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3f38YQPBDnWlSgzj1x8fvY/539d7034d09c0bcddd6ea3c683df2221/pexels-photo-323645.jpeg?w=185&h=123&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3f38YQPBDnWlSgzj1x8fvY/539d7034d09c0bcddd6ea3c683df2221/pexels-photo-323645.jpeg?w=370&h=247&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3f38YQPBDnWlSgzj1x8fvY/539d7034d09c0bcddd6ea3c683df2221/pexels-photo-323645.jpeg?w=739&h=493&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3f38YQPBDnWlSgzj1x8fvY/539d7034d09c0bcddd6ea3c683df2221/pexels-photo-323645.jpeg?w=1109&h=739&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3f38YQPBDnWlSgzj1x8fvY/539d7034d09c0bcddd6ea3c683df2221/pexels-photo-323645.jpeg?w=1478&h=985&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3f38YQPBDnWlSgzj1x8fvY/539d7034d09c0bcddd6ea3c683df2221/pexels-photo-323645.jpeg?w=1620&h=1080&q=50&fit=scale 1620w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3f38YQPBDnWlSgzj1x8fvY/539d7034d09c0bcddd6ea3c683df2221/pexels-photo-323645.jpeg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3f38YQPBDnWlSgzj1x8fvY/539d7034d09c0bcddd6ea3c683df2221/pexels-photo-323645.jpeg?w=185&h=123&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3f38YQPBDnWlSgzj1x8fvY/539d7034d09c0bcddd6ea3c683df2221/pexels-photo-323645.jpeg?w=370&h=247&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3f38YQPBDnWlSgzj1x8fvY/539d7034d09c0bcddd6ea3c683df2221/pexels-photo-323645.jpeg?w=739&h=493&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3f38YQPBDnWlSgzj1x8fvY/539d7034d09c0bcddd6ea3c683df2221/pexels-photo-323645.jpeg?w=1109&h=739&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3f38YQPBDnWlSgzj1x8fvY/539d7034d09c0bcddd6ea3c683df2221/pexels-photo-323645.jpeg?w=1478&h=985&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3f38YQPBDnWlSgzj1x8fvY/539d7034d09c0bcddd6ea3c683df2221/pexels-photo-323645.jpeg?w=1620&h=1080&q=50&fm=webp&fit=scale 1620w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Team Tiny","slug":"team-tiny"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":null,"metaDescription":null}}]},"featuredPost":{"edges":[{"node":{"title":"Build branding into your product design with a WYSIWYG HTML editor","slug":"app-website-branding-wysiwyg-editor","featured":false,"lastUpdated":"May 1st, 2024","description":{"description":"<p>Find out how the right WYSIWYG HTML editor can help you set up your website or app branded content</p>","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Find out how the right WYSIWYG HTML editor can help you set up your website or app branded content"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Two generic headings \"Heading 1\" and \"Heading 2\", an empty table, and a color palette, depicting a sample content style.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAQCAIAAACZeshMAAACb0lEQVQYGW3BMWudZRjH4d//fu73zUnSJk2r0WJSEaE0qPgB/ADiXBCEroKLo2Nnl+ImCC46FTo6FISCg5N0KWJRsFYtBlqILScnaXLO8zz3beogCl6X/LNdEP/HjdGRtGhZO/9wowdJuhIyrLcETBkgTrgYhCqt0wPjmQRBkl48JVeg6JrPc6nUteV80gEzqXCU0CGSfylS6U30yeimSAXVJ4ucbO4zkREWqUXVdtolGVVU0bQh2/HSQyYr6HiBKyDoyVnxyZsry6MeTPvj4xjFpecH4MGTNm/56DASXt8c3r/zVEarmZZOFwFJR7PjQPba5vB0kaujRea85oUzvnV2eDRt124fbi4bSa0MMEquTnYZOYVrPxzfa0ll3XXOuF8T2Bn1zot+WPPb/bj784IuD8YiC5wmhVycc314cWl1tP3jWJuY4GCeD2d9Y9k+/Wn+e01cjxcYcqROIifkaFCZhd/8JV6YMBZEHFa2TluN8t1un4W8WAvRIyIPTBNjRD5gpdfyx4+L1r7uIpL/SFbXh/OvlvlRm+69tf3SlTdWvrl3dGOvt5S7RForpyTWRp6JDkqzhKKkDPMo48P788+/vHz96gdvn99a48ZXh20ij24RHmcuhLkgwaIlSitFpIhaSyqfe5n3Lt/cPbX5/fzW3UoYYVabepcSCwgU0FFQEiW9ocRVcu83rn98a2N6ZWfpi1cGwsY0zzClZRcFJQkkJgG9IWESGba+vfzuR+OfpzfuHM1+bQfFDNPK1SmZigZIkEgJRErCDJHIkPVQr5E1VNDgmDwpiCzO30ohUe9IacaJRJCR6sCQck6kOPEXNXhOKTjuMosAAAAASUVORK5CYII=","aspectRatio":1.2173913043478262,"src":"//images.ctfassets.net/s600jj41gsex/7fK6P3tZdcwCH2IhEfqFbl/374ccda18f634f141976e8671c284c27/Image_default_BuildBrand-ProductWYSIWYG.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/7fK6P3tZdcwCH2IhEfqFbl/374ccda18f634f141976e8671c284c27/Image_default_BuildBrand-ProductWYSIWYG.png?w=185&h=152&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7fK6P3tZdcwCH2IhEfqFbl/374ccda18f634f141976e8671c284c27/Image_default_BuildBrand-ProductWYSIWYG.png?w=370&h=304&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7fK6P3tZdcwCH2IhEfqFbl/374ccda18f634f141976e8671c284c27/Image_default_BuildBrand-ProductWYSIWYG.png?w=739&h=607&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7fK6P3tZdcwCH2IhEfqFbl/374ccda18f634f141976e8671c284c27/Image_default_BuildBrand-ProductWYSIWYG.png?w=896&h=736&q=50&fit=scale 896w","srcWebp":"//images.ctfassets.net/s600jj41gsex/7fK6P3tZdcwCH2IhEfqFbl/374ccda18f634f141976e8671c284c27/Image_default_BuildBrand-ProductWYSIWYG.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/7fK6P3tZdcwCH2IhEfqFbl/374ccda18f634f141976e8671c284c27/Image_default_BuildBrand-ProductWYSIWYG.png?w=185&h=152&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/7fK6P3tZdcwCH2IhEfqFbl/374ccda18f634f141976e8671c284c27/Image_default_BuildBrand-ProductWYSIWYG.png?w=370&h=304&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/7fK6P3tZdcwCH2IhEfqFbl/374ccda18f634f141976e8671c284c27/Image_default_BuildBrand-ProductWYSIWYG.png?w=739&h=607&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/7fK6P3tZdcwCH2IhEfqFbl/374ccda18f634f141976e8671c284c27/Image_default_BuildBrand-ProductWYSIWYG.png?w=896&h=736&q=50&fm=webp&fit=scale 896w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Ben Long","slug":"ben-long"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":{"metaTitle":"Branded content and building website branding with a WYSIWYG editor | TinyMCE"},"metaDescription":{"metaDescription":"Branded content and building website branding is easier with the right WYSIWYG HTML editor. Find out about branded content and website branding in our new guide"}}}]}},"pageContext":{"limit":12,"skip":24,"numPages":3,"currentPage":3,"slug":"design-and-ux","title":"Content Marketing & Design","description":"Be at the forefront of content design trends, get inspiration for your projects and learn new ways to use content marketing strategies and content-led approaches that deliver brilliant user experiences.","page":"category","featuredPostSlug":"app-website-branding-wysiwyg-editor","banner":{"description":"Deploy TinyMCE in just 6 lines of code","buttonLabel":"Get your Cloud API Key","externalLink":"https://www.tiny.cloud/get-tiny/","section":["category","author","posts","home","tag"]}}},"staticQueryHashes":["2492987505","740350947"]}