{"id":1,"date":"2026-03-14T07:00:03","date_gmt":"2026-03-14T07:00:03","guid":{"rendered":"https:\/\/codeart.au\/blogs\/?p=1"},"modified":"2026-04-02T07:14:53","modified_gmt":"2026-04-02T07:14:53","slug":"hello-world","status":"publish","type":"post","link":"https:\/\/codeart.au\/blogs\/?p=1","title":{"rendered":"Patterns created using CSS code!"},"content":{"rendered":"\n<p>Welcome to Inkless Code Art\u2014a space where creativity meets simplicity in the digital world. This blog is dedicated to exploring ideas, inspiration, and practical insights without the clutter, focusing on thoughtful content that speaks clearly and purposefully. Whether you&#8217;re here to learn, create, or simply find a fresh perspective, Inkless Code Art is designed to be a calm, minimal place to think, build, and grow.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Using code to make art<\/h2>\n\n\n\n<p>Did you know that simple code can be used to create striking visual patterns and designs?  Using tools like CSS, it\u2019s possible to generate everything from geometric grids and gradients to responsive layouts and animated effects\u2014all without relying on heavy graphics or images. Future posts will dive into techniques such as creating repeating patterns with\u00a0<code>linear-gradient<\/code>\u00a0and\u00a0<code>radial-gradient<\/code>, experimenting with transforms and keyframe animations, and using modern CSS features to build dynamic, interactive visuals. Whether you&#8217;re a beginner or looking to refine your skills, these explorations will show how code itself can become a powerful creative medium.<\/p>\n\n\n\n<p>To explore what\u2019s possible with CSS-generated patterns, there are a range of online resources that showcase both simple and highly creative examples. <\/p>\n\n\n\n<p><a href=\"https:\/\/csszengarden.com\">https:\/\/csszengarden.com<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/codepen.io\">https:\/\/codepen.io<\/a><\/p>\n\n\n\n<p><a href=\"https:\/\/css-pattern.com\">https:\/\/css-pattern.com<\/a><\/p>\n\n\n\n<p>From curated galleries to interactive code playgrounds, these sites highlight how gradients, repetition, and modern CSS techniques can be combined to produce visually engaging designs without images. These resources provide inspiration, practical code snippets, and hands-on tools that can help you experiment with and better understand how these patterns are created.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Welcome to Inkless Code Art\u2014a space where creativity meets simplicity in the digital world. This blog is dedicated to exploring ideas, inspiration, and practical insights without the clutter, focusing on thoughtful content that speaks clearly and purposefully. Whether you&#8217;re here to learn, create, or simply find a fresh perspective, Inkless Code Art is designed to [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,3],"tags":[10,9,6,7,5,8],"class_list":["post-1","post","type-post","status-publish","format-standard","hentry","category-css-code","category-patterns","tag-code-art","tag-codeart","tag-css","tag-linear-gradient","tag-patterns","tag-radial-gradient","entry"],"_links":{"self":[{"href":"https:\/\/codeart.au\/blogs\/index.php?rest_route=\/wp\/v2\/posts\/1","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codeart.au\/blogs\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codeart.au\/blogs\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codeart.au\/blogs\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codeart.au\/blogs\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1"}],"version-history":[{"count":2,"href":"https:\/\/codeart.au\/blogs\/index.php?rest_route=\/wp\/v2\/posts\/1\/revisions"}],"predecessor-version":[{"id":13,"href":"https:\/\/codeart.au\/blogs\/index.php?rest_route=\/wp\/v2\/posts\/1\/revisions\/13"}],"wp:attachment":[{"href":"https:\/\/codeart.au\/blogs\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codeart.au\/blogs\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codeart.au\/blogs\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}