{"componentChunkName":"component---src-templates-blog-js","path":"/blog/3","result":{"data":{"allContentfulArticle":{"edges":[{"node":{"createdDate":"Thursday, 14 November 2019","id":"a7713733-e06c-5b7f-8f46-46ee6355d514","image":"https://res.cloudinary.com/liquidcoder/image/upload/v1597490335/TimeZoneApp/qx2twbtdwuos0du523no.jpg","slug":"swiftui-analogue-watch-design","title":"Analogue watch design","tags":[{"title":"Article"},{"title":"Free"},{"title":"Swift UI"},{"title":"UI Design"}],"updatedDate":"2019-11-15T00:00+01:00","videoUrl":"4udnp9_TQ2c","body":{"childMdx":{"excerpt":"Introduction Today we are going to design and create an analogue watch in swiftUI. This will be a small piece from an upcoming project I am working on, it’s a simple app. Writing about the entire thing might be tiresome for readers and me, so I will divide this into smaller pieces. From now on I…"}}}},{"node":{"createdDate":"Friday, 08 November 2019","id":"7c4d03e5-e068-5688-bf88-9a415eb54178","image":"https://res.cloudinary.com/liquidcoder/image/upload/v1597489598/MovieTicketApp/jgjtf33tygx9qqju4b7s.png","slug":"swiftui-movie-tickets-app-design","title":"Movie Tickets UI","tags":[{"title":"Article"},{"title":"Free"},{"title":"Swift UI"},{"title":"UI Design"}],"updatedDate":"2019-11-09T00:00+01:00","videoUrl":"rg108K4pzWk","body":{"childMdx":{"excerpt":"Introduction In this article, you will learn how to : Create custom shapes with paths Clip a existing view using the shape that you’ll create Create a 3D Scroll effect And more … Enjoy! Requirements Xcode 12 or greater MacOS Catalina or greater Swift 5.0 or greater iOS 14 or greater Get started Open…"}}}},{"node":{"createdDate":"Friday, 25 October 2019","id":"c67002e1-7c1f-5647-b25e-7074aafdce7e","image":"https://res.cloudinary.com/liquidcoder/image/upload/v1597488342/RingGraph/ob8q7h0thtl4aathhooi.png","slug":"swiftui-ring-animation","title":"Apple Watch Rings","tags":[{"title":"Article"},{"title":"Free"},{"title":"Swift UI"},{"title":"UI Design"}],"updatedDate":"2019-10-26T00:00+01:00","videoUrl":"bLH4BvySawU","body":{"childMdx":{"excerpt":"Introduction This article will be focused on working with paths. You will learn how to  create custom shapes with paths add gradients colours to custom shapes Animate custom shapes Requirements Xcode 12 or greater MacOS Catalina or greater Swift 5.0 or greater iOS 14 or greater Get started Open…"}}}},{"node":{"createdDate":"Saturday, 19 October 2019","id":"e7ff4e00-7963-5ae7-9584-6698571e5a59","image":"https://res.cloudinary.com/liquidcoder/image/upload/v1590177628/interactive-sheet/ztmqriywubkhgtiuhneu.png","slug":"swiftui-interactive-custom-sheet","title":"Interactive Custom Sheet","tags":[{"title":"Article"},{"title":"Free"},{"title":"Swift UI"},{"title":"UI Design"}],"updatedDate":"2019-10-20T00:00+01:00","videoUrl":"xtUmaW5_AP8","body":{"childMdx":{"excerpt":"Introduction In this post, I will show you how to build the above layout, but the main focus will be the interactive sheet. So I will divide this article into 2 sections,  the first section will be the normal layout, and the second will be the interactive sheet and Custom ToolBar. Requirements Xcode…"}}}}]}},"pageContext":{"skip":8,"limit":4,"numPages":4,"currentPage":3}},"staticQueryHashes":["1047155515","1278771865","2517639938","2517639938","2537039069","3452127246","3566879862","3891201089","4292608043","439617394"]}