{"id":1582,"date":"2021-12-03T10:51:24","date_gmt":"2021-12-03T10:51:24","guid":{"rendered":"https:\/\/shuffle.dev\/blog\/?p=1582"},"modified":"2022-01-23T08:38:30","modified_gmt":"2022-01-23T08:38:30","slug":"how-to-have-fun-working-as-webdev","status":"publish","type":"post","link":"https:\/\/shuffle.dev\/blog\/2021\/12\/how-to-have-fun-working-as-webdev\/","title":{"rendered":"How to have fun working as webdev?"},"content":{"rendered":"\n

Work produces the best results when it’s fun. This truism is one of the main principles we follow at Shuffle. Working in our editor has to be fun and give you that “wow, this is cool” feeling. In short, we focus on Developer Experience<\/strong>, while giving you a phenomenally designed UI to play with.<\/p>\n\n\n\n

The very beginning of the project can be a game<\/h2>\n\n\n\n

We wondered what to do to make building pages in Shuffle even faster while adding more fun elements to your daily work. “Make the editor build pages for users”<\/strong> we thought, but the idea seemed absurd at first. After a while, the inspiration came – actually, why not? Why not randomize the components while having fun, like at a slot machine in a casino? \ud83d\ude00<\/p>\n\n\n\n

\"\"
Source: Unsplash<\/figcaption><\/figure>\n\n\n\n

The upside is that you don’t lose anything here.<\/p>\n\n\n\n

Based on this concept, we created an alternative way to start working on a new website project. Shuffle already offers over 3700 ready-made components, which can give you a headache.<\/strong> Browsing through them all and choosing from them is fun, but sometimes it’s hard to decide which UI library to choose, whether the components in it will fit my project and which style suits me best.<\/p>\n\n\n\n

In response to this need, we created a random ready-made template generator. With one click it generates ready-made subpage layouts. You will immediately see how the components interact with each other.<\/strong><\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Try it live!<\/a><\/strong><\/p>\n\n\n\n

A new version with every click<\/h2>\n\n\n\n

And what’s best – you will see it in dozens of versions. Just click “Shuffle” to get a new layout. This way you can play around like a game machine, generating new layouts until one of them wins you over. With the current number of libraries and components available, that adds up to millions of possible options – and we’re adding new libraries all the time!<\/p>\n\n\n\n

Based on our No AI\u00ae, and No Blockchain\u00ae, and Pure Random\u00ae technology.<\/strong><\/p>\n\n\n\n

What’s next? Click “complete project in editor” and work on your selected components right away. Here you will benefit from the full power of low-code page building capabilities. You will change texts, images, but also easily change styles and colors for the project.<\/p>\n\n\n\n

Create your next website template!<\/a><\/p>\n\n\n\n

Work can be pleasant and more visual<\/h2>\n\n\n\n

Each component was manually developed by our internal frontend team. This ensures that the code underneath is clear and in the spirit of the framework you are working in. Whether you choose Tailwind Builder<\/a>, Bootstrap Editor<\/a>, or work with us in Bulma<\/a> and Material-UI<\/a>. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

When developing our editor, we place great emphasis on maintaining complete freedom in changing code and not creating artificial restrictions for developers. We believe that our mission is not to replace developers, but to provide them with useful tools.<\/strong><\/p>\n\n\n\n

Best of low-code but for devs!<\/h2>\n\n\n\n

That’s why we try to give the best of the website builders world – i.e. simple interface for making changes, ready-made components and good looking UI, fast and visual editing capabilities. All that without losing the essence of developers’ job – full freedom to change the code.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

After finishing the page template and adding styles, you can easily export it in a friendly format. You can continue to change it in your favourite IDE or integrate it with the backed in the way you choose.<\/p>\n\n\n\n

Check out the example export package<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

Test our newest way to start a project – by shuffling components! Generate random page templates and have fun while you work.<\/p>\n","protected":false},"author":6,"featured_media":1604,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[8],"tags":[],"yoast_head":"\nHow to have fun working as webdev? | Shuffle Editor<\/title>\n<meta name=\"description\" content=\"Test our newest way to start a project - by shuffling components! Generate random page templates and have fun while you work.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/shuffle.dev\/blog\/2021\/12\/how-to-have-fun-working-as-webdev\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to have fun working as webdev? | Shuffle Editor\" \/>\n<meta property=\"og:description\" content=\"Test our newest way to start a project - by shuffling components! Generate random page templates and have fun while you work.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/shuffle.dev\/blog\/2021\/12\/how-to-have-fun-working-as-webdev\/\" \/>\n<meta property=\"og:site_name\" content=\"Shuffle\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/BootstrapShuffle\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-12-03T10:51:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-01-23T08:38:30+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/12\/dribblerandomizer-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"1200\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"S\u0142awomir Pawlak\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"S\u0142awomir Pawlak\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/shuffle.dev\/blog\/2021\/12\/how-to-have-fun-working-as-webdev\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/shuffle.dev\/blog\/2021\/12\/how-to-have-fun-working-as-webdev\/\"},\"author\":{\"name\":\"S\u0142awomir Pawlak\",\"@id\":\"https:\/\/shuffle.dev\/blog\/#\/schema\/person\/3bc78df53e2d5db26b5b0ec8d3087168\"},\"headline\":\"How to have fun working as webdev?\",\"datePublished\":\"2021-12-03T10:51:24+00:00\",\"dateModified\":\"2022-01-23T08:38:30+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/shuffle.dev\/blog\/2021\/12\/how-to-have-fun-working-as-webdev\/\"},\"wordCount\":572,\"publisher\":{\"@id\":\"https:\/\/shuffle.dev\/blog\/#organization\"},\"articleSection\":[\"Development\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/shuffle.dev\/blog\/2021\/12\/how-to-have-fun-working-as-webdev\/\",\"url\":\"https:\/\/shuffle.dev\/blog\/2021\/12\/how-to-have-fun-working-as-webdev\/\",\"name\":\"How to have fun working as webdev? | Shuffle Editor\",\"isPartOf\":{\"@id\":\"https:\/\/shuffle.dev\/blog\/#website\"},\"datePublished\":\"2021-12-03T10:51:24+00:00\",\"dateModified\":\"2022-01-23T08:38:30+00:00\",\"description\":\"Test our newest way to start a project - by shuffling components! Generate random page templates and have fun while you work.\",\"breadcrumb\":{\"@id\":\"https:\/\/shuffle.dev\/blog\/2021\/12\/how-to-have-fun-working-as-webdev\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/shuffle.dev\/blog\/2021\/12\/how-to-have-fun-working-as-webdev\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/shuffle.dev\/blog\/2021\/12\/how-to-have-fun-working-as-webdev\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/shuffle.dev\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to have fun working as webdev?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/shuffle.dev\/blog\/#website\",\"url\":\"https:\/\/shuffle.dev\/blog\/\",\"name\":\"Shuffle\",\"description\":\"Build Websites Faster with an AI Visual Editor\",\"publisher\":{\"@id\":\"https:\/\/shuffle.dev\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/shuffle.dev\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/shuffle.dev\/blog\/#organization\",\"name\":\"Shuffle\",\"url\":\"https:\/\/shuffle.dev\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/shuffle.dev\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/logo.jpg\",\"contentUrl\":\"https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/logo.jpg\",\"width\":400,\"height\":400,\"caption\":\"Shuffle\"},\"image\":{\"@id\":\"https:\/\/shuffle.dev\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.linkedin.com\/company\/bootstrap-shuffle\/about\/\",\"https:\/\/www.facebook.com\/BootstrapShuffle\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/shuffle.dev\/blog\/#\/schema\/person\/3bc78df53e2d5db26b5b0ec8d3087168\",\"name\":\"S\u0142awomir Pawlak\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/shuffle.dev\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/96c62afa0672a20d8601c9ed9b9df2b1?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/96c62afa0672a20d8601c9ed9b9df2b1?s=96&d=mm&r=g\",\"caption\":\"S\u0142awomir Pawlak\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to have fun working as webdev? | Shuffle Editor","description":"Test our newest way to start a project - by shuffling components! Generate random page templates and have fun while you work.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/shuffle.dev\/blog\/2021\/12\/how-to-have-fun-working-as-webdev\/","og_locale":"en_US","og_type":"article","og_title":"How to have fun working as webdev? | Shuffle Editor","og_description":"Test our newest way to start a project - by shuffling components! Generate random page templates and have fun while you work.","og_url":"https:\/\/shuffle.dev\/blog\/2021\/12\/how-to-have-fun-working-as-webdev\/","og_site_name":"Shuffle","article_publisher":"https:\/\/www.facebook.com\/BootstrapShuffle\/","article_published_time":"2021-12-03T10:51:24+00:00","article_modified_time":"2022-01-23T08:38:30+00:00","og_image":[{"width":1600,"height":1200,"url":"https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/12\/dribblerandomizer-1.png","type":"image\/png"}],"author":"S\u0142awomir Pawlak","twitter_card":"summary_large_image","twitter_misc":{"Written by":"S\u0142awomir Pawlak","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/shuffle.dev\/blog\/2021\/12\/how-to-have-fun-working-as-webdev\/#article","isPartOf":{"@id":"https:\/\/shuffle.dev\/blog\/2021\/12\/how-to-have-fun-working-as-webdev\/"},"author":{"name":"S\u0142awomir Pawlak","@id":"https:\/\/shuffle.dev\/blog\/#\/schema\/person\/3bc78df53e2d5db26b5b0ec8d3087168"},"headline":"How to have fun working as webdev?","datePublished":"2021-12-03T10:51:24+00:00","dateModified":"2022-01-23T08:38:30+00:00","mainEntityOfPage":{"@id":"https:\/\/shuffle.dev\/blog\/2021\/12\/how-to-have-fun-working-as-webdev\/"},"wordCount":572,"publisher":{"@id":"https:\/\/shuffle.dev\/blog\/#organization"},"articleSection":["Development"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/shuffle.dev\/blog\/2021\/12\/how-to-have-fun-working-as-webdev\/","url":"https:\/\/shuffle.dev\/blog\/2021\/12\/how-to-have-fun-working-as-webdev\/","name":"How to have fun working as webdev? | Shuffle Editor","isPartOf":{"@id":"https:\/\/shuffle.dev\/blog\/#website"},"datePublished":"2021-12-03T10:51:24+00:00","dateModified":"2022-01-23T08:38:30+00:00","description":"Test our newest way to start a project - by shuffling components! Generate random page templates and have fun while you work.","breadcrumb":{"@id":"https:\/\/shuffle.dev\/blog\/2021\/12\/how-to-have-fun-working-as-webdev\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/shuffle.dev\/blog\/2021\/12\/how-to-have-fun-working-as-webdev\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/shuffle.dev\/blog\/2021\/12\/how-to-have-fun-working-as-webdev\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/shuffle.dev\/blog\/"},{"@type":"ListItem","position":2,"name":"How to have fun working as webdev?"}]},{"@type":"WebSite","@id":"https:\/\/shuffle.dev\/blog\/#website","url":"https:\/\/shuffle.dev\/blog\/","name":"Shuffle","description":"Build Websites Faster with an AI Visual Editor","publisher":{"@id":"https:\/\/shuffle.dev\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/shuffle.dev\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/shuffle.dev\/blog\/#organization","name":"Shuffle","url":"https:\/\/shuffle.dev\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/shuffle.dev\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/logo.jpg","contentUrl":"https:\/\/static.shuffle.dev\/blog\/uploads\/2021\/07\/logo.jpg","width":400,"height":400,"caption":"Shuffle"},"image":{"@id":"https:\/\/shuffle.dev\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.linkedin.com\/company\/bootstrap-shuffle\/about\/","https:\/\/www.facebook.com\/BootstrapShuffle\/"]},{"@type":"Person","@id":"https:\/\/shuffle.dev\/blog\/#\/schema\/person\/3bc78df53e2d5db26b5b0ec8d3087168","name":"S\u0142awomir Pawlak","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/shuffle.dev\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/96c62afa0672a20d8601c9ed9b9df2b1?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/96c62afa0672a20d8601c9ed9b9df2b1?s=96&d=mm&r=g","caption":"S\u0142awomir Pawlak"}}]}},"_links":{"self":[{"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/posts\/1582"}],"collection":[{"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/comments?post=1582"}],"version-history":[{"count":5,"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/posts\/1582\/revisions"}],"predecessor-version":[{"id":1600,"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/posts\/1582\/revisions\/1600"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/media\/1604"}],"wp:attachment":[{"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/media?parent=1582"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/categories?post=1582"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/shuffle.dev\/blog\/wp-json\/wp\/v2\/tags?post=1582"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}