{"componentChunkName":"component---src-templates-blog-post-tsx","path":"/image-rotation/","result":{"data":{"allContentfulCategory":{"edges":[{"node":{"contentful_id":"2gOurgpDj1BasZvVToN13z","slug":"tiny-sparks","title":"The Tiny Way"}},{"node":{"contentful_id":"2a3w396SgR2Fl1ep4eYu0w","slug":"product-management","title":"Product-Led Growth"}},{"node":{"contentful_id":"T7VZcLaLRpt6XlNLJPLmL","slug":"wysiwyg-world","title":"World of WYSIWYG"}},{"node":{"contentful_id":"6HNYGjOUjHzUS2gXBnMVXn","slug":"design-and-ux","title":"Content Marketing & Design"}},{"node":{"contentful_id":"6XFMYLCe4AEYIDazkjGFvb","slug":"engineering","title":"Developer Insights"}},{"node":{"contentful_id":"24ufWIsR0ImSvxvvIrutB5","slug":"open-source","title":"Open Source"}},{"node":{"contentful_id":"2fLgNI8yOMeZHNl1nSQ11","slug":"how-tos-and-tutorials","title":"How-to Use TinyMCE"}}]},"contentfulBlogPost":{"title":"Guide to image rotation: HTML, CSS, and JavaScript techniques","lastUpdated":"July 13th, 2023","publishDate":"2023-07-13T00:00+10:00","category":{"slug":"design-and-ux","title":"Content Marketing & Design","blog_post":[{"title":"Image alt text best practices for content creators","slug":"alt-text-best-practices","featured":false,"lastUpdated":"Apr 20th, 2023","description":{"description":"

Not sure how to write image alt text for accessibility? Alt text best practices come down to context, purpose, and the user experience.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Not sure how to write image alt text for accessibility? Alt text best practices come down to context, purpose, and the user experience."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"multiple pictures together, with a text box showing alt text for them","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAA81BMVEUs2Zcr2Zcq2Zck2pYZ2pQR2pIi2pMp2pYo2pYo2pck2ZYd2pU/2JxZ06hr0LyDz8hB15s415lE1Zsj2ZY92psz2ppg0qvKx7rR3eez1O1LzaQy1ZZA05oT2ZQh2ZYp2ZcN2pat2LjQzrxn2K2u0Nbu7ezm6fJ4zLco2ZRS1pxS1p1R15kw2JQp2pcj2Zed27a62b5S2KKlxMzTxuTS0PSLx8CX3Lfc4N3j5uS428cY15Mm2ZYk2pc12pog2ZVw0LJoyLFAzZ4o1ZVP15xz0qR61alh0p4f15Qo2Zcm2pYb2pQS2pMd2pQd2pYL2pUE2pQZ2pX/UxQAAAAAXElEQVQI12NgwAIYYRQjw38gRBJkhIEfEGEWkBAHTJDhB1g1UCWTICMSePQfLCjPiAIug7Uz8CGLfYZoZ7RCFtz9D2ggA8P/Yzz/uIHgIBcQ3PgPdxLcfQi3YgAA5ywT4pqNpbMAAAAASUVORK5CYII=","aspectRatio":1.7824074074074074,"src":"//images.ctfassets.net/s600jj41gsex/1NXMJjSxPn4sGaLNAbrL9s/9eed2ae433f2a1dd22fc0dda4c388ff8/Image_alt_text_best_practices_for_content_creators.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1NXMJjSxPn4sGaLNAbrL9s/9eed2ae433f2a1dd22fc0dda4c388ff8/Image_alt_text_best_practices_for_content_creators.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1NXMJjSxPn4sGaLNAbrL9s/9eed2ae433f2a1dd22fc0dda4c388ff8/Image_alt_text_best_practices_for_content_creators.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1NXMJjSxPn4sGaLNAbrL9s/9eed2ae433f2a1dd22fc0dda4c388ff8/Image_alt_text_best_practices_for_content_creators.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1NXMJjSxPn4sGaLNAbrL9s/9eed2ae433f2a1dd22fc0dda4c388ff8/Image_alt_text_best_practices_for_content_creators.png?w=1109&h=622&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1NXMJjSxPn4sGaLNAbrL9s/9eed2ae433f2a1dd22fc0dda4c388ff8/Image_alt_text_best_practices_for_content_creators.png?w=1478&h=829&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1NXMJjSxPn4sGaLNAbrL9s/9eed2ae433f2a1dd22fc0dda4c388ff8/Image_alt_text_best_practices_for_content_creators.png?w=1925&h=1080&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1NXMJjSxPn4sGaLNAbrL9s/9eed2ae433f2a1dd22fc0dda4c388ff8/Image_alt_text_best_practices_for_content_creators.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1NXMJjSxPn4sGaLNAbrL9s/9eed2ae433f2a1dd22fc0dda4c388ff8/Image_alt_text_best_practices_for_content_creators.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1NXMJjSxPn4sGaLNAbrL9s/9eed2ae433f2a1dd22fc0dda4c388ff8/Image_alt_text_best_practices_for_content_creators.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1NXMJjSxPn4sGaLNAbrL9s/9eed2ae433f2a1dd22fc0dda4c388ff8/Image_alt_text_best_practices_for_content_creators.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1NXMJjSxPn4sGaLNAbrL9s/9eed2ae433f2a1dd22fc0dda4c388ff8/Image_alt_text_best_practices_for_content_creators.png?w=1109&h=622&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1NXMJjSxPn4sGaLNAbrL9s/9eed2ae433f2a1dd22fc0dda4c388ff8/Image_alt_text_best_practices_for_content_creators.png?w=1478&h=829&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1NXMJjSxPn4sGaLNAbrL9s/9eed2ae433f2a1dd22fc0dda4c388ff8/Image_alt_text_best_practices_for_content_creators.png?w=1925&h=1080&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Di Mace","slug":"di-mace"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":{"metaTitle":"Image alt text best practices for accessibility & more"},"metaDescription":{"metaDescription":"Not sure how to write image alt text for accessibility? Alt text best practices come down to context, purpose, and the user experience."}},{"title":"3 Content design mistakes hurting your branding ","slug":"3-content-design-mistakes-hurting-your-branding","featured":false,"lastUpdated":"Jan 18th, 2022","description":{"description":"

Here are the most common places we see content makers missing the mark – and how you can fix them, and make sure your brand shines through every time.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Here are the most common places we see content makers missing the mark – and how you can fix them, and make sure your brand shines through every time."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Every single touchpoint you have with a customer is an opportunity to grow brand loyalty, so make sure the design is right.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAACVVBMVEXNt/e9suivr9uwuuCrwN6pwd2qwt6huNOyzOe2yfSqnfmum+6yo9etqtapsdakt9WiutSjudSjutXMt/a7sOWyst6xvOKswd+txuKrw9+jutSyzOe2yfSqnvmvm+6zo9eqp9OmrtKitdKgt9Kgt9Gku9bMtva+tOm6uui3wemuw+Oxyue20e2zpNasqdOnsdKjt9KhutKjvdXNt/fFuvHExPW/y/S70fK61fO51PK50/G51fGtmvCvnt2rotynp9ukq9qirNqjq9qjqtvMtfWxpdiiosqvud+brcmiutS0zeqkvNa30u22yvSqnvirmPitlfaskPari/arhvWrgfWrfPWrd/WrcvTJvfeoptOUmr6pttuSpMKZr8yyy+unvd22z/C1xvWynvS9rOm+uPC5v+6xwOiout+bqc2Ciq52e6Cy4v+w2/6v1f2v0Pyuyvytw/uuvfutt/qssPirqfiqnvqxnfG1ptm0st+vuN2vxeKvyuSSqb47SkxJWV+Eka6CkK6Aj65/j619j619ja17iqt7h6p4g6WKjcO2ovbBsOi0sd+vuN+wxeW20O6bscpkc4R1hpp0YohxZodvbIhscIdZYnBea3hod4VmdoNidHt9ha23o/fHtvDBve+8xe64zu+1z+yyzOmzzep2aY50bY5yco5vdY1KU2FZZnRreotpeYlkdYF/hrCqn/q2ovfFte7Dv/G5wuu0yemrxOCetc+nv9qnv9t2ao90bo5vdo5fantldIRreoxqeYpldoK0oPS3qN29uuunr9ScsMywyea0zuzCFd/+AAAAE3RSTlP9/f39/f39/f39/f39/f39/f39nWQPtQAAAFZJREFUCNdjZGBEB0ARYSxiLBBBBgbGDwwMfFAmCy9MxQcGOZhSFkGYoBDCBBYROHOPK1wQYVEENpVTc7CoZIAy/zMxLmHEBEDtbyEq3jGAHRLCsJYRAFdHCqsU+xYaAAAAAElFTkSuQmCC","aspectRatio":1.9047619047619047,"src":"//images.ctfassets.net/s600jj41gsex/5kEScB35BMvQIgCCGt9exL/9e4035d9a81a6562e0fdfbdf7ae788ec/content-expirience-3-content-design-mistakes-that-are-majorly-hurting-your-branding-and-how-to-fix-them-fast-cover-1200x630-.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5kEScB35BMvQIgCCGt9exL/9e4035d9a81a6562e0fdfbdf7ae788ec/content-expirience-3-content-design-mistakes-that-are-majorly-hurting-your-branding-and-how-to-fix-them-fast-cover-1200x630-.png?w=185&h=97&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5kEScB35BMvQIgCCGt9exL/9e4035d9a81a6562e0fdfbdf7ae788ec/content-expirience-3-content-design-mistakes-that-are-majorly-hurting-your-branding-and-how-to-fix-them-fast-cover-1200x630-.png?w=370&h=194&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5kEScB35BMvQIgCCGt9exL/9e4035d9a81a6562e0fdfbdf7ae788ec/content-expirience-3-content-design-mistakes-that-are-majorly-hurting-your-branding-and-how-to-fix-them-fast-cover-1200x630-.png?w=739&h=388&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5kEScB35BMvQIgCCGt9exL/9e4035d9a81a6562e0fdfbdf7ae788ec/content-expirience-3-content-design-mistakes-that-are-majorly-hurting-your-branding-and-how-to-fix-them-fast-cover-1200x630-.png?w=1109&h=582&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5kEScB35BMvQIgCCGt9exL/9e4035d9a81a6562e0fdfbdf7ae788ec/content-expirience-3-content-design-mistakes-that-are-majorly-hurting-your-branding-and-how-to-fix-them-fast-cover-1200x630-.png?w=1200&h=630&q=50&fit=scale 1200w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5kEScB35BMvQIgCCGt9exL/9e4035d9a81a6562e0fdfbdf7ae788ec/content-expirience-3-content-design-mistakes-that-are-majorly-hurting-your-branding-and-how-to-fix-them-fast-cover-1200x630-.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5kEScB35BMvQIgCCGt9exL/9e4035d9a81a6562e0fdfbdf7ae788ec/content-expirience-3-content-design-mistakes-that-are-majorly-hurting-your-branding-and-how-to-fix-them-fast-cover-1200x630-.png?w=185&h=97&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5kEScB35BMvQIgCCGt9exL/9e4035d9a81a6562e0fdfbdf7ae788ec/content-expirience-3-content-design-mistakes-that-are-majorly-hurting-your-branding-and-how-to-fix-them-fast-cover-1200x630-.png?w=370&h=194&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5kEScB35BMvQIgCCGt9exL/9e4035d9a81a6562e0fdfbdf7ae788ec/content-expirience-3-content-design-mistakes-that-are-majorly-hurting-your-branding-and-how-to-fix-them-fast-cover-1200x630-.png?w=739&h=388&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5kEScB35BMvQIgCCGt9exL/9e4035d9a81a6562e0fdfbdf7ae788ec/content-expirience-3-content-design-mistakes-that-are-majorly-hurting-your-branding-and-how-to-fix-them-fast-cover-1200x630-.png?w=1109&h=582&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5kEScB35BMvQIgCCGt9exL/9e4035d9a81a6562e0fdfbdf7ae788ec/content-expirience-3-content-design-mistakes-that-are-majorly-hurting-your-branding-and-how-to-fix-them-fast-cover-1200x630-.png?w=1200&h=630&q=50&fm=webp&fit=scale 1200w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Anastasia Vyshkvarkina","slug":"anastasia-vyshkvarkina"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":{"metaTitle":"How to fix content design mistakes that hurt your branding | Setka"},"metaDescription":{"metaDescription":"Fixing design mistakes involves following a set of defined style rules, and microbranding. Find out how to fix common design mistakes and manage your brand."}},{"title":"7 Design mistakes making your content hard to understand","slug":"content-design-fixes-for-better-ux","featured":false,"lastUpdated":"Jan 20th, 2022","description":{"description":"

Some of the most common mistakes we see brands and publishers make can be fixed quickly. Here's what to do – making these repairs can help the reader understand the amazing info you’re providing.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Some of the most common mistakes we see brands and publishers make can be fixed quickly. Here's what to do – making these repairs can help the reader understand the amazing info you’re providing."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":" Avoid these 7 common content design mistakes, and enhance your content and brand.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAACcFBMVEXNt/fIvfW7u+m2wei0yemyy+izzOm1z+261fG1yPOpnfm1oPW2p9ytqta0veW2zOysxuOow+Cnwd+zzevNt/fHvPTBwfG8x++3ze61z+230fC40vC51PC2yPOpnfm3ovfBsem7t+e0veWxxuWtx+OduNWgu9e30e7EufC6u+m6xu60yuqxy+ixyuezzum0x/K2ovaun8+tq9WfqMiyyue00eyvy+auyuW10u3Gu/O4uOa7xu63zO2zzOmwyea0zum0x/Gqnvm0oPevndyvpuGjodaxvOu3xvS3xfS3xPTNtvbHu/PExPS6xOy3ze2zzem61PK0z+qrn/mql/anj/GpjPOrifWqhfSnevGmce+kaO2jYOvLvvnCvvO7wO62w+uyyOqxyuqwyOmyyuyyyuq0xfStofybit1vZI19dqKancigrdOOmr1sb5NnZ4xKPGmw4f6w2/2u1fyuz/uuyfutw/qsvPmstvmssPirqfiuof2Sg9JWUGJvbYd9hZ6dssySqb5ZaXNba3YwPj1ZdoRddYhmeZFVZ39YZ4NgbYxUXH5TVnxYW4B0cKuuov2Nfs5MR1loZYBpb4aesc2Gma9peIlYZXM0PEQ5IT4AAAAnHCkuLDYRDwMuNzkRGwRdXIivov6RgtJIQ1Nua4iWqMN4iZ1sfI5QXGpGUFxCOlA4M0YVExsaHSM/SFQjKS8UGBsuNj4gLiNiYY6vo/6Sg9NHQlJTUGZFSll/j6Zgbn5canlZZnU+R1IqJTVNSWFDQlUEBAUZHiM6Q04xOEIpMDcIGwBmZpOvo/+PgNAdGxFDQVI+QU9lcYNaaHc9RlBLVmNr7lFIAAAAFHRSTlP9/f39/f39/f39/f39/f39/f39/aqYQiAAAABFSURBVAjXY2RgxAJEsIixMAiDqLdA8r0gQhDM/A0khWBiDCxmIOqmBrJCRsYYbGaKkCb4l4XxNxuIATGYRRCLq7Fp/woAxLELNMMavzAAAAAASUVORK5CYII=","aspectRatio":1.9047619047619047,"src":"//images.ctfassets.net/s600jj41gsex/1oXmslbO1jBPy2ysiXIIQQ/8d2fa424fbbdc1a6f197e0fdad734a2b/Image_content-expirience-7-design-mistakes-that-make-your-content-hard-to-understand-and-how-to-fix-them-fast-cover-1-1200x6.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1oXmslbO1jBPy2ysiXIIQQ/8d2fa424fbbdc1a6f197e0fdad734a2b/Image_content-expirience-7-design-mistakes-that-make-your-content-hard-to-understand-and-how-to-fix-them-fast-cover-1-1200x6.png?w=185&h=97&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1oXmslbO1jBPy2ysiXIIQQ/8d2fa424fbbdc1a6f197e0fdad734a2b/Image_content-expirience-7-design-mistakes-that-make-your-content-hard-to-understand-and-how-to-fix-them-fast-cover-1-1200x6.png?w=370&h=194&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1oXmslbO1jBPy2ysiXIIQQ/8d2fa424fbbdc1a6f197e0fdad734a2b/Image_content-expirience-7-design-mistakes-that-make-your-content-hard-to-understand-and-how-to-fix-them-fast-cover-1-1200x6.png?w=739&h=388&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1oXmslbO1jBPy2ysiXIIQQ/8d2fa424fbbdc1a6f197e0fdad734a2b/Image_content-expirience-7-design-mistakes-that-make-your-content-hard-to-understand-and-how-to-fix-them-fast-cover-1-1200x6.png?w=1109&h=582&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1oXmslbO1jBPy2ysiXIIQQ/8d2fa424fbbdc1a6f197e0fdad734a2b/Image_content-expirience-7-design-mistakes-that-make-your-content-hard-to-understand-and-how-to-fix-them-fast-cover-1-1200x6.png?w=1200&h=630&q=50&fit=scale 1200w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1oXmslbO1jBPy2ysiXIIQQ/8d2fa424fbbdc1a6f197e0fdad734a2b/Image_content-expirience-7-design-mistakes-that-make-your-content-hard-to-understand-and-how-to-fix-them-fast-cover-1-1200x6.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1oXmslbO1jBPy2ysiXIIQQ/8d2fa424fbbdc1a6f197e0fdad734a2b/Image_content-expirience-7-design-mistakes-that-make-your-content-hard-to-understand-and-how-to-fix-them-fast-cover-1-1200x6.png?w=185&h=97&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1oXmslbO1jBPy2ysiXIIQQ/8d2fa424fbbdc1a6f197e0fdad734a2b/Image_content-expirience-7-design-mistakes-that-make-your-content-hard-to-understand-and-how-to-fix-them-fast-cover-1-1200x6.png?w=370&h=194&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1oXmslbO1jBPy2ysiXIIQQ/8d2fa424fbbdc1a6f197e0fdad734a2b/Image_content-expirience-7-design-mistakes-that-make-your-content-hard-to-understand-and-how-to-fix-them-fast-cover-1-1200x6.png?w=739&h=388&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1oXmslbO1jBPy2ysiXIIQQ/8d2fa424fbbdc1a6f197e0fdad734a2b/Image_content-expirience-7-design-mistakes-that-make-your-content-hard-to-understand-and-how-to-fix-them-fast-cover-1-1200x6.png?w=1109&h=582&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1oXmslbO1jBPy2ysiXIIQQ/8d2fa424fbbdc1a6f197e0fdad734a2b/Image_content-expirience-7-design-mistakes-that-make-your-content-hard-to-understand-and-how-to-fix-them-fast-cover-1-1200x6.png?w=1200&h=630&q=50&fm=webp&fit=scale 1200w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Anastasia Vyshkvarkina","slug":"anastasia-vyshkvarkina"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":{"metaTitle":"7 Content Design Fixes for Better UX | TinyMCE"},"metaDescription":{"metaDescription":"Optimize your content marketing with great content UX, and avoid these 7 common content design mistakes that can damage your blog and brand."}},{"title":"Content marketing and content design: do they compete or complement?","slug":"content-marketing-definition-and-evolution","featured":false,"lastUpdated":"Nov 18th, 2021","description":{"description":"

Content is anything that tells a story. It doesn’t have to be produced by a brand or media company to be considered content. People make content all the time.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Content is anything that tells a story. It doesn’t have to be produced by a brand or media company to be considered content. People make content all the time."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Representing Content Marketing and Design with a screen showing content surrounded by the markers of Content - heading, main body, text information, visual information.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.0979142526071843,"src":"//images.ctfassets.net/s600jj41gsex/2PyJst6pgC6woA13oQxv14/6e5c56c63b99997d6f88a545ec2f27f2/Image_ContentMarketing_Design_2.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2PyJst6pgC6woA13oQxv14/6e5c56c63b99997d6f88a545ec2f27f2/Image_ContentMarketing_Design_2.png?w=185&h=169&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2PyJst6pgC6woA13oQxv14/6e5c56c63b99997d6f88a545ec2f27f2/Image_ContentMarketing_Design_2.png?w=370&h=337&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2PyJst6pgC6woA13oQxv14/6e5c56c63b99997d6f88a545ec2f27f2/Image_ContentMarketing_Design_2.png?w=739&h=673&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2PyJst6pgC6woA13oQxv14/6e5c56c63b99997d6f88a545ec2f27f2/Image_ContentMarketing_Design_2.png?w=1109&h=1010&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2PyJst6pgC6woA13oQxv14/6e5c56c63b99997d6f88a545ec2f27f2/Image_ContentMarketing_Design_2.png?w=1478&h=1346&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2PyJst6pgC6woA13oQxv14/6e5c56c63b99997d6f88a545ec2f27f2/Image_ContentMarketing_Design_2.png?w=1895&h=1726&q=50&fit=scale 1895w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2PyJst6pgC6woA13oQxv14/6e5c56c63b99997d6f88a545ec2f27f2/Image_ContentMarketing_Design_2.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2PyJst6pgC6woA13oQxv14/6e5c56c63b99997d6f88a545ec2f27f2/Image_ContentMarketing_Design_2.png?w=185&h=169&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2PyJst6pgC6woA13oQxv14/6e5c56c63b99997d6f88a545ec2f27f2/Image_ContentMarketing_Design_2.png?w=370&h=337&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2PyJst6pgC6woA13oQxv14/6e5c56c63b99997d6f88a545ec2f27f2/Image_ContentMarketing_Design_2.png?w=739&h=673&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2PyJst6pgC6woA13oQxv14/6e5c56c63b99997d6f88a545ec2f27f2/Image_ContentMarketing_Design_2.png?w=1109&h=1010&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2PyJst6pgC6woA13oQxv14/6e5c56c63b99997d6f88a545ec2f27f2/Image_ContentMarketing_Design_2.png?w=1478&h=1346&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2PyJst6pgC6woA13oQxv14/6e5c56c63b99997d6f88a545ec2f27f2/Image_ContentMarketing_Design_2.png?w=1895&h=1726&q=50&fm=webp&fit=scale 1895w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Di Mace","slug":"di-mace"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":{"metaTitle":"What is content marketing and how it’s evolved | TinyMCE"},"metaDescription":{"metaDescription":"We took a step back to define a content marketing on how it has started, what it is now, and the evolution of content creation into content design."}},{"title":"Integrating animation for the ultimate level of content engagement","slug":"content-animation-guide","featured":false,"lastUpdated":"Feb 3rd, 2022","description":{"description":"

Animation captures and sustains a reader’s attention, and even help uncover and complement a topic. Here's how to set up and design with animation using Setka.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Animation captures and sustains a reader’s attention, and even help uncover and complement a topic. Here's how to set up and design with animation using Setka."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Animation captures and sustains a reader’s attention, and even help uncover and complement a topic.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7777777777777777,"src":"//images.ctfassets.net/s600jj41gsex/2lTHJSxjIqanHfG2EyEbau/4c53e5794cd629ada7f1f494a064044d/Image_cover-Setka-Animation-2022021509224426-2.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2lTHJSxjIqanHfG2EyEbau/4c53e5794cd629ada7f1f494a064044d/Image_cover-Setka-Animation-2022021509224426-2.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2lTHJSxjIqanHfG2EyEbau/4c53e5794cd629ada7f1f494a064044d/Image_cover-Setka-Animation-2022021509224426-2.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2lTHJSxjIqanHfG2EyEbau/4c53e5794cd629ada7f1f494a064044d/Image_cover-Setka-Animation-2022021509224426-2.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2lTHJSxjIqanHfG2EyEbau/4c53e5794cd629ada7f1f494a064044d/Image_cover-Setka-Animation-2022021509224426-2.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2lTHJSxjIqanHfG2EyEbau/4c53e5794cd629ada7f1f494a064044d/Image_cover-Setka-Animation-2022021509224426-2.jpg?w=1478&h=831&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2lTHJSxjIqanHfG2EyEbau/4c53e5794cd629ada7f1f494a064044d/Image_cover-Setka-Animation-2022021509224426-2.jpg?w=2217&h=1247&q=50&fit=scale 2217w,\n//images.ctfassets.net/s600jj41gsex/2lTHJSxjIqanHfG2EyEbau/4c53e5794cd629ada7f1f494a064044d/Image_cover-Setka-Animation-2022021509224426-2.jpg?w=2800&h=1575&q=50&fit=scale 2800w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2lTHJSxjIqanHfG2EyEbau/4c53e5794cd629ada7f1f494a064044d/Image_cover-Setka-Animation-2022021509224426-2.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2lTHJSxjIqanHfG2EyEbau/4c53e5794cd629ada7f1f494a064044d/Image_cover-Setka-Animation-2022021509224426-2.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2lTHJSxjIqanHfG2EyEbau/4c53e5794cd629ada7f1f494a064044d/Image_cover-Setka-Animation-2022021509224426-2.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2lTHJSxjIqanHfG2EyEbau/4c53e5794cd629ada7f1f494a064044d/Image_cover-Setka-Animation-2022021509224426-2.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2lTHJSxjIqanHfG2EyEbau/4c53e5794cd629ada7f1f494a064044d/Image_cover-Setka-Animation-2022021509224426-2.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2lTHJSxjIqanHfG2EyEbau/4c53e5794cd629ada7f1f494a064044d/Image_cover-Setka-Animation-2022021509224426-2.jpg?w=1478&h=831&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2lTHJSxjIqanHfG2EyEbau/4c53e5794cd629ada7f1f494a064044d/Image_cover-Setka-Animation-2022021509224426-2.jpg?w=2217&h=1247&q=50&fm=webp&fit=scale 2217w,\n//images.ctfassets.net/s600jj41gsex/2lTHJSxjIqanHfG2EyEbau/4c53e5794cd629ada7f1f494a064044d/Image_cover-Setka-Animation-2022021509224426-2.jpg?w=2800&h=1575&q=50&fm=webp&fit=scale 2800w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Anastasia Vyshkvarkina","slug":"anastasia-vyshkvarkina"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":{"metaTitle":"Guide on using animation for the ultimate content engagement | TinyMCE"},"metaDescription":{"metaDescription":"Integrate animations in your content design to improve engagement and create the ultimate content experience. Check out our 7-step guide and learn how"}},{"title":"6 Typesetting mistakes that ruin legibility","slug":"typesetting-mistakes","featured":false,"lastUpdated":"Jan 13th, 2022","description":{"description":"

We’ve collected six common typesetting mistakes that publishers can make and given some advice on how to fix them for a more engaged audience.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"We’ve collected six common typesetting mistakes that publishers can make and given some advice on how to fix them for a more engaged audience."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Six common typesetting mistakes and how to fix them for a more engaged audience.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAACRlBMVEWjksWhmMWdnsWao8SXqcSWq8SUq8GbqNKpnfm4o/jJuPPBve+8xe62y+ynwd+rxeOqxOG61fOmlMijmsifoMecpceZrMeasMmasMqZsMeerdapnvm4pPjDs+y1suGxuuGtweCkvtqatdKrxOG71fOhkMOensWZo8OSo75+kKV9j6R+kKR+kqOMl8Cqnvm5pPnEtOu2tOCxu+Cswt6jv9ilwNmpxd+71/OTg7Kfl8SXl72RmrmCkagkKzAKCgcTFhUfKxxkY5C1ovm+rO6zq+awsOastOWqtuSrteSuuOi2wfKTgLCelMKWlbqQmLaBj6YlLCwNEQAVHA8hMBlkZI+rn/msmfiulfeskPasi/arh/argvWrfPSqdvSqcfOYk76hocuaoMaVocKImbVMV21FTGRGTGVKUWdxcKO3o/jIt/bCvPS8wfG1xO2yxuuyxeuyxOus3vms2fqr0viqy/epxPaluvKls/GlrfGlp/CmofKqn/rLuvWrqNOlsNKlutaet86dtc2bs8qowdpScX1SbX1fc4pneJJjc49mdZNoc5RcY4dNTnRybqjKufSjn8mosdWnu9mhudOfttCnv9q20O4AAAA4MkNJSlpAR1JFUFlET1ckLytVUH/Mu/bCvvC/yPK5z/C1z+250/K61PMmIS8oJDISDhZLVmQyOkMEBwFdWonIt/G5tuW0veWvxOOux+StxeKwyeYtKjkZGCEIBQhRXWw6Q04MEBAABAC5pfnCseqsqdawueCtweGrxOCqwt6rw+DQaKvPAAAAaElEQVQIHQXBwQkCMRAAwB1Y8HU5yaYba7ge7EewB3uwBqsxJ4ovX84IEAEAOhAAkLV3AABZA2AWQBaAASAHgMcJENkBbLczIAvAVQdkD+B3qP2I70KuvLo5nm27N6xBWjRmWz9xAbz/hCERSEKDF1wAAAAASUVORK5CYII=","aspectRatio":1.9047619047619047,"src":"//images.ctfassets.net/s600jj41gsex/6iybx6oWzw05KsZvQcfeOE/5dc58bcd3fcac99161e85fb9fc0932b9/content-expirience-6-forbidden-typesetting-mistakes-that-ruin-legibility-cover-1200x630-2021121710035634.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6iybx6oWzw05KsZvQcfeOE/5dc58bcd3fcac99161e85fb9fc0932b9/content-expirience-6-forbidden-typesetting-mistakes-that-ruin-legibility-cover-1200x630-2021121710035634.png?w=185&h=97&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6iybx6oWzw05KsZvQcfeOE/5dc58bcd3fcac99161e85fb9fc0932b9/content-expirience-6-forbidden-typesetting-mistakes-that-ruin-legibility-cover-1200x630-2021121710035634.png?w=370&h=194&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6iybx6oWzw05KsZvQcfeOE/5dc58bcd3fcac99161e85fb9fc0932b9/content-expirience-6-forbidden-typesetting-mistakes-that-ruin-legibility-cover-1200x630-2021121710035634.png?w=739&h=388&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6iybx6oWzw05KsZvQcfeOE/5dc58bcd3fcac99161e85fb9fc0932b9/content-expirience-6-forbidden-typesetting-mistakes-that-ruin-legibility-cover-1200x630-2021121710035634.png?w=1109&h=582&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6iybx6oWzw05KsZvQcfeOE/5dc58bcd3fcac99161e85fb9fc0932b9/content-expirience-6-forbidden-typesetting-mistakes-that-ruin-legibility-cover-1200x630-2021121710035634.png?w=1200&h=630&q=50&fit=scale 1200w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6iybx6oWzw05KsZvQcfeOE/5dc58bcd3fcac99161e85fb9fc0932b9/content-expirience-6-forbidden-typesetting-mistakes-that-ruin-legibility-cover-1200x630-2021121710035634.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6iybx6oWzw05KsZvQcfeOE/5dc58bcd3fcac99161e85fb9fc0932b9/content-expirience-6-forbidden-typesetting-mistakes-that-ruin-legibility-cover-1200x630-2021121710035634.png?w=185&h=97&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6iybx6oWzw05KsZvQcfeOE/5dc58bcd3fcac99161e85fb9fc0932b9/content-expirience-6-forbidden-typesetting-mistakes-that-ruin-legibility-cover-1200x630-2021121710035634.png?w=370&h=194&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6iybx6oWzw05KsZvQcfeOE/5dc58bcd3fcac99161e85fb9fc0932b9/content-expirience-6-forbidden-typesetting-mistakes-that-ruin-legibility-cover-1200x630-2021121710035634.png?w=739&h=388&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6iybx6oWzw05KsZvQcfeOE/5dc58bcd3fcac99161e85fb9fc0932b9/content-expirience-6-forbidden-typesetting-mistakes-that-ruin-legibility-cover-1200x630-2021121710035634.png?w=1109&h=582&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6iybx6oWzw05KsZvQcfeOE/5dc58bcd3fcac99161e85fb9fc0932b9/content-expirience-6-forbidden-typesetting-mistakes-that-ruin-legibility-cover-1200x630-2021121710035634.png?w=1200&h=630&q=50&fm=webp&fit=scale 1200w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Anastasia Vyshkvarkina","slug":"anastasia-vyshkvarkina"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":{"metaTitle":"6 Typesetting mistakes that ruin legibility | TinyMCE"},"metaDescription":{"metaDescription":"These 6 common typesetting mistakes can ruin legibility and overall content experience on your site. Learn how to avoid them and improve your content branding."}},{"title":"How to write prompts for ChatGPT that kickstart content creation","slug":"how-to-write-chatgpt-prompts","featured":false,"lastUpdated":"Aug 2nd, 2023","description":{"description":"

Learning how to write effective prompts is important, and our latest guide explains all you need to know to write useful ChatGPT prompts for content creation.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Learning how to write effective prompts is important, and our latest guide explains all you need to know to write useful ChatGPT prompts for content creation."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"An AI represented as a robot helping by gathering up speech bubbles","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAJCAMAAAAFH/x6AAAA21BMVEXovvbovvfpvvfovPfovPbpv/fqv/fovfbpvvbpx/Ts1/Lt2PTs2fLoxvLWu/Pbsu/lt/PlyPTjv/Hpvffp0PHk7Ojw8vH4+Pfs0PDpuvXqvvbLwO3axu7s1fTU8O7e2PHqwffPy+TEzd3fyu3Kzuq62OTPw93q5evv8O7z+PXk7e/mx/Tpv/jludbcvuTQu+PE5+Hj+fCs2dbfzuvZ2OnD1dzXyezqvvfiuvHnu+PsvOPVvOu02d3F3OjRye3pvPjlvOXevtfov/jpvvLqvvjmvvXrvfjpvvjqvvO/KPRsAAAAZklEQVQIHUXBMQrCQBBA0f9nJ2iRxtqD2OutbSw8ijcQFCXEdSRg3pMipROU3kEgEOfEPjP4gqRsLI+2tTztJLDzZ3TxhgTue1e3DkkZXbUPJMjo35UiMEyc9HJUzm1iYZRDRFgoX4xHFHUpT0+WAAAAAElFTkSuQmCC","aspectRatio":2.243276283618582,"src":"//images.ctfassets.net/s600jj41gsex/6qqZqk1lAo6SQiDwMB8oLn/b3b5cdb77ce80eb6dc10e048c6e8ac7a/how-to-write-prompts-for-chatgpt-that-kickstart-content-creation-2023080204500295.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6qqZqk1lAo6SQiDwMB8oLn/b3b5cdb77ce80eb6dc10e048c6e8ac7a/how-to-write-prompts-for-chatgpt-that-kickstart-content-creation-2023080204500295.png?w=185&h=82&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6qqZqk1lAo6SQiDwMB8oLn/b3b5cdb77ce80eb6dc10e048c6e8ac7a/how-to-write-prompts-for-chatgpt-that-kickstart-content-creation-2023080204500295.png?w=370&h=165&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6qqZqk1lAo6SQiDwMB8oLn/b3b5cdb77ce80eb6dc10e048c6e8ac7a/how-to-write-prompts-for-chatgpt-that-kickstart-content-creation-2023080204500295.png?w=739&h=329&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6qqZqk1lAo6SQiDwMB8oLn/b3b5cdb77ce80eb6dc10e048c6e8ac7a/how-to-write-prompts-for-chatgpt-that-kickstart-content-creation-2023080204500295.png?w=1109&h=494&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6qqZqk1lAo6SQiDwMB8oLn/b3b5cdb77ce80eb6dc10e048c6e8ac7a/how-to-write-prompts-for-chatgpt-that-kickstart-content-creation-2023080204500295.png?w=1478&h=659&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6qqZqk1lAo6SQiDwMB8oLn/b3b5cdb77ce80eb6dc10e048c6e8ac7a/how-to-write-prompts-for-chatgpt-that-kickstart-content-creation-2023080204500295.png?w=1835&h=818&q=50&fit=scale 1835w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6qqZqk1lAo6SQiDwMB8oLn/b3b5cdb77ce80eb6dc10e048c6e8ac7a/how-to-write-prompts-for-chatgpt-that-kickstart-content-creation-2023080204500295.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6qqZqk1lAo6SQiDwMB8oLn/b3b5cdb77ce80eb6dc10e048c6e8ac7a/how-to-write-prompts-for-chatgpt-that-kickstart-content-creation-2023080204500295.png?w=185&h=82&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6qqZqk1lAo6SQiDwMB8oLn/b3b5cdb77ce80eb6dc10e048c6e8ac7a/how-to-write-prompts-for-chatgpt-that-kickstart-content-creation-2023080204500295.png?w=370&h=165&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6qqZqk1lAo6SQiDwMB8oLn/b3b5cdb77ce80eb6dc10e048c6e8ac7a/how-to-write-prompts-for-chatgpt-that-kickstart-content-creation-2023080204500295.png?w=739&h=329&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6qqZqk1lAo6SQiDwMB8oLn/b3b5cdb77ce80eb6dc10e048c6e8ac7a/how-to-write-prompts-for-chatgpt-that-kickstart-content-creation-2023080204500295.png?w=1109&h=494&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6qqZqk1lAo6SQiDwMB8oLn/b3b5cdb77ce80eb6dc10e048c6e8ac7a/how-to-write-prompts-for-chatgpt-that-kickstart-content-creation-2023080204500295.png?w=1478&h=659&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/6qqZqk1lAo6SQiDwMB8oLn/b3b5cdb77ce80eb6dc10e048c6e8ac7a/how-to-write-prompts-for-chatgpt-that-kickstart-content-creation-2023080204500295.png?w=1835&h=818&q=50&fm=webp&fit=scale 1835w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"John Rau","slug":"john-rau"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":{"metaTitle":"How to write prompts for ChatGPT that kickstart content creation | TinyMCE"},"metaDescription":{"metaDescription":"Unleash the full potential of AI with our in-depth guide on how to write effective ChatGPT prompts for content creation. Strategies and examples to improve your interactions with AI."}},{"title":"12 best landing page elements to lift conversions","slug":"landing-page-elements","featured":false,"lastUpdated":"Jul 5th, 2022","description":{"description":"

Are you struggling with setting up your landing page? Learn about the 12 landing page elements that you must have, and optimize, to convert as many prospects as possible

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Are you struggling with setting up your landing page? Learn about the 12 landing page elements that you must have, and optimize, to convert as many prospects as possible"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A blank landing page ready to have elements added in","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/2nmgwlNNwEyGhO9TFAMotY/83ac507debb5914d383e560f859ba309/img-small-suerpside-no-text.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2nmgwlNNwEyGhO9TFAMotY/83ac507debb5914d383e560f859ba309/img-small-suerpside-no-text.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2nmgwlNNwEyGhO9TFAMotY/83ac507debb5914d383e560f859ba309/img-small-suerpside-no-text.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2nmgwlNNwEyGhO9TFAMotY/83ac507debb5914d383e560f859ba309/img-small-suerpside-no-text.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2nmgwlNNwEyGhO9TFAMotY/83ac507debb5914d383e560f859ba309/img-small-suerpside-no-text.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2nmgwlNNwEyGhO9TFAMotY/83ac507debb5914d383e560f859ba309/img-small-suerpside-no-text.jpg?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2nmgwlNNwEyGhO9TFAMotY/83ac507debb5914d383e560f859ba309/img-small-suerpside-no-text.jpg?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2nmgwlNNwEyGhO9TFAMotY/83ac507debb5914d383e560f859ba309/img-small-suerpside-no-text.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2nmgwlNNwEyGhO9TFAMotY/83ac507debb5914d383e560f859ba309/img-small-suerpside-no-text.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2nmgwlNNwEyGhO9TFAMotY/83ac507debb5914d383e560f859ba309/img-small-suerpside-no-text.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2nmgwlNNwEyGhO9TFAMotY/83ac507debb5914d383e560f859ba309/img-small-suerpside-no-text.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2nmgwlNNwEyGhO9TFAMotY/83ac507debb5914d383e560f859ba309/img-small-suerpside-no-text.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2nmgwlNNwEyGhO9TFAMotY/83ac507debb5914d383e560f859ba309/img-small-suerpside-no-text.jpg?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/2nmgwlNNwEyGhO9TFAMotY/83ac507debb5914d383e560f859ba309/img-small-suerpside-no-text.jpg?w=1528&h=860&q=50&fm=webp&fit=scale 1528w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Paul Posea","slug":"paul-posea"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":{"metaTitle":"The most important landing page elements to lift conversions | TinyMCE"},"metaDescription":{"metaDescription":"Landing page problems? Here you'll find 12 landing page elements you must include and optimize to convert as many prospects as possible into buying customers."}},{"title":"G2 lists Setka as top WYSIWYG editor tool for content experience","slug":"content-experience-and-content-creation","featured":false,"lastUpdated":"Mar 15th, 2022","description":{"description":"

Content experience and content creation are essential and require expertise to get right. Check out how Setka recieved recognition for content experience and content creation.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Content experience and content creation are essential and require expertise to get right. Check out how Setka recieved recognition for content experience and content creation."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Content creation and content design with Setka recognition by G2","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAALABQDAREAAhEBAxEB/8QAFwAAAwEAAAAAAAAAAAAAAAAABAUGCP/EACMQAAICAQMDBQAAAAAAAAAAAAECAwQRAAUxBhIhExRBUYH/xAAZAQEAAgMAAAAAAAAAAAAAAAADAQQCBQb/xAAeEQACAgICAwAAAAAAAAAAAAABAgARAyEEMRJxgf/aAAwDAQACEQMRAD8A2hS5Gu0MhoF1fvl3ahtkFSb2otSOr2MLnKp3KilvALHxk/R1b4uFMgdm3Va9nv5M8SKwYndS16bsS2tpieaUTyAlTKvD4+da3IAG1KbijqS9Lkacyy0cxVYbsXo2IY54m5SRQyn8Oi8iptTUIkjYj2tEkMCJGioijAVRgAaEmzZgnuf/2Q==","aspectRatio":1.9047619047619047,"src":"//images.ctfassets.net/s600jj41gsex/575xsq8q5D7KgelCbcyROA/46e4a29790140bee494c3226a1a81953/Image_updates-setka-editor-listed-as-a-top-tool-for-wysiwyg-editor-content-experience-and-content-creation-by-g2-1200x630-20.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/575xsq8q5D7KgelCbcyROA/46e4a29790140bee494c3226a1a81953/Image_updates-setka-editor-listed-as-a-top-tool-for-wysiwyg-editor-content-experience-and-content-creation-by-g2-1200x630-20.jpg?w=185&h=97&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/575xsq8q5D7KgelCbcyROA/46e4a29790140bee494c3226a1a81953/Image_updates-setka-editor-listed-as-a-top-tool-for-wysiwyg-editor-content-experience-and-content-creation-by-g2-1200x630-20.jpg?w=370&h=194&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/575xsq8q5D7KgelCbcyROA/46e4a29790140bee494c3226a1a81953/Image_updates-setka-editor-listed-as-a-top-tool-for-wysiwyg-editor-content-experience-and-content-creation-by-g2-1200x630-20.jpg?w=739&h=388&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/575xsq8q5D7KgelCbcyROA/46e4a29790140bee494c3226a1a81953/Image_updates-setka-editor-listed-as-a-top-tool-for-wysiwyg-editor-content-experience-and-content-creation-by-g2-1200x630-20.jpg?w=1109&h=582&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/575xsq8q5D7KgelCbcyROA/46e4a29790140bee494c3226a1a81953/Image_updates-setka-editor-listed-as-a-top-tool-for-wysiwyg-editor-content-experience-and-content-creation-by-g2-1200x630-20.jpg?w=1200&h=630&q=50&fit=scale 1200w","srcWebp":"//images.ctfassets.net/s600jj41gsex/575xsq8q5D7KgelCbcyROA/46e4a29790140bee494c3226a1a81953/Image_updates-setka-editor-listed-as-a-top-tool-for-wysiwyg-editor-content-experience-and-content-creation-by-g2-1200x630-20.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/575xsq8q5D7KgelCbcyROA/46e4a29790140bee494c3226a1a81953/Image_updates-setka-editor-listed-as-a-top-tool-for-wysiwyg-editor-content-experience-and-content-creation-by-g2-1200x630-20.jpg?w=185&h=97&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/575xsq8q5D7KgelCbcyROA/46e4a29790140bee494c3226a1a81953/Image_updates-setka-editor-listed-as-a-top-tool-for-wysiwyg-editor-content-experience-and-content-creation-by-g2-1200x630-20.jpg?w=370&h=194&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/575xsq8q5D7KgelCbcyROA/46e4a29790140bee494c3226a1a81953/Image_updates-setka-editor-listed-as-a-top-tool-for-wysiwyg-editor-content-experience-and-content-creation-by-g2-1200x630-20.jpg?w=739&h=388&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/575xsq8q5D7KgelCbcyROA/46e4a29790140bee494c3226a1a81953/Image_updates-setka-editor-listed-as-a-top-tool-for-wysiwyg-editor-content-experience-and-content-creation-by-g2-1200x630-20.jpg?w=1109&h=582&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/575xsq8q5D7KgelCbcyROA/46e4a29790140bee494c3226a1a81953/Image_updates-setka-editor-listed-as-a-top-tool-for-wysiwyg-editor-content-experience-and-content-creation-by-g2-1200x630-20.jpg?w=1200&h=630&q=50&fm=webp&fit=scale 1200w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Anastasia Vyshkvarkina","slug":"anastasia-vyshkvarkina"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":{"metaTitle":"Content experience and content creation with Setka | TinyMCE"},"metaDescription":{"metaDescription":"Content experience and content creation are essential and require expertise to get right. Check out how Setka won the award for content experience and content creation"}},{"title":"Content experience disruptors: What they are + how you become one","slug":"branded-content-experience","featured":false,"lastUpdated":"Mar 10th, 2022","description":{"description":"

Find out what content experience disruptors are, how content experience disrupts branded content, and how to make better branded content with expertise from designers.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Find out what content experience disruptors are, how content experience disrupts branded content, and how to make better branded content with expertise from designers."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Content disruptors are having an affect on branded content.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/4gxYSUNDX1BST0ZJTEUAAQEAAAxITGlubwIQAABtbnRyUkdCIFhZWiAHzgACAAkABgAxAABhY3NwTVNGVAAAAABJRUMgc1JHQgAAAAAAAAAAAAAAAAAA9tYAAQAAAADTLUhQICAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABFjcHJ0AAABUAAAADNkZXNjAAABhAAAAGx3dHB0AAAB8AAAABRia3B0AAACBAAAABRyWFlaAAACGAAAABRnWFlaAAACLAAAABRiWFlaAAACQAAAABRkbW5kAAACVAAAAHBkbWRkAAACxAAAAIh2dWVkAAADTAAAAIZ2aWV3AAAD1AAAACRsdW1pAAAD+AAAABRtZWFzAAAEDAAAACR0ZWNoAAAEMAAAAAxyVFJDAAAEPAAACAxnVFJDAAAEPAAACAxiVFJDAAAEPAAACAx0ZXh0AAAAAENvcHlyaWdodCAoYykgMTk5OCBIZXdsZXR0LVBhY2thcmQgQ29tcGFueQAAZGVzYwAAAAAAAAASc1JHQiBJRUM2MTk2Ni0yLjEAAAAAAAAAAAAAABJzUkdCIElFQzYxOTY2LTIuMQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAWFlaIAAAAAAAAPNRAAEAAAABFsxYWVogAAAAAAAAAAAAAAAAAAAAAFhZWiAAAAAAAABvogAAOPUAAAOQWFlaIAAAAAAAAGKZAAC3hQAAGNpYWVogAAAAAAAAJKAAAA+EAAC2z2Rlc2MAAAAAAAAAFklFQyBodHRwOi8vd3d3LmllYy5jaAAAAAAAAAAAAAAAFklFQyBodHRwOi8vd3d3LmllYy5jaAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABkZXNjAAAAAAAAAC5JRUMgNjE5NjYtMi4xIERlZmF1bHQgUkdCIGNvbG91ciBzcGFjZSAtIHNSR0IAAAAAAAAAAAAAAC5JRUMgNjE5NjYtMi4xIERlZmF1bHQgUkdCIGNvbG91ciBzcGFjZSAtIHNSR0IAAAAAAAAAAAAAAAAAAAAAAAAAAAAAZGVzYwAAAAAAAAAsUmVmZXJlbmNlIFZpZXdpbmcgQ29uZGl0aW9uIGluIElFQzYxOTY2LTIuMQAAAAAAAAAAAAAALFJlZmVyZW5jZSBWaWV3aW5nIENvbmRpdGlvbiBpbiBJRUM2MTk2Ni0yLjEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHZpZXcAAAAAABOk/gAUXy4AEM8UAAPtzAAEEwsAA1yeAAAAAVhZWiAAAAAAAEwJVgBQAAAAVx/nbWVhcwAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAo8AAAACc2lnIAAAAABDUlQgY3VydgAAAAAAAAQAAAAABQAKAA8AFAAZAB4AIwAoAC0AMgA3ADsAQABFAEoATwBUAFkAXgBjAGgAbQByAHcAfACBAIYAiwCQAJUAmgCfAKQAqQCuALIAtwC8AMEAxgDLANAA1QDbAOAA5QDrAPAA9gD7AQEBBwENARMBGQEfASUBKwEyATgBPgFFAUwBUgFZAWABZwFuAXUBfAGDAYsBkgGaAaEBqQGxAbkBwQHJAdEB2QHhAekB8gH6AgMCDAIUAh0CJgIvAjgCQQJLAlQCXQJnAnECegKEAo4CmAKiAqwCtgLBAssC1QLgAusC9QMAAwsDFgMhAy0DOANDA08DWgNmA3IDfgOKA5YDogOuA7oDxwPTA+AD7AP5BAYEEwQgBC0EOwRIBFUEYwRxBH4EjASaBKgEtgTEBNME4QTwBP4FDQUcBSsFOgVJBVgFZwV3BYYFlgWmBbUFxQXVBeUF9gYGBhYGJwY3BkgGWQZqBnsGjAadBq8GwAbRBuMG9QcHBxkHKwc9B08HYQd0B4YHmQesB78H0gflB/gICwgfCDIIRghaCG4IggiWCKoIvgjSCOcI+wkQCSUJOglPCWQJeQmPCaQJugnPCeUJ+woRCicKPQpUCmoKgQqYCq4KxQrcCvMLCwsiCzkLUQtpC4ALmAuwC8gL4Qv5DBIMKgxDDFwMdQyODKcMwAzZDPMNDQ0mDUANWg10DY4NqQ3DDd4N+A4TDi4OSQ5kDn8Omw62DtIO7g8JDyUPQQ9eD3oPlg+zD88P7BAJECYQQxBhEH4QmxC5ENcQ9RETETERTxFtEYwRqhHJEegSBxImEkUSZBKEEqMSwxLjEwMTIxNDE2MTgxOkE8UT5RQGFCcUSRRqFIsUrRTOFPAVEhU0FVYVeBWbFb0V4BYDFiYWSRZsFo8WshbWFvoXHRdBF2UXiReuF9IX9xgbGEAYZRiKGK8Y1Rj6GSAZRRlrGZEZtxndGgQaKhpRGncanhrFGuwbFBs7G2MbihuyG9ocAhwqHFIcexyjHMwc9R0eHUcdcB2ZHcMd7B4WHkAeah6UHr4e6R8THz4faR+UH78f6iAVIEEgbCCYIMQg8CEcIUghdSGhIc4h+yInIlUigiKvIt0jCiM4I2YjlCPCI/AkHyRNJHwkqyTaJQklOCVoJZclxyX3JicmVyaHJrcm6CcYJ0kneierJ9woDSg/KHEooijUKQYpOClrKZ0p0CoCKjUqaCqbKs8rAis2K2krnSvRLAUsOSxuLKIs1y0MLUEtdi2rLeEuFi5MLoIuty7uLyQvWi+RL8cv/jA1MGwwpDDbMRIxSjGCMbox8jIqMmMymzLUMw0zRjN/M7gz8TQrNGU0njTYNRM1TTWHNcI1/TY3NnI2rjbpNyQ3YDecN9c4FDhQOIw4yDkFOUI5fzm8Ofk6Njp0OrI67zstO2s7qjvoPCc8ZTykPOM9Ij1hPaE94D4gPmA+oD7gPyE/YT+iP+JAI0BkQKZA50EpQWpBrEHuQjBCckK1QvdDOkN9Q8BEA0RHRIpEzkUSRVVFmkXeRiJGZ0arRvBHNUd7R8BIBUhLSJFI10kdSWNJqUnwSjdKfUrESwxLU0uaS+JMKkxyTLpNAk1KTZNN3E4lTm5Ot08AT0lPk0/dUCdQcVC7UQZRUFGbUeZSMVJ8UsdTE1NfU6pT9lRCVI9U21UoVXVVwlYPVlxWqVb3V0RXklfgWC9YfVjLWRpZaVm4WgdaVlqmWvVbRVuVW+VcNVyGXNZdJ114XcleGl5sXr1fD19hX7NgBWBXYKpg/GFPYaJh9WJJYpxi8GNDY5dj62RAZJRk6WU9ZZJl52Y9ZpJm6Gc9Z5Nn6Wg/aJZo7GlDaZpp8WpIap9q92tPa6dr/2xXbK9tCG1gbbluEm5rbsRvHm94b9FwK3CGcOBxOnGVcfByS3KmcwFzXXO4dBR0cHTMdSh1hXXhdj52m3b4d1Z3s3gReG54zHkqeYl553pGeqV7BHtje8J8IXyBfOF9QX2hfgF+Yn7CfyN/hH/lgEeAqIEKgWuBzYIwgpKC9INXg7qEHYSAhOOFR4Wrhg6GcobXhzuHn4gEiGmIzokziZmJ/opkisqLMIuWi/yMY4zKjTGNmI3/jmaOzo82j56QBpBukNaRP5GokhGSepLjk02TtpQglIqU9JVflcmWNJaflwqXdZfgmEyYuJkkmZCZ/JpomtWbQpuvnByciZz3nWSd0p5Anq6fHZ+Ln/qgaaDYoUehtqImopajBqN2o+akVqTHpTilqaYapoum/adup+CoUqjEqTepqaocqo+rAqt1q+msXKzQrUStuK4trqGvFq+LsACwdbDqsWCx1rJLssKzOLOutCW0nLUTtYq2AbZ5tvC3aLfguFm40blKucK6O7q1uy67p7whvJu9Fb2Pvgq+hL7/v3q/9cBwwOzBZ8Hjwl/C28NYw9TEUcTOxUvFyMZGxsPHQce/yD3IvMk6ybnKOMq3yzbLtsw1zLXNNc21zjbOts83z7jQOdC60TzRvtI/0sHTRNPG1EnUy9VO1dHWVdbY11zX4Nhk2OjZbNnx2nba+9uA3AXcit0Q3ZbeHN6i3ynfr+A24L3hROHM4lPi2+Nj4+vkc+T85YTmDeaW5x/nqegy6LzpRunQ6lvq5etw6/vshu0R7ZzuKO6070DvzPBY8OXxcvH/8ozzGfOn9DT0wvVQ9d72bfb794r4Gfio+Tj5x/pX+uf7d/wH/Jj9Kf26/kv+3P9t////2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQoHBwYIDAoMDAsKCwsNDhIQDQ4RDgsLEBYQERMUFRUVDA8XGBYUGBIUFRT/2wBDAQMEBAUEBQkFBQkUDQsNFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBQUFBT/wAARCAALABQDAREAAhEBAxEB/8QAGAAAAgMAAAAAAAAAAAAAAAAABAUGBwj/xAAlEAABAwIGAwADAAAAAAAAAAABAgMEBQYABxESITETFEEIMmH/xAAZAQEAAgMAAAAAAAAAAAAAAAADAQIEBQf/xAAiEQACAwABAwUBAAAAAAAAAAABAgADESEEBRIxQVFhsdH/2gAMAwEAAhEDEQA/ALdy1yPmSMqI79LkSZS6r45rMuPFQVKBSNzTSlajdwRu566x0S7uSrYa2xcOH5mExZWAA0RqzbFoTI4o9y0mnqnsuuNOMz1huQtxBIP6qHZ+f0YK2/qGcNQT4kcZLW6qavrM+5qxLUZrsI0Kmx6bGXCQt6Kh0q8bu9YUFELPOgT9xseka9q9sJ3feEjMRzB7a/JbMmz7cpVFpFyGJTKY3thselHc8PY4UpsnpRGuv04W3tnSXWNZYmknnk/2P5ERVd2aFzXnLYl1epexJcBdW41HaZK1lQJUrxpTqdQOTzxhaaK6AUrHA+yf2QTsjhO8lSuVKOpJ+nDyJ//Z","aspectRatio":1.7777777777777777,"src":"//images.ctfassets.net/s600jj41gsex/4qwXKExAH7QJ5CsLKTV0DC/23abe380e1daa0ad66c7e455db8ffe9f/Image_disruptors-2022022214403106-background.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/4qwXKExAH7QJ5CsLKTV0DC/23abe380e1daa0ad66c7e455db8ffe9f/Image_disruptors-2022022214403106-background.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4qwXKExAH7QJ5CsLKTV0DC/23abe380e1daa0ad66c7e455db8ffe9f/Image_disruptors-2022022214403106-background.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4qwXKExAH7QJ5CsLKTV0DC/23abe380e1daa0ad66c7e455db8ffe9f/Image_disruptors-2022022214403106-background.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4qwXKExAH7QJ5CsLKTV0DC/23abe380e1daa0ad66c7e455db8ffe9f/Image_disruptors-2022022214403106-background.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4qwXKExAH7QJ5CsLKTV0DC/23abe380e1daa0ad66c7e455db8ffe9f/Image_disruptors-2022022214403106-background.jpg?w=1478&h=831&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4qwXKExAH7QJ5CsLKTV0DC/23abe380e1daa0ad66c7e455db8ffe9f/Image_disruptors-2022022214403106-background.jpg?w=2217&h=1247&q=50&fit=scale 2217w,\n//images.ctfassets.net/s600jj41gsex/4qwXKExAH7QJ5CsLKTV0DC/23abe380e1daa0ad66c7e455db8ffe9f/Image_disruptors-2022022214403106-background.jpg?w=2800&h=1575&q=50&fit=scale 2800w","srcWebp":"//images.ctfassets.net/s600jj41gsex/4qwXKExAH7QJ5CsLKTV0DC/23abe380e1daa0ad66c7e455db8ffe9f/Image_disruptors-2022022214403106-background.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/4qwXKExAH7QJ5CsLKTV0DC/23abe380e1daa0ad66c7e455db8ffe9f/Image_disruptors-2022022214403106-background.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/4qwXKExAH7QJ5CsLKTV0DC/23abe380e1daa0ad66c7e455db8ffe9f/Image_disruptors-2022022214403106-background.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/4qwXKExAH7QJ5CsLKTV0DC/23abe380e1daa0ad66c7e455db8ffe9f/Image_disruptors-2022022214403106-background.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/4qwXKExAH7QJ5CsLKTV0DC/23abe380e1daa0ad66c7e455db8ffe9f/Image_disruptors-2022022214403106-background.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/4qwXKExAH7QJ5CsLKTV0DC/23abe380e1daa0ad66c7e455db8ffe9f/Image_disruptors-2022022214403106-background.jpg?w=1478&h=831&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/4qwXKExAH7QJ5CsLKTV0DC/23abe380e1daa0ad66c7e455db8ffe9f/Image_disruptors-2022022214403106-background.jpg?w=2217&h=1247&q=50&fm=webp&fit=scale 2217w,\n//images.ctfassets.net/s600jj41gsex/4qwXKExAH7QJ5CsLKTV0DC/23abe380e1daa0ad66c7e455db8ffe9f/Image_disruptors-2022022214403106-background.jpg?w=2800&h=1575&q=50&fm=webp&fit=scale 2800w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Kate Bazilevskaya","slug":"kate-bazilevskaya"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":{"metaTitle":"Branded content experience stories from Setka founders | TinyMCE"},"metaDescription":{"metaDescription":"Find out what content experience disruptors are, how content experience disruptors change branded content, and how to make better branded content"}},{"title":"9 Best HubSpot blog templates for extraordinary content","slug":"hubspot-blog-templates","featured":false,"lastUpdated":"Mar 3rd, 2022","description":{"description":"

Select the best hubspot blog template with our guide, featuring 9 examples of hubspot blog templates to help you select the right template.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Select the best hubspot blog template with our guide, featuring 9 examples of hubspot blog templates to help you select the right template."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Select the best hubspot blog template with our guide, featuring 9 examples of hubspot blog templates","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7777777777777777,"src":"//images.ctfassets.net/s600jj41gsex/1CaWg8gJHt9L9MLKFwSFNM/489ebc14e95d7cd5c86fe33d3eba1e2b/partners-9-of-the-best-hubspot-blog-templates-for-an-extraordinary-content-experience-cover-1200x630-2022022213055847.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1CaWg8gJHt9L9MLKFwSFNM/489ebc14e95d7cd5c86fe33d3eba1e2b/partners-9-of-the-best-hubspot-blog-templates-for-an-extraordinary-content-experience-cover-1200x630-2022022213055847.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1CaWg8gJHt9L9MLKFwSFNM/489ebc14e95d7cd5c86fe33d3eba1e2b/partners-9-of-the-best-hubspot-blog-templates-for-an-extraordinary-content-experience-cover-1200x630-2022022213055847.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1CaWg8gJHt9L9MLKFwSFNM/489ebc14e95d7cd5c86fe33d3eba1e2b/partners-9-of-the-best-hubspot-blog-templates-for-an-extraordinary-content-experience-cover-1200x630-2022022213055847.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1CaWg8gJHt9L9MLKFwSFNM/489ebc14e95d7cd5c86fe33d3eba1e2b/partners-9-of-the-best-hubspot-blog-templates-for-an-extraordinary-content-experience-cover-1200x630-2022022213055847.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1CaWg8gJHt9L9MLKFwSFNM/489ebc14e95d7cd5c86fe33d3eba1e2b/partners-9-of-the-best-hubspot-blog-templates-for-an-extraordinary-content-experience-cover-1200x630-2022022213055847.jpg?w=1120&h=630&q=50&fit=scale 1120w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1CaWg8gJHt9L9MLKFwSFNM/489ebc14e95d7cd5c86fe33d3eba1e2b/partners-9-of-the-best-hubspot-blog-templates-for-an-extraordinary-content-experience-cover-1200x630-2022022213055847.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1CaWg8gJHt9L9MLKFwSFNM/489ebc14e95d7cd5c86fe33d3eba1e2b/partners-9-of-the-best-hubspot-blog-templates-for-an-extraordinary-content-experience-cover-1200x630-2022022213055847.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1CaWg8gJHt9L9MLKFwSFNM/489ebc14e95d7cd5c86fe33d3eba1e2b/partners-9-of-the-best-hubspot-blog-templates-for-an-extraordinary-content-experience-cover-1200x630-2022022213055847.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1CaWg8gJHt9L9MLKFwSFNM/489ebc14e95d7cd5c86fe33d3eba1e2b/partners-9-of-the-best-hubspot-blog-templates-for-an-extraordinary-content-experience-cover-1200x630-2022022213055847.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1CaWg8gJHt9L9MLKFwSFNM/489ebc14e95d7cd5c86fe33d3eba1e2b/partners-9-of-the-best-hubspot-blog-templates-for-an-extraordinary-content-experience-cover-1200x630-2022022213055847.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1CaWg8gJHt9L9MLKFwSFNM/489ebc14e95d7cd5c86fe33d3eba1e2b/partners-9-of-the-best-hubspot-blog-templates-for-an-extraordinary-content-experience-cover-1200x630-2022022213055847.jpg?w=1120&h=630&q=50&fm=webp&fit=scale 1120w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Anastasia Vyshkvarkina","slug":"anastasia-vyshkvarkina"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":{"metaTitle":"Guide on HubSpot blog templates with 9 examples | TinyMCE"},"metaDescription":{"metaDescription":"Select the best HubSpot blog template with our guide, featuring 9 examples of HubSpot blog templates to help you select the right template."}},{"title":"18 blog design ideas to improve your content (with examples) ","slug":"blog-design-ideas","featured":false,"lastUpdated":"Mar 1st, 2022","description":{"description":"

Looking for inspiration for your blog design and blog post layout? Discover our favorite 18 blog design ideas, with examples, to help you out.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Looking for inspiration for your blog design and blog post layout? Discover our favorite 18 blog design ideas, with examples, to help you out."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"18 ideas for using setka components for blog images","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAACbVBMVEW+sei6tuawtt6tvN6qwd2pwt2qwt2pwd2rxN2uv+qqnvqsmfCwoNSmoc2hpsyfrs2cssybssufttDIuvTDvvGrsNils9SjuNOjutSmvdilvNenwNmyw++rn/qvn9OBe55UWGtcZnhcaXhda3ppeYqYrcaek8GZlr5bXXRcZndgbX5ETlo+SFM5QkxIVlyntuGsofyrme+tntB6dZM3P0FAS05FVVhHV1pabHSWrcKFfKOJhqpSU2c6QUxASlU3P0gsMzodIiRFU1eouOKtovyrmPGrmtmHerJjVo1oXZJqX5VtYph3cKSans+4qt+3seJpaYM8QUo3PkUrMjUcIyAAAAAsPDGmtd+tovurmfiul/etkfarjPariParg/WqfvSqePOrdfTAuu64uulrdY9OWm8/SV08Q1o8QFo1NlJGTGOmsuKrofuzoPjEsfG5sem3ueq0wOuvweevwuiwwui1x+6y3v+v2P2nzPSqyPenwPSou/WntPOmrfKkpe+rqPeqnvm0ofjFs+2yrduts9qvwOCowNujvNWlvtezzuqYoMaQnL+Nm7ycrtGku92judylut+UpMh+iq2XntOpnvm0oPjKt/TEvfG/xPC5yu61zuyzzOq0zuu50/GWiLWln8qgo8icqceXq8OGmq+Vq8KKn7OFm6ygr9nItvLGv/S9wu6ds82iutS61POilsahnciip82eq8qLnbWLn7aZr8iPpLuLoLSRncfMufbHwfa/xfGtvd6uxuO1z+240vC50/KtoNOppdGmq9Gls9OjudWhuNOlvNiInbCSnciqn/rHwPXAxvKzxOe0zeu0zuzA4+O6AAAAQ0lEQVQI12NkYEQHDIwswgjeOyEYS40RE7CI0F/wLQPQSalzGN8LsgjABW+KAtlrGBmFGFmgDo5fxOh5hkEQxPz/EQBv0AuHniG5FQAAAABJRU5ErkJggg==","aspectRatio":1.7777777777777777,"src":"//images.ctfassets.net/s600jj41gsex/6cZfHbTBdz4RtHyd6c92pn/830648fccd7215a0e210c0e4253fde99/Image_content-experience-18-ideas-for-using-setka-editors-components-to-improve-your-content-design-cover-1200x630-202202211.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/6cZfHbTBdz4RtHyd6c92pn/830648fccd7215a0e210c0e4253fde99/Image_content-experience-18-ideas-for-using-setka-editors-components-to-improve-your-content-design-cover-1200x630-202202211.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6cZfHbTBdz4RtHyd6c92pn/830648fccd7215a0e210c0e4253fde99/Image_content-experience-18-ideas-for-using-setka-editors-components-to-improve-your-content-design-cover-1200x630-202202211.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6cZfHbTBdz4RtHyd6c92pn/830648fccd7215a0e210c0e4253fde99/Image_content-experience-18-ideas-for-using-setka-editors-components-to-improve-your-content-design-cover-1200x630-202202211.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6cZfHbTBdz4RtHyd6c92pn/830648fccd7215a0e210c0e4253fde99/Image_content-experience-18-ideas-for-using-setka-editors-components-to-improve-your-content-design-cover-1200x630-202202211.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6cZfHbTBdz4RtHyd6c92pn/830648fccd7215a0e210c0e4253fde99/Image_content-experience-18-ideas-for-using-setka-editors-components-to-improve-your-content-design-cover-1200x630-202202211.png?w=1120&h=630&q=50&fit=scale 1120w","srcWebp":"//images.ctfassets.net/s600jj41gsex/6cZfHbTBdz4RtHyd6c92pn/830648fccd7215a0e210c0e4253fde99/Image_content-experience-18-ideas-for-using-setka-editors-components-to-improve-your-content-design-cover-1200x630-202202211.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/6cZfHbTBdz4RtHyd6c92pn/830648fccd7215a0e210c0e4253fde99/Image_content-experience-18-ideas-for-using-setka-editors-components-to-improve-your-content-design-cover-1200x630-202202211.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/6cZfHbTBdz4RtHyd6c92pn/830648fccd7215a0e210c0e4253fde99/Image_content-experience-18-ideas-for-using-setka-editors-components-to-improve-your-content-design-cover-1200x630-202202211.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/6cZfHbTBdz4RtHyd6c92pn/830648fccd7215a0e210c0e4253fde99/Image_content-experience-18-ideas-for-using-setka-editors-components-to-improve-your-content-design-cover-1200x630-202202211.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/6cZfHbTBdz4RtHyd6c92pn/830648fccd7215a0e210c0e4253fde99/Image_content-experience-18-ideas-for-using-setka-editors-components-to-improve-your-content-design-cover-1200x630-202202211.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/6cZfHbTBdz4RtHyd6c92pn/830648fccd7215a0e210c0e4253fde99/Image_content-experience-18-ideas-for-using-setka-editors-components-to-improve-your-content-design-cover-1200x630-202202211.png?w=1120&h=630&q=50&fm=webp&fit=scale 1120w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Anastasia Vyshkvarkina","slug":"anastasia-vyshkvarkina"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":{"metaTitle":"18 Blog design ideas to make your content shine (with examples!)"},"metaDescription":{"metaDescription":"Looking for inspiration for your blog design and blog post layout? Our favorite 18 blog design ideas with examples are here to help you out"}},{"title":"How to create great collaborative content with distributed teams","slug":"create-content-distributed-team","featured":false,"lastUpdated":"Feb 22nd, 2022","description":{"description":"

Remote work and distributed team management can make creating content difficult. Here's a new guide on how to create content, and overcome remote work challenges that get in the way of creating content.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Remote work and distributed team management can make creating content difficult. Here's a new guide on how to create content, and overcome remote work challenges that get in the way of creating content."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"It is possible to overcome remote work challenges, and create content when working distributed.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.777632439502943,"src":"//images.ctfassets.net/s600jj41gsex/3FAU0cQDOBY3Wpj8ZPlQPC/f4d0d2a80a0e43aa9316b38b13394e23/Image_cover-17-2022021711441143-2.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3FAU0cQDOBY3Wpj8ZPlQPC/f4d0d2a80a0e43aa9316b38b13394e23/Image_cover-17-2022021711441143-2.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3FAU0cQDOBY3Wpj8ZPlQPC/f4d0d2a80a0e43aa9316b38b13394e23/Image_cover-17-2022021711441143-2.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3FAU0cQDOBY3Wpj8ZPlQPC/f4d0d2a80a0e43aa9316b38b13394e23/Image_cover-17-2022021711441143-2.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3FAU0cQDOBY3Wpj8ZPlQPC/f4d0d2a80a0e43aa9316b38b13394e23/Image_cover-17-2022021711441143-2.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3FAU0cQDOBY3Wpj8ZPlQPC/f4d0d2a80a0e43aa9316b38b13394e23/Image_cover-17-2022021711441143-2.jpg?w=1478&h=831&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3FAU0cQDOBY3Wpj8ZPlQPC/f4d0d2a80a0e43aa9316b38b13394e23/Image_cover-17-2022021711441143-2.jpg?w=2217&h=1247&q=50&fit=scale 2217w,\n//images.ctfassets.net/s600jj41gsex/3FAU0cQDOBY3Wpj8ZPlQPC/f4d0d2a80a0e43aa9316b38b13394e23/Image_cover-17-2022021711441143-2.jpg?w=2718&h=1529&q=50&fit=scale 2718w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3FAU0cQDOBY3Wpj8ZPlQPC/f4d0d2a80a0e43aa9316b38b13394e23/Image_cover-17-2022021711441143-2.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3FAU0cQDOBY3Wpj8ZPlQPC/f4d0d2a80a0e43aa9316b38b13394e23/Image_cover-17-2022021711441143-2.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3FAU0cQDOBY3Wpj8ZPlQPC/f4d0d2a80a0e43aa9316b38b13394e23/Image_cover-17-2022021711441143-2.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3FAU0cQDOBY3Wpj8ZPlQPC/f4d0d2a80a0e43aa9316b38b13394e23/Image_cover-17-2022021711441143-2.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3FAU0cQDOBY3Wpj8ZPlQPC/f4d0d2a80a0e43aa9316b38b13394e23/Image_cover-17-2022021711441143-2.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3FAU0cQDOBY3Wpj8ZPlQPC/f4d0d2a80a0e43aa9316b38b13394e23/Image_cover-17-2022021711441143-2.jpg?w=1478&h=831&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3FAU0cQDOBY3Wpj8ZPlQPC/f4d0d2a80a0e43aa9316b38b13394e23/Image_cover-17-2022021711441143-2.jpg?w=2217&h=1247&q=50&fm=webp&fit=scale 2217w,\n//images.ctfassets.net/s600jj41gsex/3FAU0cQDOBY3Wpj8ZPlQPC/f4d0d2a80a0e43aa9316b38b13394e23/Image_cover-17-2022021711441143-2.jpg?w=2718&h=1529&q=50&fm=webp&fit=scale 2718w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Anastasia Vyshkvarkina","slug":"anastasia-vyshkvarkina"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":{"metaTitle":"How to create content with a distributed team | TinyMCE"},"metaDescription":{"metaDescription":"Discover how to create content when you have a distributed team, and need to be collaborative while managing remote work. "}},{"title":"8 useful blog illustration tips for beginners","slug":"blog-illustration-tips","featured":false,"lastUpdated":"Feb 17th, 2022","description":{"description":"

Developing a visual style and using visual illustrations for your blog does not have to be difficult. Here are 8 methods to make visual design for your company blog easier.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Developing a visual style and using visual illustrations for your blog does not have to be difficult. Here are 8 methods to make visual design for your company blog easier."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Here are 8 methods to make visual design for your company blog easier.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.7777777777777777,"src":"//images.ctfassets.net/s600jj41gsex/2Xqotedbp5AG16lX2caX6y/ee01e537c227641080b489d30eabce89/Image_content-expirience-using-illustration-on-your-brands-blog_-8-useful-tips-for-beginners-cover-1200x630-2022021408282382.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2Xqotedbp5AG16lX2caX6y/ee01e537c227641080b489d30eabce89/Image_content-expirience-using-illustration-on-your-brands-blog_-8-useful-tips-for-beginners-cover-1200x630-2022021408282382.jpg?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2Xqotedbp5AG16lX2caX6y/ee01e537c227641080b489d30eabce89/Image_content-expirience-using-illustration-on-your-brands-blog_-8-useful-tips-for-beginners-cover-1200x630-2022021408282382.jpg?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2Xqotedbp5AG16lX2caX6y/ee01e537c227641080b489d30eabce89/Image_content-expirience-using-illustration-on-your-brands-blog_-8-useful-tips-for-beginners-cover-1200x630-2022021408282382.jpg?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2Xqotedbp5AG16lX2caX6y/ee01e537c227641080b489d30eabce89/Image_content-expirience-using-illustration-on-your-brands-blog_-8-useful-tips-for-beginners-cover-1200x630-2022021408282382.jpg?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2Xqotedbp5AG16lX2caX6y/ee01e537c227641080b489d30eabce89/Image_content-expirience-using-illustration-on-your-brands-blog_-8-useful-tips-for-beginners-cover-1200x630-2022021408282382.jpg?w=1120&h=630&q=50&fit=scale 1120w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2Xqotedbp5AG16lX2caX6y/ee01e537c227641080b489d30eabce89/Image_content-expirience-using-illustration-on-your-brands-blog_-8-useful-tips-for-beginners-cover-1200x630-2022021408282382.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2Xqotedbp5AG16lX2caX6y/ee01e537c227641080b489d30eabce89/Image_content-expirience-using-illustration-on-your-brands-blog_-8-useful-tips-for-beginners-cover-1200x630-2022021408282382.jpg?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/2Xqotedbp5AG16lX2caX6y/ee01e537c227641080b489d30eabce89/Image_content-expirience-using-illustration-on-your-brands-blog_-8-useful-tips-for-beginners-cover-1200x630-2022021408282382.jpg?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/2Xqotedbp5AG16lX2caX6y/ee01e537c227641080b489d30eabce89/Image_content-expirience-using-illustration-on-your-brands-blog_-8-useful-tips-for-beginners-cover-1200x630-2022021408282382.jpg?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/2Xqotedbp5AG16lX2caX6y/ee01e537c227641080b489d30eabce89/Image_content-expirience-using-illustration-on-your-brands-blog_-8-useful-tips-for-beginners-cover-1200x630-2022021408282382.jpg?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/2Xqotedbp5AG16lX2caX6y/ee01e537c227641080b489d30eabce89/Image_content-expirience-using-illustration-on-your-brands-blog_-8-useful-tips-for-beginners-cover-1200x630-2022021408282382.jpg?w=1120&h=630&q=50&fm=webp&fit=scale 1120w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Anastasia Vyshkvarkina","slug":"anastasia-vyshkvarkina"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":{"metaTitle":"8 Useful Illustration Tips for Beginners"},"metaDescription":{"metaDescription":"We collected the most useful blog illustration tips that enhance UX design and increase user engagement. Learn how you can start improving your blog content!"}},{"title":"5 ways to optimize page load time and UX in 2022","slug":"optimize-page-load-time-and-experience","featured":false,"lastUpdated":"Feb 10th, 2022","description":{"description":"

This year, it's important you take some time to check and improve your page load speed. Here's how to prevent viewers leaving your web page.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"This year, it's important you take some time to check and improve your page load speed. Here's how to prevent viewers leaving your web page."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"This year, improve your page load speed to prevent viewers leaving your web page.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAABC1BMVEX29/z2+Pz3+P34+f35+vz3+Pz4+fz5+vvz9Pvy8/v4+fvz8/vEv/yPgv58av6spP3r6/v3+Pu8tvxIAP8sAP8oAP8PAP+UiP3y8vr2+P3s7Pl4Yv5qUP+ckP+jmP+IeP8/AP/a2Pro6PlrTv5hQv+nnf+wp/+Uh/49AP3Qzff29/n09fr09Pr19vvy8/ibj/t7c+2nqt6nqd++wt3Fyt3EyN7Cx93s7vb19/z19vz3+Prg3/eNffxEAP6GguO6wdPBxtm+w9m8wdm9wtm7wNiyuNTl5vH29/329/rr6/bT0PXOzPDb3One3+vh4u3i4+7f4e3h4+7n6PLz9Pr19fn19fv29vz09fv09fw6plVQAAAAjUlEQVQIHQXBsSqFcQDA0d/x3VvkKllQZJYZeQIva/UMyGxiVSwGGYT7/Z2jiMZo+q2q1HK9gJ+5MapKy/ViCb7mxqiEaQX4+Kv9t0aLsgWYq/dRYXEEgKe5wnTqdbULjI3HC2E6BwCfd4lxDYDb766m8Ly1s/1y+LZ3e3aze3B8fK+oqpo3v68eujz5B9hmJ3eonM/wAAAAAElFTkSuQmCC","aspectRatio":1.7767441860465116,"src":"//images.ctfassets.net/s600jj41gsex/3oVeQc9GCgLvEOsvmEyZDs/ff6b03d9bd1c21e1eb7b202db713c7b6/Image_optimization-2022012811564269.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3oVeQc9GCgLvEOsvmEyZDs/ff6b03d9bd1c21e1eb7b202db713c7b6/Image_optimization-2022012811564269.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3oVeQc9GCgLvEOsvmEyZDs/ff6b03d9bd1c21e1eb7b202db713c7b6/Image_optimization-2022012811564269.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3oVeQc9GCgLvEOsvmEyZDs/ff6b03d9bd1c21e1eb7b202db713c7b6/Image_optimization-2022012811564269.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3oVeQc9GCgLvEOsvmEyZDs/ff6b03d9bd1c21e1eb7b202db713c7b6/Image_optimization-2022012811564269.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3oVeQc9GCgLvEOsvmEyZDs/ff6b03d9bd1c21e1eb7b202db713c7b6/Image_optimization-2022012811564269.png?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3oVeQc9GCgLvEOsvmEyZDs/ff6b03d9bd1c21e1eb7b202db713c7b6/Image_optimization-2022012811564269.png?w=1528&h=860&q=50&fit=scale 1528w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3oVeQc9GCgLvEOsvmEyZDs/ff6b03d9bd1c21e1eb7b202db713c7b6/Image_optimization-2022012811564269.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3oVeQc9GCgLvEOsvmEyZDs/ff6b03d9bd1c21e1eb7b202db713c7b6/Image_optimization-2022012811564269.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3oVeQc9GCgLvEOsvmEyZDs/ff6b03d9bd1c21e1eb7b202db713c7b6/Image_optimization-2022012811564269.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3oVeQc9GCgLvEOsvmEyZDs/ff6b03d9bd1c21e1eb7b202db713c7b6/Image_optimization-2022012811564269.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3oVeQc9GCgLvEOsvmEyZDs/ff6b03d9bd1c21e1eb7b202db713c7b6/Image_optimization-2022012811564269.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3oVeQc9GCgLvEOsvmEyZDs/ff6b03d9bd1c21e1eb7b202db713c7b6/Image_optimization-2022012811564269.png?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3oVeQc9GCgLvEOsvmEyZDs/ff6b03d9bd1c21e1eb7b202db713c7b6/Image_optimization-2022012811564269.png?w=1528&h=860&q=50&fm=webp&fit=scale 1528w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Kate Sutormina","slug":"kate-sutormina"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":{"metaTitle":"How to optimize page load time and experience in 2022 | TinyMCE"},"metaDescription":{"metaDescription":"Short and simple guide on what changes can improve page load time in the most efficient way: images, CSS and JS optimization tips and tricks."}},{"title":"Improving Content Comprehension With Layouts","slug":"effective-page-layout-design","featured":false,"lastUpdated":"Feb 1st, 2022","description":{"description":"

Designers have seconds to convince readers a page will be valuable to them. Setka helps you to do everything you can to quickly catch the reader's eye with interesting and relevant information, and show off exactly what they’re going to get out of reading your page.

\n

 

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Designers have seconds to convince readers a page will be valuable to them. Setka helps you to do everything you can to quickly catch the reader's eye with interesting and relevant information, and show off exactly what they’re going to get out of reading your page."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":" "}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Designers have seconds to convince readers a page will be valuable to them. Setka makes sure your blogs, posts, and pages can communicate effectively and capture attention.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAACZFBMVEUAAACVnLyzudVqbZYVAGZFPYleVp52brGCerZ+d7J9drRmX59rZaZ+e6fCwdDx8e+EhILl5OLMzdzGydysrb6Gg6Cysb/w8PL////d3d3////w7/Hj4+Tz8/PPzt/o5+7V1dScnZyjo6Lh4Or29fb49/j5+fr6+f+/vNg1AKz4+Pn4+Pj19fWCfqr////y8u4AAAAAAAAOCAAkBYdKPpg9MJBJPphGO5VDOJQwGpKlo8Dl5ez39/j29vj6+vr+/v/n5+VAN4I+OHOKh6+YlL+nos+WkMWon+OFfrx3cLOMhMx+dsJORor7+/319Pr9/f3////Av8q7t9nW1OzOzOXOy+TKyODNy+D19fbu7e/29vfo5/Lq6fb7+/7MytrGxNbv7fv39v/e3PDQzezn5PzQzufx8fPp6evz8/Xa2O6/vNrv7vPIx9awrcnGwujk4fuyrd+ckt2gmc4pAJa1s9Dy8vPw8PL09Pbz8/Ts7O7T09asq7Hn5+zV0/DAvOTRzuvo5vi2seCSh9iQir9WTJ66uM719Pby8vT+/v7w8PHo5+qtq8OLiK6Zlralo8CqqMOQjLt/erF1cKhxa6c+LptrYrSuq82hncLOzdv7+v78/P/+/v/v7/Hv7vGFga0AAIhXT5tYUJpVTJw6LY42J48aAIpaVJeBfqmvrcT8+/z29f/QzPG/uev7+/v///6Pi7IZAIo+MJQ0JI5DNpY7LZA8LpErD5C6uc77+v/r6frt7Pnp5/fo5vcsFY5FOZU8L49GO5c9MY8/M5MgAI2+vc/39f/j4Pjp5/ji4PXr6fk4KZHj4uvvUbD+AAAAQXRSTlMAPX938/7+/v7+/v7++Hk+DDdxsJ32/dy6IPLw7/T9tkAaFfvY0tL9o3XOzs/x/lMaGSG9/v7+/v7+/u7GxMTBQJ60Xs8AAACBSURBVAjXY2ZgZGJitn/KwsLKysbGbvOGg4PzB4sgIxAw2TNCAScQf2ABkQaMcMABxEqMARxgzmc+qOg+IGZh4EMVDAQLCjH+YWVkfCqIMOIDYwcjJmAROWOKzL9/PBpIrmX8zYaiLBuoshZIT0AWZGe8yAJSxpsF4U8sABKCjAwAyVgVjth/RPsAAAAASUVORK5CYII=","aspectRatio":1.777301927194861,"src":"//images.ctfassets.net/s600jj41gsex/3ZiWzq8Jqgr4jPGDJ7e3Bj/b9a15c19276e4bef105b8ccd26ad5072/Image_Comprehensive_Layouts_frame-2112-_1_-_1_-1.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3ZiWzq8Jqgr4jPGDJ7e3Bj/b9a15c19276e4bef105b8ccd26ad5072/Image_Comprehensive_Layouts_frame-2112-_1_-_1_-1.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3ZiWzq8Jqgr4jPGDJ7e3Bj/b9a15c19276e4bef105b8ccd26ad5072/Image_Comprehensive_Layouts_frame-2112-_1_-_1_-1.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3ZiWzq8Jqgr4jPGDJ7e3Bj/b9a15c19276e4bef105b8ccd26ad5072/Image_Comprehensive_Layouts_frame-2112-_1_-_1_-1.png?w=739&h=416&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3ZiWzq8Jqgr4jPGDJ7e3Bj/b9a15c19276e4bef105b8ccd26ad5072/Image_Comprehensive_Layouts_frame-2112-_1_-_1_-1.png?w=1109&h=624&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3ZiWzq8Jqgr4jPGDJ7e3Bj/b9a15c19276e4bef105b8ccd26ad5072/Image_Comprehensive_Layouts_frame-2112-_1_-_1_-1.png?w=1478&h=832&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3ZiWzq8Jqgr4jPGDJ7e3Bj/b9a15c19276e4bef105b8ccd26ad5072/Image_Comprehensive_Layouts_frame-2112-_1_-_1_-1.png?w=2217&h=1247&q=50&fit=scale 2217w,\n//images.ctfassets.net/s600jj41gsex/3ZiWzq8Jqgr4jPGDJ7e3Bj/b9a15c19276e4bef105b8ccd26ad5072/Image_Comprehensive_Layouts_frame-2112-_1_-_1_-1.png?w=2490&h=1401&q=50&fit=scale 2490w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3ZiWzq8Jqgr4jPGDJ7e3Bj/b9a15c19276e4bef105b8ccd26ad5072/Image_Comprehensive_Layouts_frame-2112-_1_-_1_-1.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3ZiWzq8Jqgr4jPGDJ7e3Bj/b9a15c19276e4bef105b8ccd26ad5072/Image_Comprehensive_Layouts_frame-2112-_1_-_1_-1.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3ZiWzq8Jqgr4jPGDJ7e3Bj/b9a15c19276e4bef105b8ccd26ad5072/Image_Comprehensive_Layouts_frame-2112-_1_-_1_-1.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3ZiWzq8Jqgr4jPGDJ7e3Bj/b9a15c19276e4bef105b8ccd26ad5072/Image_Comprehensive_Layouts_frame-2112-_1_-_1_-1.png?w=739&h=416&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3ZiWzq8Jqgr4jPGDJ7e3Bj/b9a15c19276e4bef105b8ccd26ad5072/Image_Comprehensive_Layouts_frame-2112-_1_-_1_-1.png?w=1109&h=624&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3ZiWzq8Jqgr4jPGDJ7e3Bj/b9a15c19276e4bef105b8ccd26ad5072/Image_Comprehensive_Layouts_frame-2112-_1_-_1_-1.png?w=1478&h=832&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3ZiWzq8Jqgr4jPGDJ7e3Bj/b9a15c19276e4bef105b8ccd26ad5072/Image_Comprehensive_Layouts_frame-2112-_1_-_1_-1.png?w=2217&h=1247&q=50&fm=webp&fit=scale 2217w,\n//images.ctfassets.net/s600jj41gsex/3ZiWzq8Jqgr4jPGDJ7e3Bj/b9a15c19276e4bef105b8ccd26ad5072/Image_Comprehensive_Layouts_frame-2112-_1_-_1_-1.png?w=2490&h=1401&q=50&fm=webp&fit=scale 2490w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Anastasia Vyshkvarkina","slug":"anastasia-vyshkvarkina"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":{"metaTitle":"Guide to effective page layout design | TinyMCE"},"metaDescription":{"metaDescription":"Comprehensive guide on how to create page layout that effectively uses visitors attention and conveys the message of the text and graphics.\n"}},{"title":"10 Content design mistakes that lower engagement — and how to fix them","slug":"how-to-increase-content-engagement","featured":false,"lastUpdated":"Jan 11th, 2022","description":{"description":"

Common design mistakes hurt engagement and conversions, but with some simple fixes, you can get them to stick around, scroll more, read deeper, and maybe even convert.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Common design mistakes hurt engagement and conversions, but with some simple fixes, you can get them to stick around, scroll more, read deeper, and maybe even convert."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"common design mistakes hurt engagement and conversions, but with some simple fixes, you can get them to stick around and maybe even convert.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAACcFBMVEXNt/fBtu25uui2weiyx+ewyealv9yow+Cvyua3yfSsn/uXhtdkW3dfXnddYnddaXpbaXlUYW9ETlpFT1tnXHx4cpR8fJt5gJp4h5x3iJx9j6N8jaJ6jZ6Ikbuqnvm3o/jBsem2suGpsdeluNaju9aju9WjutWvyOVnW3x1b49+fp56gpx6iZ55ip5/kKWAkqd7jp+HkLm4pPjJufO7t+itttypvdunv9qmvtmxyudeU3J0bo6EhKVwfpJ1hZh9jqOAkqbHtu++u+q5w+q0y+iyzui41PC71/N7bpR8dpmAgKB4f5l2hJl8jqJ+kKWqn/m2ovnArvC4sO21teyxuuuvu+qvuuq1wfG3w/SFc5+FfKKCgKF9g557iZ55ipx6jJ98jqF3i5mFjrasoPqplvakjO6khu6kf+2kee2jceuia+ulae2kYeyPjbSOkLWGja57h6KElbCClK5/kKt/jqpwfZaBhbWtofyQgdJeVXppYoo9MVo1IFI5JVV6gaOQm7+Ciq2s3/qs2fqr0vmqy/erx/iqwPiqufapsvWnqvOppfSuof2Nfs0/O0JmZXxESlMxPDw8Sk2ets6owdufuNDIw/rDxfi+yPa6yvS2zfO1zvK1zfK1y/K3zfO1w/aOf84FAABgYXhwdY43PkcxOUCSp7+nv9uiudPOtfe/s+m0s+Cmr9KitdGguNGet9Gft9Grx+C3y/SsoPyaitt7cZObmcCKkK9YYnIuNj1wgJOetM6YrcbNt/fIvfW+vu2zveOvxOOux+Olv9ybttOyzei3yvWrn/usmeysns+pptGfp8qRobyBlKl9j6SMoLeJnLNCkE6bAAAAFHRSTlP9/f39/f39/f39/f39/f39/f39/aqYQiAAAABGSURBVAjXYxRhxAQsCMG3wmCKASgoxMh4Ww3I/sDAwMAHEwQyTBgfKgAFDRHaBUEkULkwdjOJF3wLN4EFYZYIfu0gZ2EAANG0CCwSklztAAAAAElFTkSuQmCC","aspectRatio":1.9047619047619047,"src":"//images.ctfassets.net/s600jj41gsex/3Jvh5VKPqJ8kcwlUJR9lJG/f8870b3acd5b2f2605245d2c7226e531/content-expirience-10-content-design-mistakes-that-hurt-engagement-and-how-to-fix-them-fast-cover-1200x630-2021121708154169.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3Jvh5VKPqJ8kcwlUJR9lJG/f8870b3acd5b2f2605245d2c7226e531/content-expirience-10-content-design-mistakes-that-hurt-engagement-and-how-to-fix-them-fast-cover-1200x630-2021121708154169.png?w=185&h=97&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3Jvh5VKPqJ8kcwlUJR9lJG/f8870b3acd5b2f2605245d2c7226e531/content-expirience-10-content-design-mistakes-that-hurt-engagement-and-how-to-fix-them-fast-cover-1200x630-2021121708154169.png?w=370&h=194&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3Jvh5VKPqJ8kcwlUJR9lJG/f8870b3acd5b2f2605245d2c7226e531/content-expirience-10-content-design-mistakes-that-hurt-engagement-and-how-to-fix-them-fast-cover-1200x630-2021121708154169.png?w=739&h=388&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3Jvh5VKPqJ8kcwlUJR9lJG/f8870b3acd5b2f2605245d2c7226e531/content-expirience-10-content-design-mistakes-that-hurt-engagement-and-how-to-fix-them-fast-cover-1200x630-2021121708154169.png?w=1109&h=582&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3Jvh5VKPqJ8kcwlUJR9lJG/f8870b3acd5b2f2605245d2c7226e531/content-expirience-10-content-design-mistakes-that-hurt-engagement-and-how-to-fix-them-fast-cover-1200x630-2021121708154169.png?w=1200&h=630&q=50&fit=scale 1200w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3Jvh5VKPqJ8kcwlUJR9lJG/f8870b3acd5b2f2605245d2c7226e531/content-expirience-10-content-design-mistakes-that-hurt-engagement-and-how-to-fix-them-fast-cover-1200x630-2021121708154169.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3Jvh5VKPqJ8kcwlUJR9lJG/f8870b3acd5b2f2605245d2c7226e531/content-expirience-10-content-design-mistakes-that-hurt-engagement-and-how-to-fix-them-fast-cover-1200x630-2021121708154169.png?w=185&h=97&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3Jvh5VKPqJ8kcwlUJR9lJG/f8870b3acd5b2f2605245d2c7226e531/content-expirience-10-content-design-mistakes-that-hurt-engagement-and-how-to-fix-them-fast-cover-1200x630-2021121708154169.png?w=370&h=194&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3Jvh5VKPqJ8kcwlUJR9lJG/f8870b3acd5b2f2605245d2c7226e531/content-expirience-10-content-design-mistakes-that-hurt-engagement-and-how-to-fix-them-fast-cover-1200x630-2021121708154169.png?w=739&h=388&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3Jvh5VKPqJ8kcwlUJR9lJG/f8870b3acd5b2f2605245d2c7226e531/content-expirience-10-content-design-mistakes-that-hurt-engagement-and-how-to-fix-them-fast-cover-1200x630-2021121708154169.png?w=1109&h=582&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3Jvh5VKPqJ8kcwlUJR9lJG/f8870b3acd5b2f2605245d2c7226e531/content-expirience-10-content-design-mistakes-that-hurt-engagement-and-how-to-fix-them-fast-cover-1200x630-2021121708154169.png?w=1200&h=630&q=50&fm=webp&fit=scale 1200w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Anastasia Vyshkvarkina","slug":"anastasia-vyshkvarkina"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":{"metaTitle":"How to increase content engagement: top 10 mistakes to fix | TinyMCE"},"metaDescription":{"metaDescription":"Improve content engagement by avoiding the most common web page design mistakes. Get actionable tips and learn how to optimize your content UX!"}},{"title":"Sigma Cloud Analytics Success Story: impactful visual-first content | Setka","slug":"sigma-cloud-analytics-success-story","featured":false,"lastUpdated":"Nov 23rd, 2021","description":{"description":"

Integrating Setka for blog publishing has helped this team crank out design-driven content that stands above the rest.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Integrating Setka for blog publishing has helped this team crank out design-driven content that stands above the rest."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Content design and a focus on content experience keeps cloud analytics providers above the competition.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAKCAMAAACDi47UAAACKFBMVEWoYPKoZ/Ooa/Ooc/OoefSofvSphfWpjfWqlfaqnfeqpPirrPirtPmsu/qsw/usyvut0fyt2f2t4P6u5/6oZvOncPKsufmvwfuuwPuswvusvfusufqstvqssvqrr/qrrPmrqvmrp/mrpfiro/irofiqoPeqn/eoZfOncPGqy/ao0fOmyvCkx/ClwvGlvPGltvClr/Ckqe+ko++knO6jle2jj+2jie2lg+6kfO2ic+uoX/Knc/Gqzvmp2fihx+umx/OqxviqwPipufamsfKlpPGlnu+kmO+jke2kjO6khu2lgu+lfO+oXvKpcPOojvSs0/yv3/+s1Puqy/ipxfeovvaouPWrtfmtsvyop/Wrpfmrn/mrmPirkvirjfiTbtWoXfKpcfSokfSt1Pyv4P+mzPKUsdmWrtuYq96WpdubpOKhpuuOjc+ln/CsoPqsmfqtlPqtjvqMb8xjSZCpkvWnzPSt3f2p0fedvOWeuOemvPKqtfidouV2dq2mn/Grnvikku6ZhN+Mc8tbR4RnTZaqlfeMp82Vvtqu1v6lxfGmwPKsw/yrvPqip+2MjM2NiM2Bd7t2aaprW5t5Y69/ZLiSbtOrlviJo8mKscukyu+cu+R6jrObr+KRn9ODi795fbF2dqx6drKHfMOGeMOIdMapi/SsiPmje+ybvOOYw96JqciDnL9TYXlsep10f6l+hriNkc2ZmN+jnO2uof2ejuZ5Z7B+Z7eWdtqcdeIh/lT+AAAAO0lEQVQI12NkYMQELAzCxApa3VKHsd8JwVg+GOpWRjDGY7WIAarppAWyoCCE5fleEFOQUQhZ5XtldDMBDTQIdhl3poYAAAAASUVORK5CYII=","aspectRatio":1.9066937119675456,"src":"//images.ctfassets.net/s600jj41gsex/koLlTDAxE2F7avUdJez0r/e2843258f5cff063eac6e2fe7bf15b23/Image_success-stories-how-setka-helps-this-cloud-analytics-provider-stand-out-in-a-crowded-industry-1-2021112410542800.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/koLlTDAxE2F7avUdJez0r/e2843258f5cff063eac6e2fe7bf15b23/Image_success-stories-how-setka-helps-this-cloud-analytics-provider-stand-out-in-a-crowded-industry-1-2021112410542800.png?w=185&h=97&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/koLlTDAxE2F7avUdJez0r/e2843258f5cff063eac6e2fe7bf15b23/Image_success-stories-how-setka-helps-this-cloud-analytics-provider-stand-out-in-a-crowded-industry-1-2021112410542800.png?w=370&h=194&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/koLlTDAxE2F7avUdJez0r/e2843258f5cff063eac6e2fe7bf15b23/Image_success-stories-how-setka-helps-this-cloud-analytics-provider-stand-out-in-a-crowded-industry-1-2021112410542800.png?w=739&h=388&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/koLlTDAxE2F7avUdJez0r/e2843258f5cff063eac6e2fe7bf15b23/Image_success-stories-how-setka-helps-this-cloud-analytics-provider-stand-out-in-a-crowded-industry-1-2021112410542800.png?w=1109&h=582&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/koLlTDAxE2F7avUdJez0r/e2843258f5cff063eac6e2fe7bf15b23/Image_success-stories-how-setka-helps-this-cloud-analytics-provider-stand-out-in-a-crowded-industry-1-2021112410542800.png?w=1478&h=775&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/koLlTDAxE2F7avUdJez0r/e2843258f5cff063eac6e2fe7bf15b23/Image_success-stories-how-setka-helps-this-cloud-analytics-provider-stand-out-in-a-crowded-industry-1-2021112410542800.png?w=1880&h=986&q=50&fit=scale 1880w","srcWebp":"//images.ctfassets.net/s600jj41gsex/koLlTDAxE2F7avUdJez0r/e2843258f5cff063eac6e2fe7bf15b23/Image_success-stories-how-setka-helps-this-cloud-analytics-provider-stand-out-in-a-crowded-industry-1-2021112410542800.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/koLlTDAxE2F7avUdJez0r/e2843258f5cff063eac6e2fe7bf15b23/Image_success-stories-how-setka-helps-this-cloud-analytics-provider-stand-out-in-a-crowded-industry-1-2021112410542800.png?w=185&h=97&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/koLlTDAxE2F7avUdJez0r/e2843258f5cff063eac6e2fe7bf15b23/Image_success-stories-how-setka-helps-this-cloud-analytics-provider-stand-out-in-a-crowded-industry-1-2021112410542800.png?w=370&h=194&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/koLlTDAxE2F7avUdJez0r/e2843258f5cff063eac6e2fe7bf15b23/Image_success-stories-how-setka-helps-this-cloud-analytics-provider-stand-out-in-a-crowded-industry-1-2021112410542800.png?w=739&h=388&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/koLlTDAxE2F7avUdJez0r/e2843258f5cff063eac6e2fe7bf15b23/Image_success-stories-how-setka-helps-this-cloud-analytics-provider-stand-out-in-a-crowded-industry-1-2021112410542800.png?w=1109&h=582&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/koLlTDAxE2F7avUdJez0r/e2843258f5cff063eac6e2fe7bf15b23/Image_success-stories-how-setka-helps-this-cloud-analytics-provider-stand-out-in-a-crowded-industry-1-2021112410542800.png?w=1478&h=775&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/koLlTDAxE2F7avUdJez0r/e2843258f5cff063eac6e2fe7bf15b23/Image_success-stories-how-setka-helps-this-cloud-analytics-provider-stand-out-in-a-crowded-industry-1-2021112410542800.png?w=1880&h=986&q=50&fm=webp&fit=scale 1880w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Anastasia Vyshkvarkina","slug":"anastasia-vyshkvarkina"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":{"metaTitle":"Sigma Cloud Analytics Success Story: impactful visual-first content | Setka"},"metaDescription":{"metaDescription":"Learn how this marketing team’s focus on beautiful, design-driven content helped them stand out in a crowded cloud analytics industry."}},{"title":"How to use grids in web design: best practices for beginners","slug":"how-to-use-grids-best-practices-for-beginners","featured":false,"lastUpdated":"Oct 19th, 2021","description":{"description":"

An explanation of how to use grids in Setka, providing content design and UI design instruction.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"An explanation of how to use grids in Setka, providing content design and UI design instruction."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"An image of content design guides for the Setka post on how to use grids. Useful for content design and ui design tasks.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAACZFBMVEV5bJI8OEojIStLUWGJmbKGmK9ETVkhJio5RkaMlsCtof2yn/OXirWIhalpboZhbn+pwd6sxOGsw+GtxeN8b5Y8OUstKzhJT16Aj6Z+j6VDTFgsMTg5RUaOmMKtof2zn/OPgqtyb41zeZNlcoSqwt+wyOavx+WuxuN+cZg1MkI2NkQ9QU5FTlo7Qk0zOkIyPjyPmcOtov20oPSgk7+bmsCYocCKnbOqw92uyOOtx+I0MUAsLTc1OEQ5QUs4QEoqLzUxPTqOmcOyn/a9rO25sOysrOKnr9+lr96qtOSuuemttud+bZYtITEjHCQoJiwqLjEpLjAlKiohJyIpNymNmMGtovyrmPmsk/WrjvWqifWqhfSqf/SpefOocPKoavCFhKhLWWpGVGVLV2pOWm9OWG5JUGhFSWNJUGaQmMitofyunPCxodqnodOipdKgrdShsdafrtOYpcqVoMat3/uo1/ao0PaoyfaowvWnvPSntfSmrvKlp/Gqpvasn/ytmu2sns6OjK98g5x+kKN/lKZ+kqSAlKZzhpa/v/G7wPC5w/C2xu+yye6wye2xx+2wxu2wxeuxvvOsn/uql+qjlsSIhaiAh6OJmrKBlKmBk6mFl66Ak6i8qOK1qd2ysd6uuN2qvtuowdypwdyowdupw9uxxO6soPymmMiMiq58g56Flq6DlqyElqyElq19j6S7quOyqNqvr9qqtNmmuteowNypwd2pwtyxw+6olumhk8GGg6aGlq6Akqd8jaJ6i6C/rue6sOW6uum2wOixxuawyeavyeSyxO+pl+p+haCElKx9j6N9jqN7jKGCWLrNAAAAFHRSTlP9/f39/f39/f39/f39/f39/f39/aqYQiAAAABQSURBVAjXY2RgxAJEsIixgAVRlDMwsjAIghgfgOQHAbhKZTAljGIQC24zSRV8KwwThDL+MzEet2JkfC8IdhLEHUkM8xkZ+D8xyDMyfuFlBADCygr33SDg2AAAAABJRU5ErkJggg==","aspectRatio":1.9047619047619047,"src":"//images.ctfassets.net/s600jj41gsex/3AokjQhyh2CuNqeotDpSJ1/31c6df2161973b154f2e63193e96a2bd/content-expirience-how-to-use-grids_-best-practices-for-beginners-_1_.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/3AokjQhyh2CuNqeotDpSJ1/31c6df2161973b154f2e63193e96a2bd/content-expirience-how-to-use-grids_-best-practices-for-beginners-_1_.png?w=185&h=97&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3AokjQhyh2CuNqeotDpSJ1/31c6df2161973b154f2e63193e96a2bd/content-expirience-how-to-use-grids_-best-practices-for-beginners-_1_.png?w=370&h=194&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3AokjQhyh2CuNqeotDpSJ1/31c6df2161973b154f2e63193e96a2bd/content-expirience-how-to-use-grids_-best-practices-for-beginners-_1_.png?w=739&h=388&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3AokjQhyh2CuNqeotDpSJ1/31c6df2161973b154f2e63193e96a2bd/content-expirience-how-to-use-grids_-best-practices-for-beginners-_1_.png?w=1109&h=582&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3AokjQhyh2CuNqeotDpSJ1/31c6df2161973b154f2e63193e96a2bd/content-expirience-how-to-use-grids_-best-practices-for-beginners-_1_.png?w=1478&h=776&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3AokjQhyh2CuNqeotDpSJ1/31c6df2161973b154f2e63193e96a2bd/content-expirience-how-to-use-grids_-best-practices-for-beginners-_1_.png?w=1880&h=987&q=50&fit=scale 1880w","srcWebp":"//images.ctfassets.net/s600jj41gsex/3AokjQhyh2CuNqeotDpSJ1/31c6df2161973b154f2e63193e96a2bd/content-expirience-how-to-use-grids_-best-practices-for-beginners-_1_.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/3AokjQhyh2CuNqeotDpSJ1/31c6df2161973b154f2e63193e96a2bd/content-expirience-how-to-use-grids_-best-practices-for-beginners-_1_.png?w=185&h=97&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/3AokjQhyh2CuNqeotDpSJ1/31c6df2161973b154f2e63193e96a2bd/content-expirience-how-to-use-grids_-best-practices-for-beginners-_1_.png?w=370&h=194&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/3AokjQhyh2CuNqeotDpSJ1/31c6df2161973b154f2e63193e96a2bd/content-expirience-how-to-use-grids_-best-practices-for-beginners-_1_.png?w=739&h=388&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/3AokjQhyh2CuNqeotDpSJ1/31c6df2161973b154f2e63193e96a2bd/content-expirience-how-to-use-grids_-best-practices-for-beginners-_1_.png?w=1109&h=582&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/3AokjQhyh2CuNqeotDpSJ1/31c6df2161973b154f2e63193e96a2bd/content-expirience-how-to-use-grids_-best-practices-for-beginners-_1_.png?w=1478&h=776&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/3AokjQhyh2CuNqeotDpSJ1/31c6df2161973b154f2e63193e96a2bd/content-expirience-how-to-use-grids_-best-practices-for-beginners-_1_.png?w=1880&h=987&q=50&fm=webp&fit=scale 1880w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Oleg Uppit","slug":"oleg-uppit"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":null,"metaDescription":{"metaDescription":"Learn how to get started with a grid layout design so it improves your content and how to use Setka modular grids."}},{"title":"What are modular grids and why they are helpful","slug":"a-guide-to-grids-blog-design","featured":false,"lastUpdated":"Oct 13th, 2021","description":{"description":"

How can you make your post more reader-friendly? One of the key design tools that helps achieve this is a grid. Think of it as a frame to help organize information. Today we will share what they are, how they were first used and their significance in media design.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"How can you make your post more reader-friendly? One of the key design tools that helps achieve this is a grid. Think of it as a frame to help organize information. Today we will share what they are, how they were first used and their significance in media design."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"Invoking the grids option, this image identifies the grid blog design topic","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAACeVBMVEW+quW1q96wsNy0v+Wvw+Kqwt6mvtmnv9qkvdWquuWsoPu1ofWrnM6bmMCfp8qmudeds82ar8mPo7uetM6OfquWjriYmL6GjquUpsGPo7tzhJeGma9+kqOEjLaqnvq0oPSdj72AfZ6FjKiRorx4ip13iZx4iZyUqcGaibmelsKPjrKEjamfss6InLJda3t3iJx8kKGBiLKqn/q0oPOmmMadm8Gao8Kbr8iQp7uQp7yTqr+ft86fjsCkm8mZmL6NlbOcr8qZr8h+kKWInbCIkrurn/qzoPa2peSzq+awseasteWqtuSqtOOnsOCqs+Oeir2dk7+Liax7gZuSpL2asMl9j6OEl6t+kqKAiLCroPqrmfipkPKoivKohvKnf/GmePCmcu+lau6kYuyBgaN9gKBtdpB0f5qKnbiUqMV0g51wfZdseZGAhLWtofyaitxnXIRmXoZiXoRYVXpSTHJRSXFFNWRHN2an3PWo1vamz/SoyfWqxfeqv/emtfOnr/Olp/Coo/Ouov6Sg9JIQk5ISVUzOT01QUI4RUYtOzgxPjw5R0h2h6BzhJ5xgZyElbSuxOitxOijt9uVpsqluN2nsuWuov2QgdBGQE9EQ1M+QU84QEk8RU81PUYxOUE/SFJXRWRQRV5OSFxxeI+uweCvyOOcs8uFmq6hutCktN2RgtI+OUZFRFVER1ZCSlU3P0k1PEVeU3FeWXRXVWx1fZWmutijutWhuNOfttCiutKktN6uof2VhdU4Mjw+Pk1FSVhASFM6Q008RE44QEo7RE5dUm9dWHJUU2l0fJSmudeiudOiudShutE2MDk9PUtBQ1I/SFMwNz8qMDgsMjqyMPPTAAAAFHRSTlP9/f39/f39/f39/f39/f39/f39/aqYQiAAAAA+SURBVAjXY2RgxAJEsIix4BO8qYEsKAyhrYnWTpLgW7Dx74QY37MIwgWFwCRQRgSqEuivdwwMAoyMDxWAPAAkawgNzsK1mQAAAABJRU5ErkJggg==","aspectRatio":1.9047619047619047,"src":"//images.ctfassets.net/s600jj41gsex/57FLvP7dBjUyMXLlnG00Px/3e181c4ba65781b76501fcea7e59ac90/grids-blog-design-cover-image.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/57FLvP7dBjUyMXLlnG00Px/3e181c4ba65781b76501fcea7e59ac90/grids-blog-design-cover-image.png?w=185&h=97&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/57FLvP7dBjUyMXLlnG00Px/3e181c4ba65781b76501fcea7e59ac90/grids-blog-design-cover-image.png?w=370&h=194&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/57FLvP7dBjUyMXLlnG00Px/3e181c4ba65781b76501fcea7e59ac90/grids-blog-design-cover-image.png?w=739&h=388&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/57FLvP7dBjUyMXLlnG00Px/3e181c4ba65781b76501fcea7e59ac90/grids-blog-design-cover-image.png?w=1109&h=582&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/57FLvP7dBjUyMXLlnG00Px/3e181c4ba65781b76501fcea7e59ac90/grids-blog-design-cover-image.png?w=1478&h=776&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/57FLvP7dBjUyMXLlnG00Px/3e181c4ba65781b76501fcea7e59ac90/grids-blog-design-cover-image.png?w=1880&h=987&q=50&fit=scale 1880w","srcWebp":"//images.ctfassets.net/s600jj41gsex/57FLvP7dBjUyMXLlnG00Px/3e181c4ba65781b76501fcea7e59ac90/grids-blog-design-cover-image.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/57FLvP7dBjUyMXLlnG00Px/3e181c4ba65781b76501fcea7e59ac90/grids-blog-design-cover-image.png?w=185&h=97&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/57FLvP7dBjUyMXLlnG00Px/3e181c4ba65781b76501fcea7e59ac90/grids-blog-design-cover-image.png?w=370&h=194&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/57FLvP7dBjUyMXLlnG00Px/3e181c4ba65781b76501fcea7e59ac90/grids-blog-design-cover-image.png?w=739&h=388&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/57FLvP7dBjUyMXLlnG00Px/3e181c4ba65781b76501fcea7e59ac90/grids-blog-design-cover-image.png?w=1109&h=582&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/57FLvP7dBjUyMXLlnG00Px/3e181c4ba65781b76501fcea7e59ac90/grids-blog-design-cover-image.png?w=1478&h=776&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/57FLvP7dBjUyMXLlnG00Px/3e181c4ba65781b76501fcea7e59ac90/grids-blog-design-cover-image.png?w=1880&h=987&q=50&fm=webp&fit=scale 1880w","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":{"metaDescription":"Grid systems help to arrange content elements based on rows and columns. Learn more about grids in content design: why to use them and the types."}},{"title":"5 ways to level up your CMS ","slug":"5-ways-to-level-up-your-cms","featured":false,"lastUpdated":"Aug 23rd, 2021","description":{"description":"
\n
When it comes to CMS, you need tools that save you time and don't mess around with your plans. We've gathered five ways TinyMCE can save you time, and keep you up to date with CMS trends. For example, Spell checking, Accessibility checking, and PowerPaste to handle copy paste results.
\n
","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"div","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"div","properties":{},"children":[{"type":"text","value":"When it comes to CMS, you need tools that save you time and don't mess around with your plans. We've gathered five ways TinyMCE can save you time, and keep you up to date with CMS trends. For example, Spell checking, Accessibility checking, and PowerPaste to handle copy paste results."}]},{"type":"text","value":"\n"}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A technology expert types on a keyboard with a plant.","artistName":"Corinne Kutz","image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.5,"src":"//images.ctfassets.net/s600jj41gsex/1tBnXyQXm5HjkjMF44hxDL/9b1aff3650b1b5c97ada7078450a0587/corinne-kutz-tMI2_-r5Nfo-unsplash-bw.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1tBnXyQXm5HjkjMF44hxDL/9b1aff3650b1b5c97ada7078450a0587/corinne-kutz-tMI2_-r5Nfo-unsplash-bw.jpg?w=185&h=123&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1tBnXyQXm5HjkjMF44hxDL/9b1aff3650b1b5c97ada7078450a0587/corinne-kutz-tMI2_-r5Nfo-unsplash-bw.jpg?w=370&h=247&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1tBnXyQXm5HjkjMF44hxDL/9b1aff3650b1b5c97ada7078450a0587/corinne-kutz-tMI2_-r5Nfo-unsplash-bw.jpg?w=739&h=493&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1tBnXyQXm5HjkjMF44hxDL/9b1aff3650b1b5c97ada7078450a0587/corinne-kutz-tMI2_-r5Nfo-unsplash-bw.jpg?w=1109&h=739&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1tBnXyQXm5HjkjMF44hxDL/9b1aff3650b1b5c97ada7078450a0587/corinne-kutz-tMI2_-r5Nfo-unsplash-bw.jpg?w=1478&h=985&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1tBnXyQXm5HjkjMF44hxDL/9b1aff3650b1b5c97ada7078450a0587/corinne-kutz-tMI2_-r5Nfo-unsplash-bw.jpg?w=2217&h=1478&q=50&fit=scale 2217w,\n//images.ctfassets.net/s600jj41gsex/1tBnXyQXm5HjkjMF44hxDL/9b1aff3650b1b5c97ada7078450a0587/corinne-kutz-tMI2_-r5Nfo-unsplash-bw.jpg?w=2880&h=1920&q=50&fit=scale 2880w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1tBnXyQXm5HjkjMF44hxDL/9b1aff3650b1b5c97ada7078450a0587/corinne-kutz-tMI2_-r5Nfo-unsplash-bw.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1tBnXyQXm5HjkjMF44hxDL/9b1aff3650b1b5c97ada7078450a0587/corinne-kutz-tMI2_-r5Nfo-unsplash-bw.jpg?w=185&h=123&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1tBnXyQXm5HjkjMF44hxDL/9b1aff3650b1b5c97ada7078450a0587/corinne-kutz-tMI2_-r5Nfo-unsplash-bw.jpg?w=370&h=247&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1tBnXyQXm5HjkjMF44hxDL/9b1aff3650b1b5c97ada7078450a0587/corinne-kutz-tMI2_-r5Nfo-unsplash-bw.jpg?w=739&h=493&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1tBnXyQXm5HjkjMF44hxDL/9b1aff3650b1b5c97ada7078450a0587/corinne-kutz-tMI2_-r5Nfo-unsplash-bw.jpg?w=1109&h=739&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1tBnXyQXm5HjkjMF44hxDL/9b1aff3650b1b5c97ada7078450a0587/corinne-kutz-tMI2_-r5Nfo-unsplash-bw.jpg?w=1478&h=985&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/1tBnXyQXm5HjkjMF44hxDL/9b1aff3650b1b5c97ada7078450a0587/corinne-kutz-tMI2_-r5Nfo-unsplash-bw.jpg?w=2217&h=1478&q=50&fm=webp&fit=scale 2217w,\n//images.ctfassets.net/s600jj41gsex/1tBnXyQXm5HjkjMF44hxDL/9b1aff3650b1b5c97ada7078450a0587/corinne-kutz-tMI2_-r5Nfo-unsplash-bw.jpg?w=2880&h=1920&q=50&fm=webp&fit=scale 2880w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Di Mace","slug":"di-mace"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":{"metaTitle":"5 ways to level up your CMS"},"metaDescription":{"metaDescription":"When it comes to CMS, you need tools that save you time and don't mess around with your plans.\nWe've gathered five ways TinyMCE can save you time, and keep you up to date with CMS trends. For\nexample, Spell checking, Accessibility checking, and PowerPaste to handle copy paste results."}},{"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":"

Find out how the right WYSIWYG HTML editor can help you set up your website or app branded content

","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"}},{"title":"Guide to image rotation: HTML, CSS, and JavaScript techniques","slug":"image-rotation","featured":false,"lastUpdated":"Jul 13th, 2023","description":{"description":"

Master image rotation and how it can help overhaul your web design. Our comprehensive guide explains all you need to master image rotation.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Master image rotation and how it can help overhaul your web design. Our comprehensive guide explains all you need to master image rotation."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"The rotation process shown in isometric view depicting the image rotation process","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAt1BMVEXVn//Vn//Wn//Vnv/WnP/VnP/Vo/3Yqf3Wnv/YrfTNtfLKpfPQn/nVn/7Io/zIovvVnf/Xrvnl2fHhz/PVoPXgw7+/5O/e0NnXwtfKre7PmPnPnPnaj/XVnf7Xov/PrfSHzbfDpu7fxfTF5vTgyM7jusDEqenTm/7YnP7kjvrWnf7PoPq0t+DOn/nWs/bB3PO32+m52eLFsO7SmfzUnv7VoP/Ynf/Wnf/WoP7XqP7UsvrRwvfTsPaElh1/AAAAAXRSTlP+GuMHfQAAAFFJREFUCNdjYMACGBnhrP9wQRYQwQSW/QcS/Q8TZGJmhICvPIyf/0O08zMigycQlZ+lkQVhFrErI8TOwG1n14OIXPmI6iQm3q////3HcCchAABxXhAzVKmEBwAAAABJRU5ErkJggg==","aspectRatio":1.780758556891767,"src":"//images.ctfassets.net/s600jj41gsex/5bIB075WKTl5xUjjGePnKY/5a9ee67d5c736ddac471b08f6af8913d/Guide_to_image_rotation__HTML__CSS__and_JavaScript_techniques.png?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5bIB075WKTl5xUjjGePnKY/5a9ee67d5c736ddac471b08f6af8913d/Guide_to_image_rotation__HTML__CSS__and_JavaScript_techniques.png?w=185&h=104&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5bIB075WKTl5xUjjGePnKY/5a9ee67d5c736ddac471b08f6af8913d/Guide_to_image_rotation__HTML__CSS__and_JavaScript_techniques.png?w=370&h=208&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5bIB075WKTl5xUjjGePnKY/5a9ee67d5c736ddac471b08f6af8913d/Guide_to_image_rotation__HTML__CSS__and_JavaScript_techniques.png?w=739&h=415&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5bIB075WKTl5xUjjGePnKY/5a9ee67d5c736ddac471b08f6af8913d/Guide_to_image_rotation__HTML__CSS__and_JavaScript_techniques.png?w=1109&h=623&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5bIB075WKTl5xUjjGePnKY/5a9ee67d5c736ddac471b08f6af8913d/Guide_to_image_rotation__HTML__CSS__and_JavaScript_techniques.png?w=1478&h=830&q=50&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5bIB075WKTl5xUjjGePnKY/5a9ee67d5c736ddac471b08f6af8913d/Guide_to_image_rotation__HTML__CSS__and_JavaScript_techniques.png?w=1925&h=1081&q=50&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5bIB075WKTl5xUjjGePnKY/5a9ee67d5c736ddac471b08f6af8913d/Guide_to_image_rotation__HTML__CSS__and_JavaScript_techniques.png?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5bIB075WKTl5xUjjGePnKY/5a9ee67d5c736ddac471b08f6af8913d/Guide_to_image_rotation__HTML__CSS__and_JavaScript_techniques.png?w=185&h=104&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/5bIB075WKTl5xUjjGePnKY/5a9ee67d5c736ddac471b08f6af8913d/Guide_to_image_rotation__HTML__CSS__and_JavaScript_techniques.png?w=370&h=208&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/5bIB075WKTl5xUjjGePnKY/5a9ee67d5c736ddac471b08f6af8913d/Guide_to_image_rotation__HTML__CSS__and_JavaScript_techniques.png?w=739&h=415&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/5bIB075WKTl5xUjjGePnKY/5a9ee67d5c736ddac471b08f6af8913d/Guide_to_image_rotation__HTML__CSS__and_JavaScript_techniques.png?w=1109&h=623&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/5bIB075WKTl5xUjjGePnKY/5a9ee67d5c736ddac471b08f6af8913d/Guide_to_image_rotation__HTML__CSS__and_JavaScript_techniques.png?w=1478&h=830&q=50&fm=webp&fit=scale 1478w,\n//images.ctfassets.net/s600jj41gsex/5bIB075WKTl5xUjjGePnKY/5a9ee67d5c736ddac471b08f6af8913d/Guide_to_image_rotation__HTML__CSS__and_JavaScript_techniques.png?w=1925&h=1081&q=50&fm=webp&fit=scale 1925w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"Joe Robinson","slug":"joseph-robinson"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":{"metaTitle":"Guide to image rotation: HTML, CSS, and JavaScript techniques | TinyMCE"},"metaDescription":{"metaDescription":"Master image rotation in web design with our comprehensive guide. Explore image rotation techniques using HTML, CSS, and JavaScript, and learn how to simplify the process with TinyMCE."}},{"title":"How to use AI for writing marketing emails","slug":"ai-email-marketing","featured":false,"lastUpdated":"Aug 17th, 2023","description":{"description":"

AI support for writing marketing emails – it's something you can try out today to help get your message across. Read on to find out how to get started.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"AI support for writing marketing emails – it's something you can try out today to help get your message across. Read on to find out how to get started."}]}],"data":{"quirksMode":false}}}},"heroImage":{"alt":"A laptop sits open with email and AI writing prompt imagery supporting the laptop.","artistName":null,"image":{"fluid":{"base64":"data:image/jpeg;base64,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","aspectRatio":1.910828025477707,"src":"//images.ctfassets.net/s600jj41gsex/1De7TJQKyhcwJq6lJQ7tHe/088ef33afb5be5521dbd36b4f860d407/How_to_use_AI_for_writing_marketing_emails_JPEG-01_1694661281092.jpg?w=739&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/1De7TJQKyhcwJq6lJQ7tHe/088ef33afb5be5521dbd36b4f860d407/How_to_use_AI_for_writing_marketing_emails_JPEG-01_1694661281092.jpg?w=185&h=97&q=50&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1De7TJQKyhcwJq6lJQ7tHe/088ef33afb5be5521dbd36b4f860d407/How_to_use_AI_for_writing_marketing_emails_JPEG-01_1694661281092.jpg?w=370&h=194&q=50&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1De7TJQKyhcwJq6lJQ7tHe/088ef33afb5be5521dbd36b4f860d407/How_to_use_AI_for_writing_marketing_emails_JPEG-01_1694661281092.jpg?w=739&h=387&q=50&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1De7TJQKyhcwJq6lJQ7tHe/088ef33afb5be5521dbd36b4f860d407/How_to_use_AI_for_writing_marketing_emails_JPEG-01_1694661281092.jpg?w=1109&h=580&q=50&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1De7TJQKyhcwJq6lJQ7tHe/088ef33afb5be5521dbd36b4f860d407/How_to_use_AI_for_writing_marketing_emails_JPEG-01_1694661281092.jpg?w=1200&h=628&q=50&fit=scale 1200w","srcWebp":"//images.ctfassets.net/s600jj41gsex/1De7TJQKyhcwJq6lJQ7tHe/088ef33afb5be5521dbd36b4f860d407/How_to_use_AI_for_writing_marketing_emails_JPEG-01_1694661281092.jpg?w=739&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/1De7TJQKyhcwJq6lJQ7tHe/088ef33afb5be5521dbd36b4f860d407/How_to_use_AI_for_writing_marketing_emails_JPEG-01_1694661281092.jpg?w=185&h=97&q=50&fm=webp&fit=scale 185w,\n//images.ctfassets.net/s600jj41gsex/1De7TJQKyhcwJq6lJQ7tHe/088ef33afb5be5521dbd36b4f860d407/How_to_use_AI_for_writing_marketing_emails_JPEG-01_1694661281092.jpg?w=370&h=194&q=50&fm=webp&fit=scale 370w,\n//images.ctfassets.net/s600jj41gsex/1De7TJQKyhcwJq6lJQ7tHe/088ef33afb5be5521dbd36b4f860d407/How_to_use_AI_for_writing_marketing_emails_JPEG-01_1694661281092.jpg?w=739&h=387&q=50&fm=webp&fit=scale 739w,\n//images.ctfassets.net/s600jj41gsex/1De7TJQKyhcwJq6lJQ7tHe/088ef33afb5be5521dbd36b4f860d407/How_to_use_AI_for_writing_marketing_emails_JPEG-01_1694661281092.jpg?w=1109&h=580&q=50&fm=webp&fit=scale 1109w,\n//images.ctfassets.net/s600jj41gsex/1De7TJQKyhcwJq6lJQ7tHe/088ef33afb5be5521dbd36b4f860d407/How_to_use_AI_for_writing_marketing_emails_JPEG-01_1694661281092.jpg?w=1200&h=628&q=50&fm=webp&fit=scale 1200w","sizes":"(max-width: 739px) 100vw, 739px"}}},"author":{"name":"John Rau","slug":"john-rau"},"category":{"title":"Content Marketing & Design","slug":"design-and-ux"},"metaTitle":{"metaTitle":"How to use AI in marketing emails writing | TinyMCE"},"metaDescription":{"metaDescription":"Artificial intelligence has changed the marketing email writing process. AI in marketing emails writing can help deliver your message"}},{"title":"16 features to include on your blog feed","slug":"best-blog-features","featured":false,"lastUpdated":"May 12th, 2020","description":{"description":"

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.

","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."}},{"title":"Blockquote CSS and styling in TinyMCE","slug":"blockquote-css-and-styling-in-tinymce","featured":false,"lastUpdated":"Mar 5th, 2020","description":{"description":"

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.

","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."}},{"title":"Fancy form elements: Aaron Iker showcase","slug":"fancy-form-elements","featured":false,"lastUpdated":"Aug 30th, 2020","description":{"description":"

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.

","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."}},{"title":"The Three Kinds of Design by John Maeda","slug":"three-kinds-design-john-maeda","featured":false,"lastUpdated":"Jul 20th, 2017","description":{"description":"

John Maeda, design rockstar and also the new Head of Computational Design and Inclusion at Automattic, gave the audience an inspiring and philosophical account of why design is the elixir of our times. To get the benefit of the elixir, however, you need to first befriend the right kind of design. Of which there are three.

","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}]},"description":{"description":"

Master image rotation and how it can help overhaul your web design. Our comprehensive guide explains all you need to master image rotation.

","childMarkdownRemark":{"htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Master image rotation and how it can help overhaul your web design. Our comprehensive guide explains all you need to master image rotation."}]}],"data":{"quirksMode":false}}}},"tags":[{"slug":"css","title":"CSS"},{"slug":"configuration","title":"Configuration"},{"slug":"images","title":"Images"}],"body":{"body":"

Animating background images can be surprisingly helpful for website design because background image rotation can measurably change a website's appearance and make it more interesting – especially if the image is a visually striking symbol or pattern. This kind of background image rotation can take time and focus to configure, which not everyone has readily available. However, knowing how to rotate images quickly, using efficient techniques, means you can have background image rotation (or any image rotation) with very little delay.

\n

Having  the right content creation tools on-hand (like a WYSIWYG known for ease of implementation) makes image rotation a minutes-long job rather than hours-long. With TinyMCE, you can quickly implement image rotation, so let's get started.

\n

Image rotation is available as part of TinyMCE’s Enhanced Image Editing plugin. By making use of the plugin, or TinyMCE’s useful APIs, you only need one or two lines of JavaScript, CSS, or HTML to complete your image rotation requirements.

\n

Understanding image rotation

\n

In web design, the concept of background image rotation means that images don’t always need to be the right way up. While it’s wise to keep photos the right way up (respect what the photographer intended), when an image is symbolic or the rotation happens in the context of animation, then the real value of image rotation becomes clear. 

\n

Rotating or spinning an image provides something small (and fun) that can make your design stand out. And in a crowded market, standing out is now an obligatory part of being successful. The following sections explain how to rotate images with different CSS, HTML, and JavaScript techniques.

\n

Rotating images in TinyMCE

\n

TinyMCE’s Enhanced Image Editing (Premium) plugin has the capacity to rotate images as  part of the Enhanced Image Editing plugin toolbar. When you select an image, the option to rotate an image 90 degrees to the left or right appears in a button on the toolbar (that's just  one way that TInyMCE provides a familiar interface for content creators.)

\n

In addition to the toolbar, image rotation with TinyMCE doesn’t have to happen manually. You can make use of the commands available to dynamically change the image rotation:

\n
tinymce.activeEditor.execCommand(\"mceImageRotateRight\");
\n

This command rotates a selected image to the right independently of pressing the toolbar button. It’s included in the guide on using the TinyMCE execCommand API.

\n

How to rotate images in HTML

\n

Image rotation with HTML is possible with specific attributes added to the img tag. You can do this with static HTML by adding transform attributes directly to the image tag. Within TinyMCE, you can also make use of the available API methods to dynamically set the attributes of images.

\n

Include DOMUtils methods to select the image element and adjust the attributes:

\n
setup: (editor) => {\n   editor.on('keydown', (e) => {
      editor.dom.setAttrib(editor.dom.select('img'), 'style', 'transform: rotate(90deg);');\n })\n}
\n

This setup function rotates an image when there’s a keydown event in the editor:

\n

\"The

\n

How to rotate an image in CSS

\n

To rotate images with CSS, the rotate properties can be set up inside a class, for example, and added to the image element. For example, the following class contains CSS to transform the image element, rotating it 180 degrees:

\n
.spin {\n  transform: rotate(180deg);\n}
\n

In TinyMCE, you can apply CSS to rotate images, like in the example above, by making use of TinyMCE’s DOMUtils methods:

\n
setup: (editor) => {\n        editor.on(\"focus\", function () {\n            editor.dom.addClass(editor.dom.select(\"img\"), \"spin\");\n         });\n        },
\ncontent_style: `\n        .spin {\n          transform: rotate(180deg);\n         }\n      `,
\n

On focus, this JavaScript sets the CSS style of the image dynamically.

\n

\"Image

\n

Rotating images with JavaScript

\n

The previous examples have demonstrated how you can use JavaScript within the TinyMCE init script to select the image elements, and set the HTML attributes, or set the CSS class to rotate the image.

\n

You can rotate the image with JavaScript outside the TinyMCE init script by setting up a script outside of the TinyMCE init script, and making use of JavaScript to change the style of the img HTML tag (changing it to rotate the image element).

\n

This button and associated function are configured to listen for a button click event, and will then rotate the image with JavaScript:

\n
<script>\n    function imageRR() {\n        var rotate = tinymce.activeEditor.dom.get('image0A');\n        rotate.style.transform = 'rotate(90deg)';\n      }\n\n    var buttonFonts0 = document.getElementById(\"button0\");\n        buttonFonts0.addEventListener(\"click\", imageRR, false);
</script>
\n

NOTE: The TinyMCE DOMUtil API method get() needs an id to work. The image in the demo has been assigned the id image0A for the demo to work.

\n

\"The

\n

Image rotation best practices

\n

CSS for image rotation can be done in multiple ways, but if your plan for image rotation is rotation along the X, Y, and Z axis, an efficient syntax makes use of the rotate3d property. This property includes variables for rotation along each axis:

\n
img {\n  transform: rotate3d(1, 1, 1, 70deg);\n}
\n

If you need to, you can also make use of the rotate property on its own, without the transform part of the CSS syntax. You also don’t have to use only degrees to rotate an image. The property accepts gradians, radians, or event turns.

\n

Final thoughts on image rotation in TinyMCE

\n

The techniques explained in this post represent a small starting point for image rotation. Using the CSS properties you can add to your design, there are further directions that you can take image rotation to fit your use case or business needs, or to better represent your brand.

\n

Some other articles to check on for CSS design and image management as next steps are The guide on alt text best practices, and making use of 3D effects for your text design.

\n

If you have any questions on how TinyMCE Enhanced Image Editing (Premium) plugin can support your content development, contact us to find out more.

\n
\n

Optimize your designs with TinyMCE Enhanced Image Editing – get your FREE TinyMCE API key today!

\n
","childMarkdownRemark":{"html":"

Animating background images can be surprisingly helpful for website design because background image rotation can measurably change a website's appearance and make it more interesting – especially if the image is a visually striking symbol or pattern. This kind of background image rotation can take time and focus to configure, which not everyone has readily available. However, knowing how to rotate images quickly, using efficient techniques, means you can have background image rotation (or any image rotation) with very little delay.

\n

Having  the right content creation tools on-hand (like a WYSIWYG known for ease of implementation) makes image rotation a minutes-long job rather than hours-long. With TinyMCE, you can quickly implement image rotation, so let's get started.

\n

Image rotation is available as part of TinyMCE’s Enhanced Image Editing plugin. By making use of the plugin, or TinyMCE’s useful APIs, you only need one or two lines of JavaScript, CSS, or HTML to complete your image rotation requirements.

\n

Understanding image rotation

\n

In web design, the concept of background image rotation means that images don’t always need to be the right way up. While it’s wise to keep photos the right way up (respect what the photographer intended), when an image is symbolic or the rotation happens in the context of animation, then the real value of image rotation becomes clear. 

\n

Rotating or spinning an image provides something small (and fun) that can make your design stand out. And in a crowded market, standing out is now an obligatory part of being successful. The following sections explain how to rotate images with different CSS, HTML, and JavaScript techniques.

\n

Rotating images in TinyMCE

\n

TinyMCE’s Enhanced Image Editing (Premium) plugin has the capacity to rotate images as  part of the Enhanced Image Editing plugin toolbar. When you select an image, the option to rotate an image 90 degrees to the left or right appears in a button on the toolbar (that's just  one way that TInyMCE provides a familiar interface for content creators.)

\n

In addition to the toolbar, image rotation with TinyMCE doesn’t have to happen manually. You can make use of the commands available to dynamically change the image rotation:

\n
tinymce.activeEditor.execCommand(\"mceImageRotateRight\");
\n

This command rotates a selected image to the right independently of pressing the toolbar button. It’s included in the guide on using the TinyMCE execCommand API.

\n

How to rotate images in HTML

\n

Image rotation with HTML is possible with specific attributes added to the img tag. You can do this with static HTML by adding transform attributes directly to the image tag. Within TinyMCE, you can also make use of the available API methods to dynamically set the attributes of images.

\n

Include DOMUtils methods to select the image element and adjust the attributes:

\n
setup: (editor) => {\n   editor.on('keydown', (e) => {
      editor.dom.setAttrib(editor.dom.select('img'), 'style', 'transform: rotate(90deg);');\n })\n}
\n

This setup function rotates an image when there’s a keydown event in the editor:

\n

\"The

\n

How to rotate an image in CSS

\n

To rotate images with CSS, the rotate properties can be set up inside a class, for example, and added to the image element. For example, the following class contains CSS to transform the image element, rotating it 180 degrees:

\n
.spin {\n  transform: rotate(180deg);\n}
\n

In TinyMCE, you can apply CSS to rotate images, like in the example above, by making use of TinyMCE’s DOMUtils methods:

\n
setup: (editor) => {\n        editor.on(\"focus\", function () {\n            editor.dom.addClass(editor.dom.select(\"img\"), \"spin\");\n         });\n        },
\ncontent_style: `\n        .spin {\n          transform: rotate(180deg);\n         }\n      `,
\n

On focus, this JavaScript sets the CSS style of the image dynamically.

\n

\"Image

\n

Rotating images with JavaScript

\n

The previous examples have demonstrated how you can use JavaScript within the TinyMCE init script to select the image elements, and set the HTML attributes, or set the CSS class to rotate the image.

\n

You can rotate the image with JavaScript outside the TinyMCE init script by setting up a script outside of the TinyMCE init script, and making use of JavaScript to change the style of the img HTML tag (changing it to rotate the image element).

\n

This button and associated function are configured to listen for a button click event, and will then rotate the image with JavaScript:

\n
<script>\n    function imageRR() {\n        var rotate = tinymce.activeEditor.dom.get('image0A');\n        rotate.style.transform = 'rotate(90deg)';\n      }\n
    var buttonFonts0 = document.getElementById(\"button0\");\n        buttonFonts0.addEventListener(\"click\", imageRR, false);
</script>

\n

NOTE: The TinyMCE DOMUtil API method get() needs an id to work. The image in the demo has been assigned the id image0A for the demo to work.

\n

\"The

\n

Image rotation best practices

\n

CSS for image rotation can be done in multiple ways, but if your plan for image rotation is rotation along the X, Y, and Z axis, an efficient syntax makes use of the rotate3d property. This property includes variables for rotation along each axis:

\n
img {\n  transform: rotate3d(1, 1, 1, 70deg);\n}
\n

If you need to, you can also make use of the rotate property on its own, without the transform part of the CSS syntax. You also don’t have to use only degrees to rotate an image. The property accepts gradians, radians, or event turns.

\n

Final thoughts on image rotation in TinyMCE

\n

The techniques explained in this post represent a small starting point for image rotation. Using the CSS properties you can add to your design, there are further directions that you can take image rotation to fit your use case or business needs, or to better represent your brand.

\n

Some other articles to check on for CSS design and image management as next steps are The guide on alt text best practices, and making use of 3D effects for your text design.

\n

If you have any questions on how TinyMCE Enhanced Image Editing (Premium) plugin can support your content development, contact us to find out more.

\n
\n

Optimize your designs with TinyMCE Enhanced Image Editing – get your FREE TinyMCE API key today!

\n
","htmlAst":{"type":"root","children":[{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"span","properties":{"style":"font-size: 14pt;"},"children":[{"type":"text","value":"Animating background images can be surprisingly helpful for website design because background image rotation can measurably change a website's appearance and make it more interesting – especially if the image is a visually striking symbol or pattern. This kind of background image rotation can take time and focus to configure, which not everyone has readily available. However, knowing how to rotate images quickly, using efficient techniques, means you can have background image rotation (or "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"any "}]},{"type":"text","value":"image rotation) with very little delay."}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Having  the right content creation tools on-hand (like a WYSIWYG known for ease of implementation) makes image rotation a minutes-long job rather than hours-long. With TinyMCE, you can quickly implement image rotation, so let's get started."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Image rotation is available as part of TinyMCE’s "},{"type":"element","tagName":"a","properties":{"href":"https://www.tiny.cloud/tinymce/features/enhanced-image-editing/","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"Enhanced Image Editing"}]},{"type":"text","value":" plugin. By making use of the plugin, or TinyMCE’s useful APIs, you only need one or two lines of JavaScript, CSS, or HTML to complete your image rotation requirements."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{},"children":[{"type":"text","value":"Understanding image rotation"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"In web design, the concept of background image rotation means that images don’t always need to be the right way up. While it’s wise to keep photos the right way up (respect what the photographer intended), when an image is symbolic or the rotation happens in the context of animation, then the real value of image rotation becomes clear. "}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Rotating or spinning an image provides something small (and fun) that "},{"type":"element","tagName":"a","properties":{"href":"https://imagekit.io/blog/image-rotation-html-and-css-imagekit/","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"can make your design stand out"}]},{"type":"text","value":". And in a crowded market, standing out is now an obligatory part of being successful. The following sections explain how to rotate images with different CSS, HTML, and JavaScript techniques."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{},"children":[{"type":"text","value":"Rotating images in TinyMCE"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"TinyMCE’s Enhanced Image Editing (Premium) plugin has the capacity to rotate images as  part of "},{"type":"element","tagName":"a","properties":{"href":"https://www.tiny.cloud/docs/tinymce/6/editimage/","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"the Enhanced Image Editing plugin toolbar"}]},{"type":"text","value":". When you select an image, the option to rotate an image 90 degrees to the left or right appears in a button on the toolbar (that's just  one way that TInyMCE provides a familiar interface for content creators.)"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"In addition to the toolbar, image rotation with TinyMCE doesn’t have to happen manually. You can make use of the commands available to dynamically change the image rotation:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"pre","properties":{"className":["language-javascript"]},"children":[{"type":"text","value":"tinymce.activeEditor.execCommand(\"mceImageRotateRight\");"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"This command rotates a selected image to the right independently of pressing the toolbar button. It’s included in the guide on "},{"type":"element","tagName":"a","properties":{"href":"https://www.tiny.cloud/blog/tinymce-exec-commands/","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"using the TinyMCE execCommand"}]},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":" "}]},{"type":"text","value":"API."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{},"children":[{"type":"text","value":"How to rotate images in HTML"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Image rotation with HTML is possible with specific attributes added to the "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"img "}]},{"type":"text","value":"tag. You can do this with static HTML by adding "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"transform "}]},{"type":"text","value":"attributes directly to the image tag. Within TinyMCE, you can also make use of the available API methods to dynamically set the attributes of images."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Include "},{"type":"element","tagName":"a","properties":{"href":"https://www.tiny.cloud/docs/tinymce/6/apis/tinymce.dom.domutils/","target":"_blank","rel":["noopener"]},"children":[{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"DOMUtils "}]},{"type":"text","value":"methods"}]},{"type":"text","value":" to select the image element and adjust the attributes:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"pre","properties":{"className":["language-javascript"]},"children":[{"type":"text","value":"setup: (editor) => {\n   editor.on('keydown', (e) => {"},{"type":"element","tagName":"br","properties":{},"children":[]},{"type":"text","value":" editor.dom.setAttrib(editor.dom.select('img'), 'style', 'transform: rotate(90deg);');\n })\n}"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"This setup function rotates an image when there’s a keydown event in the editor:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"img","properties":{"src":"https://images.ctfassets.net/s600jj41gsex/7gphCPf6QOkDSOvinkez5a/69070e23eefc716cce80ae4525ffb222/img-rotate-html-dynamic-0.gif","alt":"The keydown event adjusting the image rotation","width":660,"height":320},"children":[]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{},"children":[{"type":"text","value":"How to rotate an image in CSS"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"To rotate images with CSS, the rotate properties can be set up inside a class, for example, and added to the image element. For example, the following class contains CSS to transform the image element, rotating it 180 degrees:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"pre","properties":{"className":["language-javascript"]},"children":[{"type":"text","value":".spin {\n  transform: rotate(180deg);\n}"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"In TinyMCE, you can apply CSS to rotate images, like in the example above, by making use of TinyMCE’s "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"DOMUtils "}]},{"type":"text","value":"methods:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"pre","properties":{"className":["language-javascript"]},"children":[{"type":"text","value":"setup: (editor) => {\n        editor.on(\"focus\", function () {\n            editor.dom.addClass(editor.dom.select(\"img\"), \"spin\");\n         });\n        },"},{"type":"element","tagName":"br","properties":{},"children":[]},{"type":"text","value":"\ncontent_style: `\n        .spin {\n          transform: rotate(180deg);\n         }\n      `,"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"On focus, this JavaScript sets the CSS style of the image dynamically."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"img","properties":{"src":"https://images.ctfassets.net/s600jj41gsex/6tYOlzIMMiKKfT48byGS5g/52796312c590d631c51b710e64a3aae3/img-rotate-css-rotate-1.gif","alt":"Image rotation working in the browser","width":660,"height":320},"children":[]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{},"children":[{"type":"text","value":"Rotating images with JavaScript"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The previous examples have demonstrated how you can "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"use JavaScript "}]},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"within"}]}]},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":" the TinyMCE init script"}]},{"type":"text","value":" to select the image elements, and set the HTML attributes, or set the CSS class to rotate the image."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"You can rotate the image with "},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"JavaScript "}]},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"outside"}]}]},{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":" the TinyMCE init script"}]},{"type":"text","value":" by setting up a script outside of the TinyMCE init script, and making use of JavaScript to change the style of the "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"img "}]},{"type":"text","value":"HTML tag (changing it to rotate the image element)."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"This button and associated function are configured to listen for a button click event, and will then rotate the image with JavaScript:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"pre","properties":{"className":["language-javascript"]},"children":[{"type":"text","value":" "}]}]},{"type":"element","tagName":"p","properties":{},"children":[]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"NOTE: "}]},{"type":"text","value":"The "},{"type":"element","tagName":"a","properties":{"href":"https://www.tiny.cloud/docs/tinymce/6/apis/tinymce.dom.domutils/#get","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"TinyMCE "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"DOMUtil "}]},{"type":"text","value":"API method "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"get()"}]}]},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":" "}]},{"type":"text","value":"needs an id to work. The image in the demo has been assigned the id "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"image0A "}]},{"type":"text","value":"for the demo to work."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"img","properties":{"src":"https://images.ctfassets.net/s600jj41gsex/1N4JGNXG1ePTBP5GoOSM1Z/a53e876044e04bf2c7d8ea345dc03264/img-rotate-javascript-rotate-2.gif","alt":"The image rotation working in the browser with the configuration","width":660,"height":320},"children":[]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{},"children":[{"type":"text","value":"Image rotation best practices"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"CSS for image rotation can be done in multiple ways, but if your plan for image rotation is rotation along the X, Y, and Z axis, an efficient syntax makes use of "},{"type":"element","tagName":"a","properties":{"href":"https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/rotate3d","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"the "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"rotate3d "}]},{"type":"text","value":"property"}]},{"type":"text","value":". This property includes variables for rotation along each axis:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"pre","properties":{"className":["language-javascript"]},"children":[{"type":"text","value":"img {\n  transform: rotate3d(1, 1, 1, 70deg);\n}"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"If you need to, you can also make use of "},{"type":"element","tagName":"a","properties":{"href":"https://css-tricks.com/almanac/properties/r/rotate/","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"the "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"rotate "}]},{"type":"text","value":"property on its own"}]},{"type":"text","value":", without the "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"transform "}]},{"type":"text","value":"part of the CSS syntax. You also don’t have to use only degrees to rotate an image. The property accepts gradians, radians, or event turns."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{},"children":[{"type":"text","value":"Final thoughts on image rotation in TinyMCE"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The techniques explained in this post represent a small starting point for image rotation. Using the CSS properties you can add to your design, there are further directions that you can take image rotation to fit your use case or business needs, or to better represent your brand."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Some other articles to check on for CSS design and image management as next steps are "},{"type":"element","tagName":"a","properties":{"href":"https://www.tiny.cloud/blog/alt-text-best-practices/","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"The guide on alt text best practices"}]},{"type":"text","value":", and making use of "},{"type":"element","tagName":"a","properties":{"href":"https://www.tiny.cloud/blog/create-3d-text-effects/","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"3D effects for your text"}]},{"type":"text","value":" design."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"If you have any questions on how TinyMCE Enhanced Image Editing (Premium) plugin can support your content development, "},{"type":"element","tagName":"a","properties":{"href":"https://www.tiny.cloud/contact/","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"contact us"}]},{"type":"text","value":" to find out more."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"div","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{"className":["css-ngpmkc"],"style":"color: white; display: block; text-align: center; font-size: 1.3rem; height: auto; text-transform: initial;"},"children":[{"type":"element","tagName":"a","properties":{"style":"color: white;","href":"https://www.tiny.cloud/get-tiny/","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"Optimize your designs with TinyMCE Enhanced Image Editing – get your FREE TinyMCE API key today!"}]}]},{"type":"text","value":"\n"}]}],"data":{"quirksMode":false}}}},"body2":null,"codepens":null,"heroImage":{"image":{"fluid":{"base64":"data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAMAAABI111xAAAAt1BMVEXVn//Vn//Wn//Vnv/WnP/VnP/Vo/3Yqf3Wnv/YrfTNtfLKpfPQn/nVn/7Io/zIovvVnf/Xrvnl2fHhz/PVoPXgw7+/5O/e0NnXwtfKre7PmPnPnPnaj/XVnf7Xov/PrfSHzbfDpu7fxfTF5vTgyM7jusDEqenTm/7YnP7kjvrWnf7PoPq0t+DOn/nWs/bB3PO32+m52eLFsO7SmfzUnv7VoP/Ynf/Wnf/WoP7XqP7UsvrRwvfTsPaElh1/AAAAAXRSTlP+GuMHfQAAAFFJREFUCNdjYMACGBnhrP9wQRYQwQSW/QcS/Q8TZGJmhICvPIyf/0O08zMigycQlZ+lkQVhFrErI8TOwG1n14OIXPmI6iQm3q////3HcCchAABxXhAzVKmEBwAAAABJRU5ErkJggg==","aspectRatio":1.780758556891767,"src":"//images.ctfassets.net/s600jj41gsex/5bIB075WKTl5xUjjGePnKY/5a9ee67d5c736ddac471b08f6af8913d/Guide_to_image_rotation__HTML__CSS__and_JavaScript_techniques.png?w=2560&q=80&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/5bIB075WKTl5xUjjGePnKY/5a9ee67d5c736ddac471b08f6af8913d/Guide_to_image_rotation__HTML__CSS__and_JavaScript_techniques.png?w=640&h=359&q=80&fit=scale 640w,\n//images.ctfassets.net/s600jj41gsex/5bIB075WKTl5xUjjGePnKY/5a9ee67d5c736ddac471b08f6af8913d/Guide_to_image_rotation__HTML__CSS__and_JavaScript_techniques.png?w=1280&h=719&q=80&fit=scale 1280w,\n//images.ctfassets.net/s600jj41gsex/5bIB075WKTl5xUjjGePnKY/5a9ee67d5c736ddac471b08f6af8913d/Guide_to_image_rotation__HTML__CSS__and_JavaScript_techniques.png?w=1925&h=1081&q=80&fit=scale 1925w","srcWebp":"//images.ctfassets.net/s600jj41gsex/5bIB075WKTl5xUjjGePnKY/5a9ee67d5c736ddac471b08f6af8913d/Guide_to_image_rotation__HTML__CSS__and_JavaScript_techniques.png?w=2560&q=80&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/5bIB075WKTl5xUjjGePnKY/5a9ee67d5c736ddac471b08f6af8913d/Guide_to_image_rotation__HTML__CSS__and_JavaScript_techniques.png?w=640&h=359&q=80&fm=webp&fit=scale 640w,\n//images.ctfassets.net/s600jj41gsex/5bIB075WKTl5xUjjGePnKY/5a9ee67d5c736ddac471b08f6af8913d/Guide_to_image_rotation__HTML__CSS__and_JavaScript_techniques.png?w=1280&h=719&q=80&fm=webp&fit=scale 1280w,\n//images.ctfassets.net/s600jj41gsex/5bIB075WKTl5xUjjGePnKY/5a9ee67d5c736ddac471b08f6af8913d/Guide_to_image_rotation__HTML__CSS__and_JavaScript_techniques.png?w=1925&h=1081&q=80&fm=webp&fit=scale 1925w","sizes":"(max-width: 2560px) 100vw, 2560px"}},"alt":"The rotation process shown in isometric view depicting the image rotation process","artistName":null,"artistUrl":null},"author":{"slug":"joseph-robinson","name":"Joe Robinson","image":{"fluid":{"base64":"data:image/jpeg;base64,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F3CculE8AAADhElEQVQYGQXBy08jZQAA8Hl9M9N5dcpMh5ZOaYFSWCgokmiyiRuSjXIwrCvx4NVkL96MnvT/8aYHX/HgTfcBLCUuFSwsLCx9dzqdtjPtPPt9/n741199+PrubwrLFwvLj/ceI5Cyx3fP//ohCvmHu5+qymKjblfPf15bwQ8PztKpNIbLrdsujEJZniO/fPJNQr5HUjwAZ/W2Xz5+Kojp0tonEDGapmGIm01l67Wj/149Ky7MZPRYp9/s9dgP1mdVoUddX1fTmnrjNxZzBWci1Go/moNIU94cHV8MLHN7K/dgZ800e24kLqyUTs/KXePu+BJfn1/V1CRJxIyr6q8AtHkh37PwRvOi0Rie/vLi/mbh/aUs4QSN9jnJkiJHqpqYTrM40rudvsRSnueS+/tfNJpvWyYB6GKlWvEwQSaT33/73Uc7D0vLxa2NTYXPvqy+DhE9GQ/Wlx9EIQo8IUK8trBL6XPzB4iGgJmGNi8IkHD27n+WL6wGZhMPxyHCUlpyNbP529lP103k+YomwRgQOv2uvvQO6bhPg2ggywqBHJzhNHEisfmry39Ojv4I7FH51UGjZ0wJqmX3Rr6IUToOfQxSICY/2n9CrKzuFYsf41iPAR6Al4lAziqJGZpk6DgSsiTBCMQkG2f0KfA9q1L587ByddPz7r27pSgqlVS1GSl3y9koHCOkLs2ATFILKFzh5czsfCIyWYEGvJjAKY5prq3mn500a0YL0Z2l5Vlye41jCZynGTKCbQd1BtON/EaCgNGw36rdcOFAicdDDCt3m9ulHQonJE5DBAhs8/nR75QmKPWm4U3aVoSGAbQm0cvTw4LAjGzoDvs+4YV07Y2H6lNyU6QLWV1ie8mEwPOwfH5Jarp4bbQaXdNGtG/3hq7LQigBMkaynIc4OrIj58QcGAFmDyuuZ/WNIEayth3QuEi1Jo4POdu3pTgLGL4Uw6y25+viFOCjyBJA2B6HF+0Gz8ZyBcy0rbHDeyPk49hoilM4KcHAljlKIeKqm5warpWAs8m56sW/xl09lRQz6XnptE/IwfUNDMCAIibTIEA4CBCgOCGVMSRylMYsInIiczB5cdfaLi0oIu/KvCyKXcupn41ykurOQXKetNEkIcVAkMrSU/zz93aZLnQi13KHyI8m/qiMhhgG1vUZDkCIsPKto2LBMiYjQdQXU6O3ndRWTEgpnj38H0Bj0vI5fgnbAAAAOHRFWHRpY2M6Y29weXJpZ2h0AENvcHlyaWdodCAoYykgMTk5OCBIZXdsZXR0LVBhY2thcmQgQ29tcGFueflXeTcAAAAhdEVYdGljYzpkZXNjcmlwdGlvbgBzUkdCIElFQzYxOTY2LTIuMVet2kcAAAAmdEVYdGljYzptYW51ZmFjdHVyZXIASUVDIGh0dHA6Ly93d3cuaWVjLmNoHH8ATAAAADd0RVh0aWNjOm1vZGVsAElFQyA2MTk2Ni0yLjEgRGVmYXVsdCBSR0IgY29sb3VyIHNwYWNlIC0gc1JHQkRTSKkAAAAASUVORK5CYII=","aspectRatio":1.2820512820512822,"src":"//images.ctfassets.net/s600jj41gsex/2P4AEkP8R7iCxO4eT5voCe/d18aa214c40aa5e1ecff6f6d216c8097/Portrait-TinyTribe-JR100px.png?w=48&q=50&fit=scale","srcSet":"//images.ctfassets.net/s600jj41gsex/2P4AEkP8R7iCxO4eT5voCe/d18aa214c40aa5e1ecff6f6d216c8097/Portrait-TinyTribe-JR100px.png?w=12&h=9&q=50&fit=scale 12w,\n//images.ctfassets.net/s600jj41gsex/2P4AEkP8R7iCxO4eT5voCe/d18aa214c40aa5e1ecff6f6d216c8097/Portrait-TinyTribe-JR100px.png?w=24&h=19&q=50&fit=scale 24w,\n//images.ctfassets.net/s600jj41gsex/2P4AEkP8R7iCxO4eT5voCe/d18aa214c40aa5e1ecff6f6d216c8097/Portrait-TinyTribe-JR100px.png?w=48&h=37&q=50&fit=scale 48w,\n//images.ctfassets.net/s600jj41gsex/2P4AEkP8R7iCxO4eT5voCe/d18aa214c40aa5e1ecff6f6d216c8097/Portrait-TinyTribe-JR100px.png?w=72&h=56&q=50&fit=scale 72w,\n//images.ctfassets.net/s600jj41gsex/2P4AEkP8R7iCxO4eT5voCe/d18aa214c40aa5e1ecff6f6d216c8097/Portrait-TinyTribe-JR100px.png?w=96&h=75&q=50&fit=scale 96w,\n//images.ctfassets.net/s600jj41gsex/2P4AEkP8R7iCxO4eT5voCe/d18aa214c40aa5e1ecff6f6d216c8097/Portrait-TinyTribe-JR100px.png?w=144&h=112&q=50&fit=scale 144w,\n//images.ctfassets.net/s600jj41gsex/2P4AEkP8R7iCxO4eT5voCe/d18aa214c40aa5e1ecff6f6d216c8097/Portrait-TinyTribe-JR100px.png?w=150&h=117&q=50&fit=scale 150w","srcWebp":"//images.ctfassets.net/s600jj41gsex/2P4AEkP8R7iCxO4eT5voCe/d18aa214c40aa5e1ecff6f6d216c8097/Portrait-TinyTribe-JR100px.png?w=48&q=50&fm=webp&fit=scale","srcSetWebp":"//images.ctfassets.net/s600jj41gsex/2P4AEkP8R7iCxO4eT5voCe/d18aa214c40aa5e1ecff6f6d216c8097/Portrait-TinyTribe-JR100px.png?w=12&h=9&q=50&fm=webp&fit=scale 12w,\n//images.ctfassets.net/s600jj41gsex/2P4AEkP8R7iCxO4eT5voCe/d18aa214c40aa5e1ecff6f6d216c8097/Portrait-TinyTribe-JR100px.png?w=24&h=19&q=50&fm=webp&fit=scale 24w,\n//images.ctfassets.net/s600jj41gsex/2P4AEkP8R7iCxO4eT5voCe/d18aa214c40aa5e1ecff6f6d216c8097/Portrait-TinyTribe-JR100px.png?w=48&h=37&q=50&fm=webp&fit=scale 48w,\n//images.ctfassets.net/s600jj41gsex/2P4AEkP8R7iCxO4eT5voCe/d18aa214c40aa5e1ecff6f6d216c8097/Portrait-TinyTribe-JR100px.png?w=72&h=56&q=50&fm=webp&fit=scale 72w,\n//images.ctfassets.net/s600jj41gsex/2P4AEkP8R7iCxO4eT5voCe/d18aa214c40aa5e1ecff6f6d216c8097/Portrait-TinyTribe-JR100px.png?w=96&h=75&q=50&fm=webp&fit=scale 96w,\n//images.ctfassets.net/s600jj41gsex/2P4AEkP8R7iCxO4eT5voCe/d18aa214c40aa5e1ecff6f6d216c8097/Portrait-TinyTribe-JR100px.png?w=144&h=112&q=50&fm=webp&fit=scale 144w,\n//images.ctfassets.net/s600jj41gsex/2P4AEkP8R7iCxO4eT5voCe/d18aa214c40aa5e1ecff6f6d216c8097/Portrait-TinyTribe-JR100px.png?w=150&h=117&q=50&fm=webp&fit=scale 150w","sizes":"(max-width: 48px) 100vw, 48px"}},"shortBio":{"shortBio":"Technical and creative writer, editor, and a TinyMCE advocate. An\nenthusiast for teamwork, open source software projects, and baking. Can\noften be found puzzling over obscure history, cryptic words, and lucid writing."}},"metaTitle":{"metaTitle":"Guide to image rotation: HTML, CSS, and JavaScript techniques | TinyMCE"},"metaDescription":{"metaDescription":"Master image rotation in web design with our comprehensive guide. Explore image rotation techniques using HTML, CSS, and JavaScript, and learn how to simplify the process with TinyMCE."},"setkaCss":null,"setkaHtml":null,"resourceFiles":null,"canonicalUrl":null}},"pageContext":{"slug":"image-rotation","setkaPostId":0}},"staticQueryHashes":["2492987505","740350947"]}