[{"data":1,"prerenderedAt":294},["Reactive",2],{"gIYHVZZdzZ":3,"_apollo:default":293},{"inspirations":4},{"edges":5,"__typename":292},[6,39,59,77,95,117,139,161,178,198,220,248,271],{"node":7,"__typename":38},{"id":8,"title":9,"slug":10,"featuredImage":11,"acf_inspiration":18,"__typename":37},"cG9zdDoxNDMw","AI case study – The Editorial","ai-case-study-the-editorial",{"node":12,"__typename":17},{"sizes":13,"srcSet":14,"mediaItemUrl":15,"__typename":16},"(max-width: 500px) 100vw, 500px","https://jalokim.graphics/api/wp-content/uploads/2023/06/Jalokim_an_editorial_illustration_minimalistic_style_pastel_min_9fb71ae6-651e-4aa6-bf83-afa6ee7432a3-500x500.jpg 500w, https://jalokim.graphics/api/wp-content/uploads/2023/06/Jalokim_an_editorial_illustration_minimalistic_style_pastel_min_9fb71ae6-651e-4aa6-bf83-afa6ee7432a3-150x150.jpg 150w","https://jalokim.graphics/api/wp-content/uploads/2023/06/Jalokim_an_editorial_illustration_minimalistic_style_pastel_min_9fb71ae6-651e-4aa6-bf83-afa6ee7432a3-scaled.jpg","MediaItem","NodeWithFeaturedImageToMediaItemConnectionEdge",{"tags":19,"technicalLevel":20,"layouts":21,"__typename":36},"AI","lvl1",[22,25,27,28,29,30,31,33,34],{"desc":23,"fieldGroupName":24,"__typename":24},"Recently, I had the opportunity to delve into the world of creating an editorial-style whitepaper for \u003Ca href=\"https://amsterdamstandard.com\" target=\"_blank\">Amsterdam Standard\u003C/a>. Inspired by magazines like Times and Newsweek, I aimed to incorporate the characteristic illustrations that can be found in such publications. The whitepaper was on comparing employment costs between countries and the pros and cons of hiring in-house developers versus remote ones. \r\n\u003Cbr>\u003Cbr>\r\nThis case study showcases how Midjourney helped me bring the document to life, and what I learnt trying to get consistent images for each of the chapters.\r\n\u003Cbr>\u003Cbr>\r\nTurns out getting a consistent style can be achieved, although it took a while to get to the perfect prompting system. As soon as the PDF becomes public I'll share a link to download.","Inspiration_AcfInspiration_Layouts_HeaderBanner5050",{"__typename":26},"Inspiration_AcfInspiration_Layouts_FourBlock",{"__typename":26},{"__typename":26},{"__typename":26},{"__typename":26},{"__typename":32},"Inspiration_AcfInspiration_Layouts_QuoteBox",{"__typename":26},{"__typename":35},"Inspiration_AcfInspiration_Layouts_NextPosts","Inspiration_AcfInspiration","Inspiration","RootQueryToInspirationConnectionEdge",{"node":40,"__typename":38},{"id":41,"title":42,"slug":43,"featuredImage":44,"acf_inspiration":48,"__typename":37},"cG9zdDoxMzY0","Coding with chatGPT – dev log #1","coding-with-chatgpt-dev-log-1",{"node":45,"__typename":17},{"sizes":13,"srcSet":46,"mediaItemUrl":47,"__typename":16},"https://jalokim.graphics/api/wp-content/uploads/2023/05/Jalokim_a_robotic_hand_over_a_keyboard_tinted_in_emerald_light_6da12523-da0b-4f1d-ab1f-6a71f1640ba5-500x500.jpg 500w, https://jalokim.graphics/api/wp-content/uploads/2023/05/Jalokim_a_robotic_hand_over_a_keyboard_tinted_in_emerald_light_6da12523-da0b-4f1d-ab1f-6a71f1640ba5-300x300.jpg 300w, https://jalokim.graphics/api/wp-content/uploads/2023/05/Jalokim_a_robotic_hand_over_a_keyboard_tinted_in_emerald_light_6da12523-da0b-4f1d-ab1f-6a71f1640ba5-1024x1024.jpg 1024w, https://jalokim.graphics/api/wp-content/uploads/2023/05/Jalokim_a_robotic_hand_over_a_keyboard_tinted_in_emerald_light_6da12523-da0b-4f1d-ab1f-6a71f1640ba5-150x150.jpg 150w, https://jalokim.graphics/api/wp-content/uploads/2023/05/Jalokim_a_robotic_hand_over_a_keyboard_tinted_in_emerald_light_6da12523-da0b-4f1d-ab1f-6a71f1640ba5-768x768.jpg 768w, https://jalokim.graphics/api/wp-content/uploads/2023/05/Jalokim_a_robotic_hand_over_a_keyboard_tinted_in_emerald_light_6da12523-da0b-4f1d-ab1f-6a71f1640ba5.jpg 1060w","https://jalokim.graphics/api/wp-content/uploads/2023/05/Jalokim_a_robotic_hand_over_a_keyboard_tinted_in_emerald_light_6da12523-da0b-4f1d-ab1f-6a71f1640ba5.jpg",{"tags":19,"technicalLevel":20,"layouts":49,"__typename":36},[50,52,54,55,56,57,58],{"desc":51,"fieldGroupName":24,"__typename":24},"\u003Cem>Coding with chatGPT - dev log #1\u003C/em>\u003Cbr>\u003Cbr>\r\nWhen chatGPT broke free into the wild world, after watching a couple explainer videos, and after watching some more videos showing the future of GPT, I'm not gonna lie, I imagined things like the browser no longer being needed, as anything you might need, whether it be information, booking a hotel or ordering online could (will be) doable from an AI's interface.\u003Cbr>\u003Cbr>\r\nThen I sat down and started prompting chatGPT\u003Cbr>\r\n\u003Csmall>\u003Ci>P.S. All images where created by Midjourney, using my prompts\u003C/i>\u003C/small>",{"__typename":53},"Inspiration_AcfInspiration_Layouts_PosterPreviewer",{"__typename":26},{"__typename":32},{"__typename":26},{"__typename":32},{"__typename":35},{"node":60,"__typename":38},{"id":61,"title":62,"slug":63,"featuredImage":64,"acf_inspiration":68,"__typename":37},"cG9zdDoxMzU2","AI case study – photography","ai-case-study-photography",{"node":65,"__typename":17},{"sizes":13,"srcSet":66,"mediaItemUrl":67,"__typename":16},"https://jalokim.graphics/api/wp-content/uploads/2023/05/Jalokim_a_photo_male_model_in_Tuscany__drinking_wine_golden_hou_47b23f2f-0ed2-4dce-8616-35cd10b60d57-500x500.jpg 500w, https://jalokim.graphics/api/wp-content/uploads/2023/05/Jalokim_a_photo_male_model_in_Tuscany__drinking_wine_golden_hou_47b23f2f-0ed2-4dce-8616-35cd10b60d57-150x150.jpg 150w","https://jalokim.graphics/api/wp-content/uploads/2023/05/Jalokim_a_photo_male_model_in_Tuscany__drinking_wine_golden_hou_47b23f2f-0ed2-4dce-8616-35cd10b60d57-scaled.jpg",{"tags":19,"technicalLevel":20,"layouts":69,"__typename":36},[70,72,73,74,75,76],{"desc":71,"fieldGroupName":24,"__typename":24},"Prompting - the act of providing cues to stimulate or encourage someone to take a specific action. At first glance this seems trivial, but a computer doesn't have the same assumptions as humans do. After many hours prompting with Midjourney and examining the generative art it created I have a couple observations I want to share with you.\u003Cbr/>\u003Cbr/>\r\nPlease notice the floating wine glasses and almost 3rd arm extending from the models body. This is the effect of my first prompt. The starting prompt was \"a photo of a male model, in tuscany, drinking wine, golden hour\"\u003Cbr>\u003Cbr>\r\nAll images seen in this post are AI generated",{"__typename":26},{"__typename":26},{"__typename":26},{"__typename":26},{"__typename":32},{"node":78,"__typename":38},{"id":79,"title":80,"slug":81,"featuredImage":82,"acf_inspiration":86,"__typename":37},"cG9zdDoxMzE5","How graphics design evolved over the last 10 years","how-graphics-design-evolved-over-the-last-10-years",{"node":83,"__typename":17},{"sizes":13,"srcSet":84,"mediaItemUrl":85,"__typename":16},"https://jalokim.graphics/api/wp-content/uploads/2023/04/Jalokim_a_photo_of_a_cow_about_to_whistle_mouth_pouting_in_the__19a97fc5-851d-4998-b89d-bcb601dd3468-500x500.jpg 500w, https://jalokim.graphics/api/wp-content/uploads/2023/04/Jalokim_a_photo_of_a_cow_about_to_whistle_mouth_pouting_in_the__19a97fc5-851d-4998-b89d-bcb601dd3468-300x300.jpg 300w, https://jalokim.graphics/api/wp-content/uploads/2023/04/Jalokim_a_photo_of_a_cow_about_to_whistle_mouth_pouting_in_the__19a97fc5-851d-4998-b89d-bcb601dd3468-1024x1024.jpg 1024w, https://jalokim.graphics/api/wp-content/uploads/2023/04/Jalokim_a_photo_of_a_cow_about_to_whistle_mouth_pouting_in_the__19a97fc5-851d-4998-b89d-bcb601dd3468-150x150.jpg 150w, https://jalokim.graphics/api/wp-content/uploads/2023/04/Jalokim_a_photo_of_a_cow_about_to_whistle_mouth_pouting_in_the__19a97fc5-851d-4998-b89d-bcb601dd3468-768x768.jpg 768w, https://jalokim.graphics/api/wp-content/uploads/2023/04/Jalokim_a_photo_of_a_cow_about_to_whistle_mouth_pouting_in_the__19a97fc5-851d-4998-b89d-bcb601dd3468-1536x1536.jpg 1536w, https://jalokim.graphics/api/wp-content/uploads/2023/04/Jalokim_a_photo_of_a_cow_about_to_whistle_mouth_pouting_in_the__19a97fc5-851d-4998-b89d-bcb601dd3468.jpg 2048w","https://jalokim.graphics/api/wp-content/uploads/2023/04/Jalokim_a_photo_of_a_cow_about_to_whistle_mouth_pouting_in_the__19a97fc5-851d-4998-b89d-bcb601dd3468.jpg",{"tags":87,"technicalLevel":20,"layouts":88,"__typename":36},"UI",[89,91,92,93,94],{"desc":90,"fieldGroupName":24,"__typename":24},"Those that started in graphics in recent years have it easy! Back in my day .... \u003Cbr>\u003Cbr>\r\nI went to study Graphics Design many years ago, after working some years in agencies I got fed up with clients feedback, making logo's bigger and not being able to express myself. Doubting myself if I'm any good at this art anyway. \u003Cbr> That's why I went into frontend design, into coding. But I always kept an eye on the graphics scene, to maybe make a return.\u003Cbr>\u003Cbr>\r\nAll images seen in this post are AI generated",{"__typename":53},{"__typename":32},{"__typename":26},{"__typename":26},{"node":96,"__typename":38},{"id":97,"title":98,"slug":99,"featuredImage":100,"acf_inspiration":104,"__typename":37},"cG9zdDoxMzA1","Poor mans 3D effect in CSS","poor-mans-3d-effect-in-css",{"node":101,"__typename":17},{"sizes":13,"srcSet":102,"mediaItemUrl":103,"__typename":16},"https://jalokim.graphics/api/wp-content/uploads/2023/03/adsadasdsadasda-500x500.jpg 500w, https://jalokim.graphics/api/wp-content/uploads/2023/03/adsadasdsadasda-150x150.jpg 150w","https://jalokim.graphics/api/wp-content/uploads/2023/03/adsadasdsadasda.jpg",{"tags":105,"technicalLevel":106,"layouts":107,"__typename":36},"CSS","lvl10",[108,110,111,112,113,114,115],{"desc":109,"fieldGroupName":24,"__typename":24},"Let me show you how to quickly create a \"3D\" effect when hovering over a card in CSS. When your cursor in any of the 4 corners the card will look as if pressed in on that side of the card.",{"__typename":53},{"__typename":26},{"__typename":26},{"__typename":26},{"__typename":32},{"__typename":116},"Inspiration_AcfInspiration_Layouts_CodeBlock",{"node":118,"__typename":38},{"id":119,"title":120,"slug":121,"featuredImage":122,"acf_inspiration":126,"__typename":37},"cG9zdDoxMjc4","Does code quality even matter?","does-code-quality-even-matter",{"node":123,"__typename":17},{"sizes":13,"srcSet":124,"mediaItemUrl":125,"__typename":16},"https://jalokim.graphics/api/wp-content/uploads/2023/02/leavess-500x500.png 500w, https://jalokim.graphics/api/wp-content/uploads/2023/02/leavess-150x150.png 150w","https://jalokim.graphics/api/wp-content/uploads/2023/02/leavess.png",{"tags":127,"technicalLevel":128,"layouts":129,"__typename":36},"DX","lvl20",[130,132,133,134,135,136,137,138],{"desc":131,"fieldGroupName":24,"__typename":24},"I once had contact with a project that ... well it wasn't the nicest piece of code I've seen. That got me thinking. I tried to compare this codebase with other projects I've worked on, even going back to times when I was a junior and learning by diving deep into topics I didn't know. So join me on this thought experiment, at the end of the article come up with your own outcome.",{"__typename":26},{"__typename":32},{"__typename":26},{"__typename":32},{"__typename":26},{"__typename":32},{"__typename":35},{"node":140,"__typename":38},{"id":141,"title":142,"slug":143,"featuredImage":144,"acf_inspiration":148,"__typename":37},"cG9zdDoxMjY5","How to improve feat. easy to embrace pictograms","6-visualizations-to-improve",{"node":145,"__typename":17},{"sizes":13,"srcSet":146,"mediaItemUrl":147,"__typename":16},"https://jalokim.graphics/api/wp-content/uploads/2023/02/uasgdaysdgaysfdaustfdat224w12-500x500.jpg 500w, https://jalokim.graphics/api/wp-content/uploads/2023/02/uasgdaysdgaysfdaustfdat224w12-300x300.jpg 300w, https://jalokim.graphics/api/wp-content/uploads/2023/02/uasgdaysdgaysfdaustfdat224w12-150x150.jpg 150w, https://jalokim.graphics/api/wp-content/uploads/2023/02/uasgdaysdgaysfdaustfdat224w12-768x768.jpg 768w, https://jalokim.graphics/api/wp-content/uploads/2023/02/uasgdaysdgaysfdaustfdat224w12.jpg 800w","https://jalokim.graphics/api/wp-content/uploads/2023/02/uasgdaysdgaysfdaustfdat224w12.jpg",{"tags":149,"technicalLevel":20,"layouts":150,"__typename":36},"Leadership",[151,153,154,155,156,157,158,159,160],{"desc":152,"fieldGroupName":24,"__typename":24},"Improvement is a process, its not immediately tangible. It requires consistency, trial and failure, retrospective and many times, planning the next iteration. Here are some life lessons that either found out while building my career, or learned the hard way.",{"__typename":26},{"__typename":26},{"__typename":26},{"__typename":26},{"__typename":26},{"__typename":32},{"__typename":26},{"__typename":35},{"node":162,"__typename":38},{"id":163,"title":164,"slug":165,"featuredImage":166,"acf_inspiration":170,"__typename":37},"cG9zdDoxMjE5","[UI Quickie] – Quit using black and white","colors-to-avoid-in-ui",{"node":167,"__typename":17},{"sizes":13,"srcSet":168,"mediaItemUrl":169,"__typename":16},"https://jalokim.graphics/api/wp-content/uploads/2023/02/Screenshot-2023-02-23-at-18.08.59-500x500.jpg 500w, https://jalokim.graphics/api/wp-content/uploads/2023/02/Screenshot-2023-02-23-at-18.08.59-150x150.jpg 150w","https://jalokim.graphics/api/wp-content/uploads/2023/02/Screenshot-2023-02-23-at-18.08.59.jpg",{"tags":87,"technicalLevel":20,"layouts":171,"__typename":36},[172,174,175,176,177],{"desc":173,"fieldGroupName":24,"__typename":24},"and this is why you shouldn't be using the base ones. Using pure black (#000000) or pure white (#FFFFFF) in your web designs might have a negative effect on your users experience.",{"__typename":26},{"__typename":26},{"__typename":26},{"__typename":35},{"node":179,"__typename":38},{"id":180,"title":181,"slug":182,"featuredImage":183,"acf_inspiration":187,"__typename":37},"cG9zdDoxMjEy","[UX Quickie] Vertical Rhythm – keep your spacing unified","vertical-rhythm-keep-spacing-unified",{"node":184,"__typename":17},{"sizes":13,"srcSet":185,"mediaItemUrl":186,"__typename":16},"https://jalokim.graphics/api/wp-content/uploads/2023/02/entry-ux-spacing-500x500.jpg 500w, https://jalokim.graphics/api/wp-content/uploads/2023/02/entry-ux-spacing-300x300.jpg 300w, https://jalokim.graphics/api/wp-content/uploads/2023/02/entry-ux-spacing-150x150.jpg 150w, https://jalokim.graphics/api/wp-content/uploads/2023/02/entry-ux-spacing-768x768.jpg 768w, https://jalokim.graphics/api/wp-content/uploads/2023/02/entry-ux-spacing.jpg 800w","https://jalokim.graphics/api/wp-content/uploads/2023/02/entry-ux-spacing.jpg",{"tags":188,"technicalLevel":20,"layouts":189,"__typename":36},"UX",[190,192,193,194,195,196,197],{"desc":191,"fieldGroupName":24,"__typename":24},"This is a quick introduction into why taking care of your vertical rhythm is highly important for great UI/UX and also dev results on your app or website.",{"__typename":26},{"__typename":26},{"__typename":26},{"__typename":26},{"__typename":32},{"__typename":35},{"node":199,"__typename":38},{"id":200,"title":201,"slug":202,"featuredImage":203,"acf_inspiration":207,"__typename":37},"cG9zdDoxMTU4","The Three Little Pigs Retrospective","three-little-pigs-retro",{"node":204,"__typename":17},{"sizes":13,"srcSet":205,"mediaItemUrl":206,"__typename":16},"https://jalokim.graphics/api/wp-content/uploads/2022/12/jalokim__an_open_fairy_tale_book_with_3_little_pigs_the_scene_i_7ada3b7b-45c2-4d28-ad0b-8633c3c3615c-500x500.jpg 500w, https://jalokim.graphics/api/wp-content/uploads/2022/12/jalokim__an_open_fairy_tale_book_with_3_little_pigs_the_scene_i_7ada3b7b-45c2-4d28-ad0b-8633c3c3615c-150x150.jpg 150w","https://jalokim.graphics/api/wp-content/uploads/2022/12/jalokim__an_open_fairy_tale_book_with_3_little_pigs_the_scene_i_7ada3b7b-45c2-4d28-ad0b-8633c3c3615c.jpg",{"tags":149,"technicalLevel":106,"layouts":208,"__typename":36},[209,211,212,213,214,215,217,218,219],{"desc":210,"fieldGroupName":24,"__typename":24},"In SCRUM methodology a retrospective is one of the most feared, and sometimes most awkward parts of the process. But it doesn't have to be that way. A retro should never be a confession! There are ways to make the experience more fun and interactive. One method that we use at Amsterdam Standard is the Three Little Pigs Retro.\u003Cbr>\u003Cbr> Yes, just like the fairy tale.",{"__typename":26},{"__typename":53},{"__typename":26},{"__typename":53},{"__typename":216},"Inspiration_AcfInspiration_Layouts_Justquote",{"__typename":32},{"__typename":26},{"__typename":35},{"node":221,"__typename":38},{"id":222,"title":223,"slug":224,"featuredImage":225,"acf_inspiration":229,"__typename":37},"cG9zdDoxMTQ3","Top 6 things that demotivate a dev, and how to avoid it","top-6-dev-demotivators",{"node":226,"__typename":17},{"sizes":13,"srcSet":227,"mediaItemUrl":228,"__typename":16},"https://jalokim.graphics/api/wp-content/uploads/2022/11/n1-500x500.jpg 500w, https://jalokim.graphics/api/wp-content/uploads/2022/11/n1-150x150.jpg 150w","https://jalokim.graphics/api/wp-content/uploads/2022/11/n1.jpg",{"tags":127,"technicalLevel":106,"layouts":230,"__typename":36},[231,233,234,235,236,237,238,239,240,241,242,243,244,245,246,247],{"desc":232,"fieldGroupName":24,"__typename":24},"A developer, software engineer, programmer, (however you like to call them) is usually a pretty unique person. As Alfred once said \"Some Men Just Want to Watch the World Burn\". \u003Cbr>Developers on the other hand want the world to run smoothly, seamlessly... like clockwork.",{"__typename":26},{"__typename":216},{"__typename":26},{"__typename":32},{"__typename":26},{"__typename":32},{"__typename":216},{"__typename":26},{"__typename":26},{"__typename":32},{"__typename":53},{"__typename":26},{"__typename":216},{"__typename":53},{"__typename":35},{"node":249,"__typename":38},{"id":250,"title":251,"slug":252,"featuredImage":253,"acf_inspiration":257,"__typename":37},"cG9zdDoxMDY1","Taking ownership of your code","taking-ownership-of-your-code",{"node":254,"__typename":17},{"sizes":13,"srcSet":255,"mediaItemUrl":256,"__typename":16},"https://jalokim.graphics/api/wp-content/uploads/2020/12/photo-1507668077129-56e32842fceb-500x500.jpg 500w, https://jalokim.graphics/api/wp-content/uploads/2020/12/photo-1507668077129-56e32842fceb-150x150.jpg 150w","https://jalokim.graphics/api/wp-content/uploads/2020/12/photo-1507668077129-56e32842fceb.jpg",{"tags":127,"technicalLevel":106,"layouts":258,"__typename":36},[259,261,262,263,264,265,266,267,268,269,270],{"desc":260,"fieldGroupName":24,"__typename":24},"We know this phrase from the great Bible of corpo-jargon, but do you know what it means to be involved in a project? Being involved is a good thing, and your investment can bring a lot of return. Stop being a programmer with horse shades on your eyes. Get a feel for your project, get it all over you, just like in those videos you watch of girls wrestling in bubble baths. Yes those ones. Yes, I know you watch them.",{"__typename":53},{"__typename":32},{"__typename":53},{"__typename":26},{"__typename":216},{"__typename":26},{"__typename":216},{"__typename":26},{"__typename":26},{"__typename":32},{"node":272,"__typename":38},{"id":273,"title":274,"slug":275,"featuredImage":276,"acf_inspiration":280,"__typename":37},"cG9zdDo5MzY=","Design is Discipline","design-is-discipline",{"node":277,"__typename":17},{"sizes":13,"srcSet":278,"mediaItemUrl":279,"__typename":16},"https://jalokim.graphics/api/wp-content/uploads/2020/07/did-1-500x500.jpg 500w, https://jalokim.graphics/api/wp-content/uploads/2020/07/did-1-150x150.jpg 150w","https://jalokim.graphics/api/wp-content/uploads/2020/07/did-1.jpg",{"tags":87,"technicalLevel":106,"layouts":281,"__typename":36},[282,284,285,286,287,288,289,290,291],{"desc":283,"fieldGroupName":24,"__typename":24},"So you are an artist? You want to do UX or UI design? You think that having that \"creative feeling\" and \"good taste\" for aesthetics is all you need?\r\n\u003Cbr>\r\n\u003Cb>Wrong ...\u003C/b>",{"__typename":53},{"__typename":26},{"__typename":26},{"__typename":32},{"__typename":53},{"__typename":26},{"__typename":216},{"__typename":35},"RootQueryToInspirationConnection",{},1713287128437]