https://techhub.iodigital.com/blog Articles, videos and experiments by iO Developers en-us info@iodigital.com (iO tech_hub) info@iodigital.com (iO tech_hub) Mon, 15 Dec 2025 00:00:00 GMT https://techhub.iodigital.com/articles/code-people-flow-the-reality-of-the-tech-lead https://techhub.iodigital.com/articles/code-people-flow-the-reality-of-the-tech-lead Decode the ambiguous role of the Tech Lead by revealing the critical balance between leadership, architecture, and development. Learn how to optimize software flow and manage complexity using insights from Team Topologies, DORA metrics, and Domain-Driven Design. Mon, 15 Dec 2025 00:00:00 GMT info@iodigital.com (iO tech_hub) Osman Fikret Ceylan /authors/osman-fikret-ceylan.jpeg /articles/code-people-flow-the-reality-of-the-tech-lead/pexels-cigdem-bilgin-2154409770-33647018-code-people-flow-the-reality-of-the-tech-lead.jpg Technical LeadershipDomain Driven DesignLead DeveloperWeb Development https://techhub.iodigital.com/articles/angular21-signals-with-forms https://techhub.iodigital.com/articles/angular21-signals-with-forms In the rapidly evolving landscape of Angular 21, this guide provides a practical overview of the current state of form handling in Angular. Tue, 09 Dec 2025 00:00:00 GMT info@iodigital.com (iO tech_hub) Susan Fülöp /authors/susan-fulop.jpeg /articles/angular21-signals-with-forms/angular21-signals-with-forms.png AngularAngular21SignalsSignal Forms https://techhub.iodigital.com/articles/designing-with-prompts-ai-powered-frontend-development-and-its-next-step https://techhub.iodigital.com/articles/designing-with-prompts-ai-powered-frontend-development-and-its-next-step Exploring the future of web development through AI powered tools, autonomous agents, and the ethical considerations that come with this transformative technology insights from React Summit 2025. Fri, 05 Dec 2025 00:00:00 GMT info@iodigital.com (iO tech_hub) Osman Fikret Ceylan /authors/osman-fikret-ceylan.jpeg /articles/designing-with-prompts-ai-powered-frontend-development-and-its-next-step/pexels-rahulp-9800-1933900.jpg AIReactFrontendDevelopmentWeb Development https://techhub.iodigital.com/articles/how-to-create-a-modular-css-architecture-with-layer https://techhub.iodigital.com/articles/how-to-create-a-modular-css-architecture-with-layer Utilize @layer to create a solid modular foundation for styling. It helps the team to orgainize the order of styling. Thu, 20 Nov 2025 00:00:00 GMT info@iodigital.com (iO tech_hub) Valentijn Kap /authors/valentijn-kap.jpg frontendcss https://techhub.iodigital.com/articles/chatgpt-as-my-coding-mentor https://techhub.iodigital.com/articles/chatgpt-as-my-coding-mentor A junior developer's journey from confusion to confidence, learning React and Next.js by discovering how to turn AI into an effective coding mentor through better prompting and asking for explanations 'like I'm 5.' Tue, 18 Nov 2025 00:00:00 GMT info@iodigital.com (iO tech_hub) Ellenoor Bok /authors/ellenoor-bok.jpg /articles/chatgpt-as-my-coding-mentor/learning-react-and-next-with-ai-hero.png aifrontend https://techhub.iodigital.com/articles/building-a-translation-demo-with-chromes-built-in-ai-apis https://techhub.iodigital.com/articles/building-a-translation-demo-with-chromes-built-in-ai-apis A deep dive into the Chrome Translation and Language Detection APIs, featuring a live demo with multilingual product reviews and on-device AI translation. Wed, 29 Oct 2025 00:00:00 GMT info@iodigital.com (iO tech_hub) Dave Bitter /authors/dave-bitter.png /articles/building-a-translation-demo-with-chromes-built-in-ai-apis/building-a-translation-demo-with-chromes-built-in-ai-apis-hero.png aifrontend https://techhub.iodigital.com/articles/function-registry-pattern-react https://techhub.iodigital.com/articles/function-registry-pattern-react Stop writing giant if-else blocks for data transformation. Build clean, extensible code with the Function Registry pattern instead. Tue, 30 Sep 2025 00:00:00 GMT info@iodigital.com (iO tech_hub) Mohsen Mahabadi /authors/mohsen-mahabadi-1.jpg JavaScriptReactTypeScriptArchitectureDesign Patterns https://techhub.iodigital.com/articles/graphql-dgs-the-dream-team-for-modern-apis https://techhub.iodigital.com/articles/graphql-dgs-the-dream-team-for-modern-apis In the rapidly evolving landscape of API development, GraphQL has emerged as a powerful alternative to traditional REST APIs. When combined with Netflix’s Domain Graph Service (DGS) framework and the robustness of Spring Boot with Kotlin, developers can create highly efficient, type-safe, and scalable APIs. In this article, we’ll explore the advantages of this framework and how to set up and build a GraphQL API using these cutting-edge technologies. Mon, 08 Sep 2025 00:00:00 GMT info@iodigital.com (iO tech_hub) Mohammad Hosseini /authors/mohammad-hosseini.jpg /articles/graphql-netflix-dgs-the-dream-team-for-modern-apis/overview.jpeg graphqlkotlinspring-bootnetflix-dgs https://techhub.iodigital.com/articles/creative-coding-with-perlin-noise/creative-coding-with-perlin-noise https://techhub.iodigital.com/articles/creative-coding-with-perlin-noise/creative-coding-with-perlin-noise Have fun with creative coding. Discover how Perlin noise adds life into your creations, replacing harsh randomness with flowing, natural patterns. Creating particles, flow fields, and terrains that feel organic and alive. Tue, 02 Sep 2025 00:00:00 GMT info@iodigital.com (iO tech_hub) Pim van Die /authors/pim-van-die.jpg /articles/creative-coding-with-perlin-noise/cover.jpg frontendjavascriptcreative coding https://techhub.iodigital.com/articles/move-from-basic-autocomplete-to-ai-powered-development-workflows https://techhub.iodigital.com/articles/move-from-basic-autocomplete-to-ai-powered-development-workflows Most developers think AI assistance begins and ends with autocomplete suggestions. But after building everything from complete web applications to voice interfaces using AI tools, I've discovered workflows that transform how we approach development entirely. This isn't about replacing human skills - it's about augmenting them to tackle more ambitious problems, learn faster, and ship better software. Whether you're skeptical about AI or already using basic tools, here's your roadmap from simple suggestions to AI-powered development workflows. Wed, 20 Aug 2025 00:00:00 GMT info@iodigital.com (iO tech_hub) Dave Bitter /authors/dave-bitter.png /articles/move-from-basic-autocomplete-to-ai-powered-development-workflows/move-from-basic-autocomplete-to-ai-powered-development-workflows.png ai https://techhub.iodigital.com/articles/from-idea-to-intelligent-running-coach-vibe-coding-with-n8n-and-ai https://techhub.iodigital.com/articles/from-idea-to-intelligent-running-coach-vibe-coding-with-n8n-and-ai I set out to make my mornings easier and build something fun: a personal running coach that lands in my inbox at 6am. Using n8n Cloud to orchestrate APIs, Cursor to generate the workflows and code nodes, and Gemini to turn weather data into clear coaching advice, I wired up a simple scoring model, friendly analysis, and a nicely styled email (yes, the AI handled the email CSS). This is a practical walkthrough of the approach—less handwritten code, more connecting services—what worked, what didn’t, and why this pattern feels like where everyday developer automation is headed. Mon, 11 Aug 2025 00:00:00 GMT info@iodigital.com (iO tech_hub) Dave Bitter /authors/dave-bitter.png /articles/from-idea-to-intelligent-running-coach-vibe-coding-with-n8n-and-ai/from-idea-to-intelligent-running-coach-vibe-coding-with-n8n-and-ai-hero.png ai https://techhub.iodigital.com/articles/particle-background-effect-with-canvas https://techhub.iodigital.com/articles/particle-background-effect-with-canvas Create a dynamic animated particle background using the HTML5 Canvas API Thu, 07 Aug 2025 00:00:00 GMT info@iodigital.com (iO tech_hub) Steve Jonk /authors/steve-jonk.jpg /articles/particle-background-effect-with-react-and-canvas/particles.jpg frontendanimation https://techhub.iodigital.com/articles/top-10-ways-ai-can-help-your-dev-workflow-outside-of-code-generation https://techhub.iodigital.com/articles/top-10-ways-ai-can-help-your-dev-workflow-outside-of-code-generation AI tools like Cursor and GitHub Copilot can do way more than just generate code. I've been exploring how to use them for documentation, commit messages, code reviews, and other workflow tasks that often get skipped. Here are some practical ways to expand how you use AI in development beyond the usual code generation. Fri, 01 Aug 2025 00:00:00 GMT info@iodigital.com (iO tech_hub) Dave Bitter /authors/dave-bitter.png /articles/top-10-ways-ai-can-help-your-dev-workflow-outside-of-code-generation/top-10-ways-ai-can-help-your-dev-workflow-outside-of-code-generation-hero.jpg ai https://techhub.iodigital.com/articles/built-in-ai-in-chrome https://techhub.iodigital.com/articles/built-in-ai-in-chrome Chrome now offers built-in, on-device AI APIs for summarization, translation, and language detection without the use of cloud required. Mon, 30 Jun 2025 00:00:00 GMT info@iodigital.com (iO tech_hub) Dave Bitter /authors/dave-bitter.png /articles/built-in-ai-in-chrome/built-in-ai-in-chrome-hero.jpg aifrontend https://techhub.iodigital.com/articles/zod-returns https://techhub.iodigital.com/articles/zod-returns A comprehensive guide to Zod, the TypeScript-first schema validation library. Learn how to use Zod for runtime type safety, form validation, API boundary safety, and seamless TypeScript integration. Sun, 15 Jun 2025 00:00:00 GMT info@iodigital.com (iO tech_hub) Sagar Sawuck /authors/sagar-sawuck.jpeg ZodTypeScriptValidationReactFrontend https://techhub.iodigital.com/articles/my-experience-ai-vibe-coding-a-complete-web-application-from-scratch https://techhub.iodigital.com/articles/my-experience-ai-vibe-coding-a-complete-web-application-from-scratch Discover how I built a complete breathing exercise web app without touching a single line of code, using AI to transform an idea into a fully functional product. What was good, what was bad and is this where we are heading in our industry? Tue, 27 May 2025 00:00:00 GMT info@iodigital.com (iO tech_hub) Dave Bitter /authors/dave-bitter.png /articles/my-experience-ai-vibe-coding-a-complete-web-application-from-scratch/paxaura-final-overview.png aicursorfrontend https://techhub.iodigital.com/articles/react-three-fiber-3d-for-the-web https://techhub.iodigital.com/articles/react-three-fiber-3d-for-the-web The simplest way to create interactive 3d experiences Tue, 13 May 2025 00:00:00 GMT info@iodigital.com (iO tech_hub) Tim D'hoore /authors/tim-dhoore.jpg /articles/react-three-fiber-3d-for-the-web/banner-r3f.jpg frontendjsreact https://techhub.iodigital.com/articles/generate-types-with-swagger https://techhub.iodigital.com/articles/generate-types-with-swagger No more manual type generation! In this article, I'll show you how to generate types based on a OpenAPI (Swagger) file using a simple npm package. Mon, 12 May 2025 00:00:00 GMT info@iodigital.com (iO tech_hub) Steve Jonk /authors/steve-jonk.jpg /articles/generate-types-with-swagger/header.jpg frontend https://techhub.iodigital.com/articles/refactoring-gone-wild-avoiding-code-smells-and-cleaning-up-the-mess https://techhub.iodigital.com/articles/refactoring-gone-wild-avoiding-code-smells-and-cleaning-up-the-mess Identifying and avoiding bad coding practices, and refactoring them into clean, elegant, self-explanatory code Thu, 17 Apr 2025 00:00:00 GMT info@iodigital.com (iO tech_hub) Mohamed Elmedany /authors/mohamed-elmedany.jpeg /articles/refactoring-gone-wild-avoiding-code-smells-and-cleaning-up-the-mess/banner.png kotlinrefactoringbest practicesclean code https://techhub.iodigital.com/articles/interop-2025-which-browser-features-to-get-acquainted-with-this-year-and-why-you-should-care https://techhub.iodigital.com/articles/interop-2025-which-browser-features-to-get-acquainted-with-this-year-and-why-you-should-care It’s been a few years since the Interop initiative was set in play. This has historically been one of the key elements in moving the web forward as it aims for a consistent web between browser vendors. In contrast to the “old days browser wars”, we as developers get streamlined features without having to check everything in every browser. The features of Interop 2025 are now known, features to be made stable across browsers by the end of the year. In this article, we’ll take a look at what we should get acquainted with in 2025. Fri, 28 Mar 2025 00:00:00 GMT info@iodigital.com (iO tech_hub) Brecht De Ruyte /authors/brecht-de-ruyte.jpg /articles/interop-2025-which-browser-features-to-get-acquainted-with-this-year-and-why-you-should-care/interop.jpg frontendcssjs https://techhub.iodigital.com/articles/three-days-of-ai-and-cloud-at-google-paris https://techhub.iodigital.com/articles/three-days-of-ai-and-cloud-at-google-paris As part of being a Google Developer Expert, I’m fortunate to be able to join certain Google events to connect, learn and share. The past week I was invited to Google Paris for three days of everything around AI and Cloud. Here’s a short recap with interesting things I heard and what inspired me! Thu, 20 Mar 2025 00:00:00 GMT info@iodigital.com (iO tech_hub) Dave Bitter /authors/dave-bitter.png /articles/three-days-of-ai-and-cloud-at-google-paris/three-days-of-ai-and-cloud-at-google-paris-hero.jpg aicloud https://techhub.iodigital.com/articles/minimal-state-management-tools https://techhub.iodigital.com/articles/minimal-state-management-tools Modern web applications require effective state management solutions, but choosing between Redux, Zustand, Nano Stores, Context API, Recoil, Jotai, and other options can be overwhelming. Let's compare some of these state management tools based on complexity, performance, developer experience, and use cases to help you select the right one for your specific project needs Wed, 05 Mar 2025 00:00:00 GMT info@iodigital.com (iO tech_hub) Audrey Behiels /authors/audrey-behiels.jpeg /articles/minimal-state-management-tools/coding.jpg JavaScript https://techhub.iodigital.com/articles/google-days/io-digitals-java-team-adventure-in-container-orchestration https://techhub.iodigital.com/articles/google-days/io-digitals-java-team-adventure-in-container-orchestration Recently, our Java team embarked on an exciting journey into the world of Kubernetes, exploring its capabilities and potential for enhancing our development and deployment processes. This "Google Day" initiative allowed our team members to dive deep into Kubernetes, experimenting with advanced deployment techniques like A/B testing and Canary releases. Here's a recap of our adventures and discoveries. Thu, 27 Feb 2025 00:00:00 GMT info@iodigital.com (iO tech_hub) Arno Koehler /authors/arno-koehler.png /articles/io-digitals-java-team-adventure-in-container-orchestration/kubenetes-workshop.png kubernetesdevopsdocker https://techhub.iodigital.com/articles/what-is-webllm https://techhub.iodigital.com/articles/what-is-webllm WebLLM runs in browser to allow Models to be more accessible inside the browser and fully client side! With the evaluation of AI technologies, it is expected that WebLLM will be an important part of future applications. Fri, 21 Feb 2025 00:00:00 GMT info@iodigital.com (iO tech_hub) Jafar Rezaei /authors/jafar-rezaei.jpeg /articles/what-is-webllm/header.jpg frontendweb-llmllmlarge-language-models https://techhub.iodigital.com/articles/how-to-write-effective-and-clean-unit-tests https://techhub.iodigital.com/articles/how-to-write-effective-and-clean-unit-tests Learn essential best practices for writing clean and effective unit tests in JavaScript. From using descriptive test cases to following the Arrange-Act-Assert pattern, discover how to enhance your testing practices for better code quality and maintainability. Tue, 18 Feb 2025 00:00:00 GMT info@iodigital.com (iO tech_hub) Komeil Mehranfar /authors/komeil-mehranfar.jpg /articles/how-to-write-effective-and-clean-unit-tests/banner.png javascripttestingunit-testsjestbest-practices https://techhub.iodigital.com/articles/frontend-automation-with-github-actions-and-aws https://techhub.iodigital.com/articles/frontend-automation-with-github-actions-and-aws No matter which tech stack you use, automating your deployment process can save you time and headaches. Let's see how to use Github Actions to automate your frontend deployments to AWS S3. Tue, 04 Feb 2025 00:00:00 GMT info@iodigital.com (iO tech_hub) Sagar Sawuck /authors/sagar-sawuck.jpeg /articles/frontend-automation-with-github-actions-and-aws/gha-in-action.png frontendawsgithub-actionsdevops https://techhub.iodigital.com/articles/a-visit-to-performance-now-conference-2024-amsterdam https://techhub.iodigital.com/articles/a-visit-to-performance-now-conference-2024-amsterdam I had the pleasure of attending the performance.now() conference in Amsterdam. Here are some of the highlights from the event. Mon, 03 Feb 2025 00:00:00 GMT info@iodigital.com (iO tech_hub) Clarke Verdel /authors/clarke-verdel.jpg /articles/a-visit-to-performance-now-conference-2024-amsterdam/entrance-badge.jpg performancecore web vitalsRUMperformance.now()monitoringconference https://techhub.iodigital.com/articles/accessibility-tools https://techhub.iodigital.com/articles/accessibility-tools In today’s digital age, many websites remain inaccessible to individuals with physical or cognitive disabilities. However, there are numerous accessibility tools available to help audit and improve your web content, ensuring accessibility for everyone. Tue, 14 Jan 2025 00:00:00 GMT info@iodigital.com (iO tech_hub) Ravindre Ramjiawan /authors/ravindre-ramjiawan.jpg /articles/accessibility-tools/a11y.png frontenda11yaccessibility https://techhub.iodigital.com/articles/introduction-to-rag https://techhub.iodigital.com/articles/introduction-to-rag Fed up with AI that makes up facts and can't keep up with your latest data? That's where RAG (Retrieval-Augmented Generation) comes in – the clever technique that's changing how we build AI applications that actually work. Fri, 10 Jan 2025 00:00:00 GMT info@iodigital.com (iO tech_hub) Wouter Heldens /authors/wouter-heldens.jpg ragai https://techhub.iodigital.com/articles/the-power-of-integrity-in-both-work-and-life https://techhub.iodigital.com/articles/the-power-of-integrity-in-both-work-and-life In this article, I explain how being a person of integrity has helped me. I share my experiences and tips to help you on your journey towards integrity in both personal and professional life. Tue, 07 Jan 2025 00:00:00 GMT info@iodigital.com (iO tech_hub) Komeil Mehranfar /authors/komeil-mehranfar.jpg /articles/the-power-of-integrity-in-both-work-and-life/banner.png integrityleadershippersonal-development https://techhub.iodigital.com/articles/building-scalable-micro-frontends-with-next-js-multi-zones https://techhub.iodigital.com/articles/building-scalable-micro-frontends-with-next-js-multi-zones Let's see how Next.js Multi Zones can make building micro frontends a breeze. Tue, 10 Dec 2024 00:00:00 GMT info@iodigital.com (iO tech_hub) Dave Bitter /authors/dave-bitter.png /articles/building-scalable-micro-frontends-with-next-js-multi-zones/next-multi-zones-hero.png nextreactfrontendmicro frontends https://techhub.iodigital.com/articles/exploring-mobile-development-with-react-native https://techhub.iodigital.com/articles/exploring-mobile-development-with-react-native Exploring React Native for cross-platform apps as a front-end developer, finding strengths in familiarity and challenges in styling and native feel. Mon, 18 Nov 2024 00:00:00 GMT info@iodigital.com (iO tech_hub) Lee Ravenberg /authors/lee-ravenberg.webp /articles/exploring-mobile-development-with-react-native/mobile-development.webp frontendreact native https://techhub.iodigital.com/articles/what-are-react-portals https://techhub.iodigital.com/articles/what-are-react-portals Let's have a look at React Portals and how they can help you in a pinch. Fri, 15 Nov 2024 00:00:00 GMT info@iodigital.com (iO tech_hub) Dave Bitter /authors/dave-bitter.png /articles/what-are-react-portals/react-portal-hero.png reactfrontend https://techhub.iodigital.com/articles/distributed-chat-system/system-components-communication-and-chat-api https://techhub.iodigital.com/articles/distributed-chat-system/system-components-communication-and-chat-api How the components of the chat system communicate, and what are the specifications of the chat API. Fri, 01 Nov 2024 00:00:00 GMT info@iodigital.com (iO tech_hub) Mohamed Elmedany /authors/mohamed-elmedany.jpeg /articles/distributed-chat-system/banner.png javaspring bootkafkadocker https://techhub.iodigital.com/articles/umbraco-package-of-the-month/csp-manager https://techhub.iodigital.com/articles/umbraco-package-of-the-month/csp-manager Looking at CSP Manager that lets you control the CSP from Umbraco Fri, 04 Oct 2024 00:00:00 GMT info@iodigital.com (iO tech_hub) Jeroen van Kempen /authors/jeroen-van-kempen.png umbracocsp https://techhub.iodigital.com/articles/controlling-video-scroll https://techhub.iodigital.com/articles/controlling-video-scroll Step into a (very near) future where you can control animations with pure CSS and without the need for any JavaScript? In this article, I'll show you how to control your animations with the new CSS properties scroll-timeline and animation-timeline. Wed, 11 Sep 2024 00:00:00 GMT info@iodigital.com (iO tech_hub) Steve Jonk /authors/steve-jonk.jpg /articles/animations-scroll-timeline/airpods.jpg frontend https://techhub.iodigital.com/articles/scratching-the-web https://techhub.iodigital.com/articles/scratching-the-web How can we use the Web Audio API to create a working realtime turntable? Read my approach and how you might make your own! Wed, 28 Aug 2024 00:00:00 GMT info@iodigital.com (iO tech_hub) Pim van Die /authors/pim-van-die.jpg /articles/scratching-the-web/cover.png frontendjsAudio https://techhub.iodigital.com/articles/umbraco-on-containers/running-umbraco-cms-on-containers https://techhub.iodigital.com/articles/umbraco-on-containers/running-umbraco-cms-on-containers How to set up Umbraco CMS using Docker containers Tue, 27 Aug 2024 00:00:00 GMT info@iodigital.com (iO tech_hub) Ivan Nikolov /authors/ivan-nikolov.jpg umbracodockerazure https://techhub.iodigital.com/articles/umbraco-package-of-the-month/block-preview https://techhub.iodigital.com/articles/umbraco-package-of-the-month/block-preview Looking at two packages that show your blocks in the backend for a better content experience Mon, 26 Aug 2024 00:00:00 GMT info@iodigital.com (iO tech_hub) Jeroen van Kempen /authors/jeroen-van-kempen.png umbraco https://techhub.iodigital.com/articles/view-transitions-for-multi-page-apps https://techhub.iodigital.com/articles/view-transitions-for-multi-page-apps We finally have (experimental) View Transitions for Multi-page Apps (MPA)! Let’s explore why this is cool and how we can use it. Fri, 16 Aug 2024 00:00:00 GMT info@iodigital.com (iO tech_hub) Dave Bitter /authors/dave-bitter.png /articles/view-transitions-for-multi-page-apps/view-transitions-for-multi-page-apps-demo.webp frontend https://techhub.iodigital.com/articles/exploring-the-trio-my-journey-with-kotlin-kafka-and-docker https://techhub.iodigital.com/articles/exploring-the-trio-my-journey-with-kotlin-kafka-and-docker In this blog, I share my experience of learning Kotlin, Kafka, and Docker while building a Spring-boot application. Join me on this journey as I explore these technologies and provide insights into my project approach, technology integration, and what i like to call the minimum business logic approach. Wed, 14 Aug 2024 00:00:00 GMT info@iodigital.com (iO tech_hub) Michelle van der Linde /authors/michelle-van-der-linde.jpeg /articles/exploring-the-trio-my-journey-with-kotlin-kafka-and-docker/the-trio.png kotlinkafkadockerbackend https://techhub.iodigital.com/articles/take-control-over-your-ci-cd-process-with-github-actions-vercel https://techhub.iodigital.com/articles/take-control-over-your-ci-cd-process-with-github-actions-vercel How do you take full advantage of GitHub when you deploy to Vercel? Let GitHub Actions take care of your pipelines and let Vercel do the hosting. Mon, 05 Aug 2024 00:00:00 GMT info@iodigital.com (iO tech_hub) Clarke Verdel /authors/clarke-verdel.jpg /articles/take-control-over-your-ci-cd-process-with-github-actions-vercel/github-actions-workflow-runs.jpg ci/cdgithub actionsvercel https://techhub.iodigital.com/articles/distributed-chat-system/introduction-and-authorization-server https://techhub.iodigital.com/articles/distributed-chat-system/introduction-and-authorization-server An introduction to the chat system, including the design and implementation of its authorisation server. Fri, 02 Aug 2024 00:00:00 GMT info@iodigital.com (iO tech_hub) Mohamed Elmedany /authors/mohamed-elmedany.jpeg /articles/distributed-chat-system/banner.png javaspring bootspring securityoauth2 https://techhub.iodigital.com/articles/javascript-logical-operators/javascript-logical-operators https://techhub.iodigital.com/articles/javascript-logical-operators/javascript-logical-operators This article approaches logical operators from a practical perspective by giving more real-life examples and describing guidelines on when to use what. Mon, 22 Jul 2024 00:00:00 GMT info@iodigital.com (iO tech_hub) Anthony Bendeler /authors/anthony-bendeler.jpg JavaScriptTypeScript https://techhub.iodigital.com/articles/umbraco-package-of-the-month/accessibility-reporter https://techhub.iodigital.com/articles/umbraco-package-of-the-month/accessibility-reporter A quick look at the Umbraco package Accessibility Reporter. What is it and how does it work? Fri, 19 Jul 2024 00:00:00 GMT info@iodigital.com (iO tech_hub) Jeroen van Kempen /authors/jeroen-van-kempen.png umbracoa11yaccessibility https://techhub.iodigital.com/articles/making-web-workers-enjoyable https://techhub.iodigital.com/articles/making-web-workers-enjoyable In a single threaded environment Web Workers allow for offloading intensive tasks to keep the main thread free and responsive. Fri, 05 Jul 2024 00:00:00 GMT info@iodigital.com (iO tech_hub) Ravindre Ramjiawan /authors/ravindre-ramjiawan.jpg /articles/making-web-workers-enjoyable/circuit-board-6557683_1280.jpg frontendweb workersjavascripttypescript https://techhub.iodigital.com/articles/concurrency-with-coroutines-in-kotlin https://techhub.iodigital.com/articles/concurrency-with-coroutines-in-kotlin Learn some Kotlin basics and how to easily use coroutines to write parallelized code cleanly according to structured concurrency. Wed, 03 Jul 2024 00:00:00 GMT info@iodigital.com (iO tech_hub) Ruud Nimour /authors/ruud-nimour.jpg /articles/concurrency-with-coroutines-in-kotlin/multithreaded.png kotlinconcurrencycoroutinesbackend https://techhub.iodigital.com/articles/this-was-css-day-2024-the-10th-edition https://techhub.iodigital.com/articles/this-was-css-day-2024-the-10th-edition Another year, another CSS Day. I’m always happy to return to Amsterdam for this occasion, It’s one of the things I look forward to every year. So naturally, I’m happy that iO still allowed me to go there with my training budget, and the least I could do, is write a summary of this event on the tech_hub. Thu, 27 Jun 2024 00:00:00 GMT info@iodigital.com (iO tech_hub) Brecht De Ruyte /authors/brecht-de-ruyte.jpg /articles/this-was-css-day-2024-the-10th-edition/css-day.jpg frontendcsseventsconference https://techhub.iodigital.com/articles/storyblok-live-editing-nextjs-app-router https://techhub.iodigital.com/articles/storyblok-live-editing-nextjs-app-router How to keep live editing support with Storyblok's full React Server Components approach for Next.js Tue, 04 Jun 2024 00:00:00 GMT info@iodigital.com (iO tech_hub) Daniël Krux /authors/daniel-krux.jpeg /articles/storyblok-live-editing-nextjs-app-router/storyblokxnextjs.webp Next.jsStoryblok https://techhub.iodigital.com/articles/its-time-to-forget-your-passwords https://techhub.iodigital.com/articles/its-time-to-forget-your-passwords Dive into the browser standard of securing login and authentication using the WebAuthn browser API Tue, 28 May 2024 00:00:00 GMT info@iodigital.com (iO tech_hub) Jelle Biesemans /authors/jelle-biesemans.jpg /articles/its-time-to-forget-your-passwords/heading.png cybersecurityauthenticationweb auth https://techhub.iodigital.com/articles/on-the-fly-machine-learning-in-the-browser-with-tensor-flow-js https://techhub.iodigital.com/articles/on-the-fly-machine-learning-in-the-browser-with-tensor-flow-js TensorFlow.js is an incredibly powerful JavaScript library for training and deploying machine learning models in the browser and Node. js. Let’s explore this library by building a teachable machine! Fri, 17 May 2024 00:00:00 GMT info@iodigital.com (iO tech_hub) Dave Bitter /authors/dave-bitter.png /articles/on-the-fly-machine-learning-in-the-browser-with-tensor-flow-js/hero.webp frontendmachine-learning https://techhub.iodigital.com/articles/5-firestore-tips https://techhub.iodigital.com/articles/5-firestore-tips You want to try out Cloud Firestore as a database solution? Here are five insights I wish I knew before starting with Firestore's NoSQL database. Fri, 10 May 2024 00:00:00 GMT info@iodigital.com (iO tech_hub) Zakaria Taissate /authors/zakaria-taissate.webp /articles/5-firestore-tips/firestore-article.jpg FirestoreFirebaseBackendFull-stackdatabases https://techhub.iodigital.com/articles/going-beyond-pixels-and-rems-in-css/absolute-length-units https://techhub.iodigital.com/articles/going-beyond-pixels-and-rems-in-css/absolute-length-units Oh my, usually when writing a series like this, people tend to leave the best for last, but in this case, it seems that the best is behind us. But as I am a completionist, this last part of the CSS Units series will be about absolute units, the units you mostly - absolutely - want to avoid. But can help in certain cases. Fri, 22 Mar 2024 00:00:00 GMT info@iodigital.com (iO tech_hub) Brecht De Ruyte /authors/brecht-de-ruyte.jpg /articles/going-beyond-pixels-and-rems-in-css/visual-pixel.jpg frontendcss https://techhub.iodigital.com/articles/progressively-enhance-handling-your-forms-with-react-js-server-actions https://techhub.iodigital.com/articles/progressively-enhance-handling-your-forms-with-react-js-server-actions A large part of adding interactivity to your applications is through forms. Single Page Applications SPAs have not always handled this part the best. Let’s have a look at how we can use React.js Server Actions to handle your forms progressively enhanced. Fri, 08 Mar 2024 00:00:00 GMT info@iodigital.com (iO tech_hub) Dave Bitter /authors/dave-bitter.png /articles/progressively-enhance-handling-your-forms-with-react-js-server-actions/hero.png frontendreactjavascript https://techhub.iodigital.com/articles/going-beyond-pixels-and-rems-in-css/container-query-length-units https://techhub.iodigital.com/articles/going-beyond-pixels-and-rems-in-css/container-query-length-units In the third part of this series, we’ll look at length units based on the container. Yes, you heard that right, we can finally get some measurements based on a containing element and that just spells awesome in my book. Currently available in all evergreen browsers, these units open up a lot of opportunities to create some smart systems and once again, I will write this up packed with a bunch of demos and cool use cases. Wed, 28 Feb 2024 00:00:00 GMT info@iodigital.com (iO tech_hub) Brecht De Ruyte /authors/brecht-de-ruyte.jpg /articles/going-beyond-pixels-and-rems-in-css/visual-pixel-containers.jpg frontendcss https://techhub.iodigital.com/articles/going-beyond-pixels-and-rems-in-css/relative-length-units-based-on-the-viewport https://techhub.iodigital.com/articles/going-beyond-pixels-and-rems-in-css/relative-length-units-based-on-the-viewport In this second part of the series, let’s talk about units based on the viewport also known as "the viewport-percentage length units". A lot of developers know these, but they can create some unexpected behavior, especially in combination with scrollbars and mobile behavior. Based on some articles and videos I picked up on the web from time to time, I'd like to explain some of the common pitfalls when using viewport units. Thu, 08 Feb 2024 00:00:00 GMT info@iodigital.com (iO tech_hub) Brecht De Ruyte /authors/brecht-de-ruyte.jpg /articles/going-beyond-pixels-and-rems-in-css/visual-pixel-viewport.jpg frontendcss https://techhub.iodigital.com/articles/your-user-does-not-prefer-your-design https://techhub.iodigital.com/articles/your-user-does-not-prefer-your-design As developers and designers, we make a plethora of design decisions while building a website. We try to cater to everybody, but that is an impossible task. So how can we listen to some of the preferences of our users? Thu, 01 Feb 2024 00:00:00 GMT info@iodigital.com (iO tech_hub) Dave Bitter /authors/dave-bitter.png /articles/your-user-does-not-prefer-your-design/your-user-does-not-prefer-your-design.png cssfrontend https://techhub.iodigital.com/articles/going-beyond-pixels-and-rems-in-css/relative-length-units-based-on-font https://techhub.iodigital.com/articles/going-beyond-pixels-and-rems-in-css/relative-length-units-based-on-font There are a lot of CSS units available at the moment and we mostly still rely on pixels and (r)ems for our sizing and fonts. I say it’s time to do a little freshening up. Instead of writing a list of which units are available in CSS that you can easily find on MDN as well, I thought I’d give some examples of where they could come in handy. I will create a mini-series out of this and for the first part, let’s start off with relative length units based on font. Tue, 30 Jan 2024 00:00:00 GMT info@iodigital.com (iO tech_hub) Brecht De Ruyte /authors/brecht-de-ruyte.jpg /articles/going-beyond-pixels-and-rems-in-css/visual-pixel-fonts.png frontendcss https://techhub.iodigital.com/articles/what-i-learned-from-becoming-cpacc https://techhub.iodigital.com/articles/what-i-learned-from-becoming-cpacc My personal experiences after completing the IAAP Certified Professional in Accessibility Core Competencies exam. Tue, 02 Jan 2024 00:00:00 GMT info@iodigital.com (iO tech_hub) Tim Dujardin /authors/tim-dujardin.jpg a11yaccessibilityiaapcpacccertificationdeque https://techhub.iodigital.com/articles/css-relative-colors https://techhub.iodigital.com/articles/css-relative-colors Before the relative color syntax you had to rely on CSS variables or even worse: JavaScript to modify the parameters of a color. Using the from keyword the browser can convert the originating color to different color spaces and change the color properties. Fri, 01 Dec 2023 00:00:00 GMT info@iodigital.com (iO tech_hub) Lucien Immink /authors/lucien-immink.webp /articles/css-relative-colors/color-spectrum.webp frontendCSS https://techhub.iodigital.com/articles/deferrable-views https://techhub.iodigital.com/articles/deferrable-views The most exciting feature of Angular 17 might be Deferrable Views. It makes it possible to lazy load specific Angular standalone components or show a placeholder as the component is loading. It seems like this feature should go well with Skeletons. Stay around to find out. Fri, 24 Nov 2023 00:00:00 GMT info@iodigital.com (iO tech_hub) Alexey Ses /authors/alexey-ses.jpg /articles/deferrable-views/deferrable-views-cover.webp frontendangular https://techhub.iodigital.com/articles/coven-of-wisdom-evh-aws-nov-23-recap https://techhub.iodigital.com/articles/coven-of-wisdom-evh-aws-nov-23-recap The Coven of Wisdom Eindhoven meetup on Nov. 16th, in partnership with AWS and the amazing Samuel Sopeju from AWS, was a total blast! The goal was simple: dive headfirst into the deep end of machine learning using Amazon SageMaker. And we did just that! Thu, 16 Nov 2023 00:00:00 GMT info@iodigital.com (iO tech_hub) Maarten Van Hoof /authors/maarten-van-hoof.jpg AWSAIcoven of wisdom https://techhub.iodigital.com/articles/reducing-latency-in-ai-speech-synthesis https://techhub.iodigital.com/articles/reducing-latency-in-ai-speech-synthesis AI-powered speech synthesis is getting incredibly realistic. This opens up many possibilities to generate realistic audio based on the text you provide. Whilst relatively fast, the latency still isn’t low enough for “real-time synthesis”. Let’s optimise that! Thu, 16 Nov 2023 00:00:00 GMT info@iodigital.com (iO tech_hub) Dave Bitter /authors/dave-bitter.png /articles/reducing-latency-in-ai-speech-synthesis/aiva.png frontendaichat-gptvoice https://techhub.iodigital.com/articles/interacting-with-chat-gpt-through-voice-ui-on-the-web https://techhub.iodigital.com/articles/interacting-with-chat-gpt-through-voice-ui-on-the-web How can I improve the way someone interacts with ChatGPT? How can I make it feel more natural than a dreadful “chatbot”? Can I create something cool? Those were some of the questions I asked myself recently while starting a two-day hackathon at iO. I’ll take you through what I build, how, and most importantly, why. Thu, 02 Nov 2023 00:00:00 GMT info@iodigital.com (iO tech_hub) Dave Bitter /authors/dave-bitter.png /articles/interacting-with-chat-gpt-through-voice-ui-on-the-web/aiva.png frontendaichat-gptvoice https://techhub.iodigital.com/articles/coven-of-wisdom-evh-css-recap https://techhub.iodigital.com/articles/coven-of-wisdom-evh-css-recap On October 26th, the Coven of Wisdom held its CSS meetup in Eindhoven. To really allow going deep on CSS and Web UIs, we invited 2 heavy hitters regarding these domains, Brecht De Ruyte en Hidde de Vries. Fri, 27 Oct 2023 00:00:00 GMT info@iodigital.com (iO tech_hub) Maarten Van Hoof /authors/maarten-van-hoof.jpg frontendcsscoven of wisdom https://techhub.iodigital.com/articles/view-transitions-api-animated-interactions https://techhub.iodigital.com/articles/view-transitions-api-animated-interactions Transform your web app with two lines of code – create seamless animated interactions using the View Transitions API. Wed, 18 Oct 2023 00:00:00 GMT info@iodigital.com (iO tech_hub) Dave Bitter /authors/dave-bitter.png /articles/view-transitions-api-animated-interactions/view-transitions-api-animated-interactions.png frontendcss https://techhub.iodigital.com/articles/javascript-module-systems https://techhub.iodigital.com/articles/javascript-module-systems In this article, we are going to talk about different JS module systems, such as CommonJs, AMD, UMD, and ES Modules. Wed, 11 Oct 2023 00:00:00 GMT info@iodigital.com (iO tech_hub) Mohsen Mahabadi /authors/mohsen-mahabadi-1.jpg JavaScriptModule SystemsFrontend https://techhub.iodigital.com/articles/i-dont-want-to-leave-my-terminal https://techhub.iodigital.com/articles/i-dont-want-to-leave-my-terminal Proficiency in the terminal enhances efficiency and opens up a world of opportunities with handy tools and quick commands. Tue, 10 Oct 2023 00:00:00 GMT info@iodigital.com (iO tech_hub) Jafar Rezaei /authors/jafar-rezaei.jpeg /articles/i-dont-want-to-leave-my-terminal/hero.webp terminaldevelopmentgeek https://techhub.iodigital.com/articles/ng-mocks https://techhub.iodigital.com/articles/ng-mocks There are multiple ways to speed up unit tests development in Angular. Let me show two of them using the NG-Mocks library. Wed, 04 Oct 2023 00:00:00 GMT info@iodigital.com (iO tech_hub) Alexey Ses /authors/alexey-ses.jpg /articles/ng-mocks/ng-mocks-cover.png frontendangularunit-tests https://techhub.iodigital.com/articles/codiumai-for-unit-tests https://techhub.iodigital.com/articles/codiumai-for-unit-tests Unit tests are an essential part of software development. Tests help you to ensure that the code works as you expect. It takes time to create all necessary tests. But there is a way to generate them. Wed, 27 Sep 2023 00:00:00 GMT info@iodigital.com (iO tech_hub) Alexey Ses /authors/alexey-ses.jpg /articles/codiumai-for-unit-tests/codiumai-for-unit-tests-cover.webp frontendunit-testsvs-codeintellij-idea https://techhub.iodigital.com/articles/css-order-rule https://techhub.iodigital.com/articles/css-order-rule To use order on one element means using order on each of its siblings, too. Tue, 12 Sep 2023 00:00:00 GMT info@iodigital.com (iO tech_hub) Remy Parzinski /authors/remy-parzinski.jpg cssflexgrid https://techhub.iodigital.com/articles/explicit-resource-management-in-typescript-5.2 https://techhub.iodigital.com/articles/explicit-resource-management-in-typescript-5.2 The TypeScript implementation of the `using` and `await using` declarations from the TC39 Explicit Resource Management proposal, which is currently at Stage 3 Fri, 08 Sep 2023 00:00:00 GMT info@iodigital.com (iO tech_hub) Mohi Bagherani /authors/mohi-bagherani.jpg /articles/explicit-resource-management-in-typescript-5.2/explicit-resource-management-in-typescript-5.2.webp.webp typescriptweb-developmentjavascript https://techhub.iodigital.com/articles/consistent-css-spacing-is-hard https://techhub.iodigital.com/articles/consistent-css-spacing-is-hard Two simple guidelines is all it takes to prevent rampant spacing issues from turning your expertly crafted project into an endless game of whack-a-mole. Tue, 15 Aug 2023 00:00:00 GMT info@iodigital.com (iO tech_hub) Niels Matthijs /authors/niels-matthijs.jpg /articles/consistent-css-spacing-is-hard/whack-a-mole.jpg frontendcss https://techhub.iodigital.com/articles/finite-state-machines-in-javascript https://techhub.iodigital.com/articles/finite-state-machines-in-javascript Application state can make any application complex real quick. Let’s have a look at Finite State Machines in Javascript to resolve some of these complexities. Tue, 01 Aug 2023 00:00:00 GMT info@iodigital.com (iO tech_hub) Dave Bitter /authors/dave-bitter.png /articles/finite-state-machines-in-javascript/finite-state-machines-in-javascript.jpg frontendjavascript https://techhub.iodigital.com/articles/streamlining-deployment-and-scaling https://techhub.iodigital.com/articles/streamlining-deployment-and-scaling A small go-through to explore Kubernetes, Helm and Terraform Thu, 27 Jul 2023 00:00:00 GMT info@iodigital.com (iO tech_hub) Eyad Jarrar /authors/eyad-jarrar.jpg /articles/streamlining-deployment-and-scaling/Intro-Clouds.jpg KubernetesMinikubek8sHelmTerraformDockerizationKotlinSpringboot https://techhub.iodigital.com/articles/indexed-db-web-storage https://techhub.iodigital.com/articles/indexed-db-web-storage Explore the advantages of IndexedDB over the Web Storage API as a more efficient and sophisticated alternative for storing structured data on the client, eliminating the need for repetitive JSON parsing and stringifying operations. Thu, 20 Jul 2023 00:00:00 GMT info@iodigital.com (iO tech_hub) Dave Bitter /authors/dave-bitter.png /articles/indexed-db-web-storage/indexed-db-web-storage.jpeg frontendjavascript https://techhub.iodigital.com/articles/code-is-for-humans-and-humans-alone https://techhub.iodigital.com/articles/code-is-for-humans-and-humans-alone Write code for human beings to improve developer experience, readability and maintainability Wed, 19 Jul 2023 00:00:00 GMT info@iodigital.com (iO tech_hub) Remy Parzinski /authors/remy-parzinski.jpg /articles/code-is-for-humans-and-humans-alone/JavaScript-58acbb8a3df78c345bad32c2.webp clean-codedxcode-qualityproductivity https://techhub.iodigital.com/articles/tailwind-for-productivity https://techhub.iodigital.com/articles/tailwind-for-productivity In general, developers don't find writing CSS the most fun part of software development. Although, in my opinion, Tailwind CSS makes it fun and efficient! Thu, 13 Jul 2023 00:00:00 GMT info@iodigital.com (iO tech_hub) Ronny Rook /authors/ronny-rook.jpg TailwindCSSFrontendProductivityDX https://techhub.iodigital.com/articles/white-labeling-a-frontend-monorepo https://techhub.iodigital.com/articles/white-labeling-a-frontend-monorepo Defining a good structure for your theme, components, and files is key to maintaining code for multiple brands. If you're coding multiple applications within one shared codebase, these guidelines will help you out. Mon, 03 Jul 2023 00:00:00 GMT info@iodigital.com (iO tech_hub) Zakaria Taissate /authors/zakaria-taissate.webp FrontendCSSMonorepoDesign systemWhite labelingFrontend Architecture https://techhub.iodigital.com/articles/going-beyond-constants-with-custom-properties https://techhub.iodigital.com/articles/going-beyond-constants-with-custom-properties If you love CSS, you’ve probably heard of custom properties (a.k.a. CSS variables) before. Still, a lot of people seem to use them as constants for their CSS. In this article, I will try to give you some more insights on how you can use these custom properties to create some smart systems or even use them as booleans in CSS and create easy progressive enhancements. Mon, 26 Jun 2023 00:00:00 GMT info@iodigital.com (iO tech_hub) Brecht De Ruyte /authors/brecht-de-ruyte.jpg /articles/going-beyond-constants-with-custom-properties/custom-properties.png frontendcss https://techhub.iodigital.com/articles/6-vscode-tips https://techhub.iodigital.com/articles/6-vscode-tips As developers, we aim to be as efficient as possible. That's why we will explore six tips to boost your productivity in Visual Studio Code (VSCode). These tips will help you save time and reduce the need for excessive clicking. Let's dive in! Wed, 21 Jun 2023 00:00:00 GMT info@iodigital.com (iO tech_hub) Zakaria Taissate /authors/zakaria-taissate.webp VSCodeProductivityCode-quality https://techhub.iodigital.com/articles/how-to-make-your-github-profile-stand-out https://techhub.iodigital.com/articles/how-to-make-your-github-profile-stand-out In this article, we will look at how you can make your GitHub profile stand out from the crowd. Thu, 04 May 2023 00:00:00 GMT info@iodigital.com (iO tech_hub) Dave Bitter /authors/dave-bitter.png /articles/how-to-make-your-github-profile-stand-out/hero.png github https://techhub.iodigital.com/articles/js-import-maps https://techhub.iodigital.com/articles/js-import-maps Traditionally, developers have used build tools like Webpack or Rollup to bundle and optimize their code for production. These build processes can be time-consuming to set up and make development more complicated. With native JavaScript modules now widely supported in modern web browsers, there is a need to map JavaScript packages to their source files. Wed, 03 May 2023 00:00:00 GMT info@iodigital.com (iO tech_hub) Sander Borgman /authors/sandbor.jpg frontendweb-capabilitiesjavascript https://techhub.iodigital.com/articles/convention-over-configuration-with-redwoodjs https://techhub.iodigital.com/articles/convention-over-configuration-with-redwoodjs We have seen how the industry has continuously raised the level of abstraction to allow developers to spend more time delivering functionality and less time writing low-level infrastructure. Even though JavaScript is the most versatile programming language on the planet, we still have a long way to go. Fri, 28 Apr 2023 00:00:00 GMT info@iodigital.com (iO tech_hub) Lee Ravenberg /authors/lee-ravenberg.webp /articles/convention-over-configuration-with-redwoodjs/convention-over-configuration-with-redwoodjs.jpg JavaScriptRedwoodJS https://techhub.iodigital.com/articles/inversion-of-control-through-compound-components https://techhub.iodigital.com/articles/inversion-of-control-through-compound-components Learn how to keep your component libraries simple, easy to use, and adaptable to many use cases by leveraging Inversion of Control through Compound Components. Wed, 26 Apr 2023 00:00:00 GMT info@iodigital.com (iO tech_hub) Dave Bitter /authors/dave-bitter.png /articles/inversion-of-control-through-compound-components/inversion-of-control-through-compound-components.webp frontendreactjavascript https://techhub.iodigital.com/articles/project-fugu https://techhub.iodigital.com/articles/project-fugu Cross-platform software development is hard. Each platform has its specific implementation of an API and you end up with separate apps for each platform. Multiple frameworks try to fix this issue by creating an abstract between the platform and the application. Browser vendors are doing the same and it's called Project Fugu. Fri, 14 Apr 2023 00:00:00 GMT info@iodigital.com (iO tech_hub) Lucien Immink /authors/lucien-immink.webp /articles/project-fugu/header.webp frontendweb-capabilitiesproject-fugu https://techhub.iodigital.com/articles/the-view-transitions-api https://techhub.iodigital.com/articles/the-view-transitions-api The View Transitions API has landed in Chrome. Let’s have a look at how the API works and why it will change the feel of the web. Tue, 11 Apr 2023 00:00:00 GMT info@iodigital.com (iO tech_hub) Dave Bitter /authors/dave-bitter.png /articles/view-transitions-api/view-transitions-api-demo.webp frontend https://techhub.iodigital.com/articles/advent-of-code https://techhub.iodigital.com/articles/advent-of-code Advent Of Code is a set of puzzles that will test your problem-solving skills using your favourite programming language. You do not need extensive programming skills, but the knowledge of some standard algorithms is a pre. Plus, it is a lot of fun and a very exciting way to challenge yourself. Wed, 08 Feb 2023 00:00:00 GMT info@iodigital.com (iO tech_hub) Dmitri Sirobokov /authors/dmitri-sirobokov.jpg advent of codejava https://techhub.iodigital.com/articles/how-to-build-accessible-main-navigation https://techhub.iodigital.com/articles/how-to-build-accessible-main-navigation This article contains a guide to building an accessible main navigation of a website in 5 steps. The key takeaways of this guide are HTML semantics, WAI-ARIA, CSS, and JS for accessibility. Tue, 07 Feb 2023 00:00:00 GMT info@iodigital.com (iO tech_hub) Tim Dujardin /authors/tim-dujardin.jpg frontenda11yaccessibility https://techhub.iodigital.com/articles/frontend-loves-openapi/real-live-example-of-open-api-in-a-front-end-project https://techhub.iodigital.com/articles/frontend-loves-openapi/real-live-example-of-open-api-in-a-front-end-project Fri, 03 Feb 2023 00:00:00 GMT info@iodigital.com (iO tech_hub) Maarten Van Hoof /authors/maarten-van-hoof.jpg frontendAPIArchitecture https://techhub.iodigital.com/articles/the-file-system-access-api https://techhub.iodigital.com/articles/the-file-system-access-api An incredibly powerful API exists to access the local file system of a user. Let’s have a look at how this works and why this could be interesting for your next project. Fri, 03 Feb 2023 00:00:00 GMT info@iodigital.com (iO tech_hub) Dave Bitter /authors/dave-bitter.png /articles/file-system-access-api/file-system-access-api-hero.webp frontendweb capabilitiesproject fugu https://techhub.iodigital.com/articles/firebase-functions https://techhub.iodigital.com/articles/firebase-functions Firebase Functions is a powerful tool that allows developers to build and run backend code for their applications. Wed, 01 Feb 2023 00:00:00 GMT info@iodigital.com (iO tech_hub) Mohsen Mahabadi /authors/mohsen-mahabadi-1.jpg Web Developmentcloud functionsfirebase functions https://techhub.iodigital.com/articles/frontend-loves-openapi/let-your-restful-api-development-soar-with-open-api-tooling https://techhub.iodigital.com/articles/frontend-loves-openapi/let-your-restful-api-development-soar-with-open-api-tooling Because the OpenAPI specification is a specification, just like the EcmaScript, HTML or CSS specification, we can reliably build tooling upon it. This tooling allows us to optimise our OpenAPI workflows and let us save precious time. Wed, 01 Feb 2023 00:00:00 GMT info@iodigital.com (iO tech_hub) Maarten Van Hoof /authors/maarten-van-hoof.jpg frontendAPIArchitecture https://techhub.iodigital.com/articles/frontend-loves-openapi/openapi-the-equalizer-of-api-providers-and-consumers https://techhub.iodigital.com/articles/frontend-loves-openapi/openapi-the-equalizer-of-api-providers-and-consumers How would you incorporate OpenAPI within your project? In this chapter, we'll explore the two main approaches to using OpenAPI and the benefits of each workflow. Tue, 31 Jan 2023 00:00:00 GMT info@iodigital.com (iO tech_hub) Maarten Van Hoof /authors/maarten-van-hoof.jpg frontendAPIArchitecture https://techhub.iodigital.com/articles/sse https://techhub.iodigital.com/articles/sse With Server-sent events, you don't need to ask the server if an event has happened. SSE is sent when the server wants to. Mon, 23 Jan 2023 00:00:00 GMT info@iodigital.com (iO tech_hub) Lucien Immink /authors/lucien-immink.webp networkfrontendcommunication https://techhub.iodigital.com/articles/frontend-loves-openapi/let-me-introduce-you-to-openapi https://techhub.iodigital.com/articles/frontend-loves-openapi/let-me-introduce-you-to-openapi OpenAPI allows us to improve effeciency between teams and interdependent projects. It allows us to describe our API in a single document. In this part of the series, we will take you through the most important parts of an OpenAPI document. Wed, 11 Jan 2023 00:00:00 GMT info@iodigital.com (iO tech_hub) Maarten Van Hoof /authors/maarten-van-hoof.jpg frontendAPIArchitecture https://techhub.iodigital.com/articles/reactive-backend-applications-with-spring-boot-kotlin-and-coroutines/reactive-java-to-kotlin-coroutines https://techhub.iodigital.com/articles/reactive-backend-applications-with-spring-boot-kotlin-and-coroutines/reactive-java-to-kotlin-coroutines An exploration of Kotlin and coroutines to have a Spring reactive application written in direct style Tue, 10 Jan 2023 00:00:00 GMT info@iodigital.com (iO tech_hub) Léo Schneider /authors/leo-schneider.jpg Mehmet Akif Tütüncü /authors/mehmet-akif-tutuncu.jpg /articles/reactive-backend-applications-with-spring-boot-kotlin-and-coroutines/cascade.jpg javakotlinreactivebackendcoroutinesspring https://techhub.iodigital.com/articles/reactive-backend-applications-with-spring-boot-kotlin-and-coroutines/java-mvc-to-reactive https://techhub.iodigital.com/articles/reactive-backend-applications-with-spring-boot-kotlin-and-coroutines/java-mvc-to-reactive This 2-part article is about going from a traditional MVC-style Spring Boot application written in Java to a modern, functional, reactive Spring Boot application using Kotlin and Coroutines. Mon, 09 Jan 2023 00:00:00 GMT info@iodigital.com (iO tech_hub) Mehmet Akif Tütüncü /authors/mehmet-akif-tutuncu.jpg Léo Schneider /authors/leo-schneider.jpg /articles/reactive-backend-applications-with-spring-boot-kotlin-and-coroutines/headline.jpg reactivebackendspringkotlincoroutinesjava https://techhub.iodigital.com/articles/frontend-loves-openapi/openapi-a-contract-for-rest-ful-apis https://techhub.iodigital.com/articles/frontend-loves-openapi/openapi-a-contract-for-rest-ful-apis To optimize project effeciency and to ensure a good communication between teams, we need contracts for our APIs. In this article, I will explain what the OpenAPI specification is and how it can help us to create contracts for our RESTful APIs. Sat, 07 Jan 2023 00:00:00 GMT info@iodigital.com (iO tech_hub) Maarten Van Hoof /authors/maarten-van-hoof.jpg frontendAPIArchitecture https://techhub.iodigital.com/articles/benefits-of-functional-programming https://techhub.iodigital.com/articles/benefits-of-functional-programming Writing code in a functional way can help to solve complex problems in a efficient and in a reusable manner, for creating clean and maintainable software. Tue, 27 Dec 2022 00:00:00 GMT info@iodigital.com (iO tech_hub) Ravindre Ramjiawan /authors/ravindre-ramjiawan.jpg /articles/benefits-of-functional-programming/pexels-pixabay-270557.jpg frontendfunctional programmingjavascript https://techhub.iodigital.com/articles/a-modern-dark-mode-part-one https://techhub.iodigital.com/articles/a-modern-dark-mode-part-one I’ve wanted to implement dark mode for quite a while now. But, I just didn’t want to ship a part of it. I had to include a perfect dark theme, together with the perfect accessible toggle. However, two things have happened last month that changed my perspective on this approach. Wed, 21 Dec 2022 00:00:00 GMT info@iodigital.com (iO tech_hub) Frank van Eldijk-Smeding /authors/frank-van-eldijk.jpeg a11yaccessibility https://techhub.iodigital.com/articles/dotnet-puzzels/tower-of-hanoi-solution https://techhub.iodigital.com/articles/dotnet-puzzels/tower-of-hanoi-solution Tue, 20 Dec 2022 00:00:00 GMT info@iodigital.com (iO tech_hub) Ahmed Ali /authors/ahmed-ali.jpg puzzledot-netcode-challenge https://techhub.iodigital.com/articles/lets-explore-astros-core-features https://techhub.iodigital.com/articles/lets-explore-astros-core-features When it comes to creating websites, performance is crucial, but how do you achieve a performant website? This is why Astro was created; let's look at how it works and why it's so effective. Mon, 12 Dec 2022 00:00:00 GMT info@iodigital.com (iO tech_hub) Zjerilon Ferero /authors/zjerilon-ferero.jpeg /articles/lets-explore-astros-core-features/hero.png astroweb frameworkNextJSSSRSSG https://techhub.iodigital.com/articles/dotnet-puzzels/tower-of-hanoi https://techhub.iodigital.com/articles/dotnet-puzzels/tower-of-hanoi Wed, 07 Dec 2022 00:00:00 GMT info@iodigital.com (iO tech_hub) Ahmed Ali /authors/ahmed-ali.jpg puzzledot-netcode-challenge https://techhub.iodigital.com/articles/why-you-should-be-using-new-css-features-today/why-you-should-be-using-new-css-features-today-part-2 https://techhub.iodigital.com/articles/why-you-should-be-using-new-css-features-today/why-you-should-be-using-new-css-features-today-part-2 In the previous part of this article, I tried to tickle your brain a bit to unleash your curiosity and drive your determination to try some new CSS features today. That's exactly what I'll be doing in this part, writing some new stuff today so you can slowly polish new CSS skills very sneaky and hidden in the code, like a ninja. Mon, 05 Dec 2022 00:00:00 GMT info@iodigital.com (iO tech_hub) Brecht De Ruyte /authors/brecht-de-ruyte.jpg /articles/why-you-should-be-using-new-css-features-today/new-css-features-2.png frontendcss https://techhub.iodigital.com/articles/why-you-should-be-using-new-css-features-today/why-you-should-be-using-new-css-features-today-part-1 https://techhub.iodigital.com/articles/why-you-should-be-using-new-css-features-today/why-you-should-be-using-new-css-features-today-part-1 Unless you have no affinity with CSS at all or have been living under a rock for the last year, you should have noticed that new CSS features are skyrocketing like never before. Although this is a good thing, it might get frustrating to get a grasp on all these new playthings because every time you add something new in your styling toolbox, the next best thing is just around the corner. Wed, 30 Nov 2022 00:00:00 GMT info@iodigital.com (iO tech_hub) Brecht De Ruyte /authors/brecht-de-ruyte.jpg /articles/why-you-should-be-using-new-css-features-today/new-css-features-1.png frontendcss https://techhub.iodigital.com/articles/node-deno-bun https://techhub.iodigital.com/articles/node-deno-bun Ever since the introduction of Bun there are three runtimes to choose from when wanting to develop and run a JavaScript server. Node was the one that started it all and most applications are designed to run on that, but how would those applications fare running on the other runtimes, are they really a drop-in replacement? Fri, 25 Nov 2022 00:00:00 GMT info@iodigital.com (iO tech_hub) Luuk Rijnbende /authors/luuk-rijnbende.jpg /articles/node-deno-bun/node-deno-bun.jpg backendfullstacknodedenobunexpressnuxtnextangular https://techhub.iodigital.com/articles/i-want-to-react-use-this https://techhub.iodigital.com/articles/i-want-to-react-use-this A big part of working with React.js is fetching data and displaying the results. Let’s see how the new React.use() hook can can help you! Tue, 22 Nov 2022 00:00:00 GMT info@iodigital.com (iO tech_hub) Dave Bitter /authors/dave-bitter.png /articles/i-want-to-react-use-this/i-want-to-react-use-this.jpg reactfrontend https://techhub.iodigital.com/articles/you-need-css-cascade-layers https://techhub.iodigital.com/articles/you-need-css-cascade-layers Let’s have a look at how you can better structure your CSS layers with CSS Cascade Layers! Tue, 15 Nov 2022 00:00:00 GMT info@iodigital.com (iO tech_hub) Dave Bitter /authors/dave-bitter.png /articles/you-need-css-cascade-layers/you-need-css-cascade-layers.jpg frontendcss https://techhub.iodigital.com/articles/az-204-cheatsheets/Connect-To-and-Consume-Azure-Services-and-Third-Party-Services/API-Management-in-Azure-cheatsheet https://techhub.iodigital.com/articles/az-204-cheatsheets/Connect-To-and-Consume-Azure-Services-and-Third-Party-Services/API-Management-in-Azure-cheatsheet Mon, 07 Nov 2022 16:00:00 GMT info@iodigital.com (iO tech_hub) Saeed Salehi /authors/saeed-salehi.jpeg azureaz-204cheatsheetcertificationexamapi https://techhub.iodigital.com/articles/az-204-cheatsheets/Connect-To-and-Consume-Azure-Services-and-Third-Party-Services/Develop-event-based-solutions-cheatsheet https://techhub.iodigital.com/articles/az-204-cheatsheets/Connect-To-and-Consume-Azure-Services-and-Third-Party-Services/Develop-event-based-solutions-cheatsheet Mon, 07 Nov 2022 15:50:00 GMT info@iodigital.com (iO tech_hub) Saeed Salehi /authors/saeed-salehi.jpeg azureaz-204cheatsheetcertificationexamevent https://techhub.iodigital.com/articles/az-204-cheatsheets/Connect-To-and-Consume-Azure-Services-and-Third-Party-Services/Develop-message-based-solutions-cheatsheet https://techhub.iodigital.com/articles/az-204-cheatsheets/Connect-To-and-Consume-Azure-Services-and-Third-Party-Services/Develop-message-based-solutions-cheatsheet Mon, 07 Nov 2022 15:40:00 GMT info@iodigital.com (iO tech_hub) Saeed Salehi /authors/saeed-salehi.jpeg azureaz-204cheatsheetcertificationexam https://techhub.iodigital.com/articles/az-204-cheatsheets/Monitor-Troubleshoot-Optimize-Azure-Solutions/Integrate-caching-and-content-delivery-within-solutions-cheatsheet https://techhub.iodigital.com/articles/az-204-cheatsheets/Monitor-Troubleshoot-Optimize-Azure-Solutions/Integrate-caching-and-content-delivery-within-solutions-cheatsheet Mon, 07 Nov 2022 15:30:00 GMT info@iodigital.com (iO tech_hub) Saeed Salehi /authors/saeed-salehi.jpeg azureaz-204cheatsheetcertificationexam https://techhub.iodigital.com/articles/az-204-cheatsheets/Monitor-Troubleshoot-Optimize-Azure-Solutions/Monitoring-and-logging https://techhub.iodigital.com/articles/az-204-cheatsheets/Monitor-Troubleshoot-Optimize-Azure-Solutions/Monitoring-and-logging Mon, 07 Nov 2022 15:20:00 GMT info@iodigital.com (iO tech_hub) Saeed Salehi /authors/saeed-salehi.jpeg azureaz-204cheatsheetcertificationexam https://techhub.iodigital.com/articles/az-204-cheatsheets/Implement-Azure-Security/Implement-user-authentication-and-authorization-cheatsheet https://techhub.iodigital.com/articles/az-204-cheatsheets/Implement-Azure-Security/Implement-user-authentication-and-authorization-cheatsheet Mon, 07 Nov 2022 15:10:00 GMT info@iodigital.com (iO tech_hub) Saeed Salehi /authors/saeed-salehi.jpeg azureaz-204cheatsheetcertificationexamsecurity https://techhub.iodigital.com/articles/az-204-cheatsheets/Develop-for-Azure-Storage/Azure-CosmosDb-Cheatsheet https://techhub.iodigital.com/articles/az-204-cheatsheets/Develop-for-Azure-Storage/Azure-CosmosDb-Cheatsheet Mon, 07 Nov 2022 15:00:00 GMT info@iodigital.com (iO tech_hub) Saeed Salehi /authors/saeed-salehi.jpeg azureaz-204cheatsheetcertificationexamstoragedatabase https://techhub.iodigital.com/articles/az-204-cheatsheets/Implement-Azure-Security/Implement-Azure-Security-Cheatsheet https://techhub.iodigital.com/articles/az-204-cheatsheets/Implement-Azure-Security/Implement-Azure-Security-Cheatsheet Mon, 07 Nov 2022 15:00:00 GMT info@iodigital.com (iO tech_hub) Saeed Salehi /authors/saeed-salehi.jpeg azureaz-204cheatsheetcertificationexamsecurity https://techhub.iodigital.com/articles/az-204-cheatsheets/Develop-for-Azure-Storage/Azure-Blob-Storage-cheatsheet https://techhub.iodigital.com/articles/az-204-cheatsheets/Develop-for-Azure-Storage/Azure-Blob-Storage-cheatsheet Mon, 07 Nov 2022 14:40:00 GMT info@iodigital.com (iO tech_hub) Saeed Salehi /authors/saeed-salehi.jpeg azureaz-204cheatsheetcertificationexamstorage https://techhub.iodigital.com/articles/az-204-cheatsheets/Develop-Azure-Compute-Solutions/Azure-App-Service https://techhub.iodigital.com/articles/az-204-cheatsheets/Develop-Azure-Compute-Solutions/Azure-App-Service Mon, 07 Nov 2022 14:20:00 GMT info@iodigital.com (iO tech_hub) Saeed Salehi /authors/saeed-salehi.jpeg azureaz-204app servicecheatsheetcertificationexam https://techhub.iodigital.com/articles/az-204-cheatsheets/Develop-Azure-Compute-Solutions/Azure-Functions https://techhub.iodigital.com/articles/az-204-cheatsheets/Develop-Azure-Compute-Solutions/Azure-Functions Mon, 07 Nov 2022 14:10:00 GMT info@iodigital.com (iO tech_hub) Saeed Salehi /authors/saeed-salehi.jpeg azurefunctionserverlessaz-204cheatsheetcertificationexam https://techhub.iodigital.com/articles/az-204-cheatsheets/Develop-Azure-Compute-Solutions/Implement-infrastructure-as-a-service-solutions-in-Azure https://techhub.iodigital.com/articles/az-204-cheatsheets/Develop-Azure-Compute-Solutions/Implement-infrastructure-as-a-service-solutions-in-Azure Mon, 07 Nov 2022 14:00:00 GMT info@iodigital.com (iO tech_hub) Saeed Salehi /authors/saeed-salehi.jpeg azureaz-204cheatsheetcertificationexam https://techhub.iodigital.com/articles/az-204-cheatsheets/introduction https://techhub.iodigital.com/articles/az-204-cheatsheets/introduction Sun, 06 Nov 2022 00:00:00 GMT info@iodigital.com (iO tech_hub) Saeed Salehi /authors/saeed-salehi.jpeg /articles/az-204-cheatsheets/hero.webp azureaz-204cheatsheetcertificationexam https://techhub.iodigital.com/articles/vue3-composition-api-in-a-nutshell https://techhub.iodigital.com/articles/vue3-composition-api-in-a-nutshell Vue 3 has been launched with the composition API. In this article we dive deeper into this subject and compare it with the options API (old way). Tue, 01 Nov 2022 00:00:00 GMT info@iodigital.com (iO tech_hub) Lars Janssen /authors/lars-janssen.jpeg /articles/vue3-composition-api-in-a-nutshell/header.png developmentfrontendVue 2Vue 3 https://techhub.iodigital.com/articles/practical-uses-of-the-has-relational-pseudo-class https://techhub.iodigital.com/articles/practical-uses-of-the-has-relational-pseudo-class The :has() relational pseudo class has landed in Chrome and Safari and even though it gets less hype than for instance container queries, I believe this little pseudo class contains a lot of improvements to the way we write CSS today. Thu, 27 Oct 2022 00:00:00 GMT info@iodigital.com (iO tech_hub) Brecht De Ruyte /authors/brecht-de-ruyte.jpg /articles/practical-uses-of-the-has-relational-pseudo-class/has-relational-pseudo-class.png frontendcss https://techhub.iodigital.com/articles/getting-started-with-trpc/part-2-building-the-ui https://techhub.iodigital.com/articles/getting-started-with-trpc/part-2-building-the-ui There's nothing quite like the feeling of finally getting your front-end and back-end types to match up. After hours of slacking, emailing, and going through documentation, you finally have it! But that feeling doesn't last long, because you realize the back-end had some type changes, which broke your front-end again! Well, here is where tRPC comes into play. Wed, 26 Oct 2022 00:00:00 GMT info@iodigital.com (iO tech_hub) Zjerlondy Ferero /authors/zjerlondy-ferero.jpeg /articles/getting-started-with-trpc/hero-part2.png frontendreacttrpcreact native https://techhub.iodigital.com/articles/developers-are-not-trusted-types https://techhub.iodigital.com/articles/developers-are-not-trusted-types Even with our best intentions as developers, we all make mistakes. XSS being one of the most common web vulnerabilities on the web proves that we need to better defend ourselves and our users against this. Let’s see how Trusted Types can help us! Thu, 20 Oct 2022 00:00:00 GMT info@iodigital.com (iO tech_hub) Dave Bitter /authors/dave-bitter.png /articles/developers-are-not-trusted-types/developers-are-not-trusted-types.jpg frontendsecurityreact https://techhub.iodigital.com/articles/getting-started-with-trpc/part-1-building-the-api https://techhub.iodigital.com/articles/getting-started-with-trpc/part-1-building-the-api There's nothing quite like the feeling of finally getting your front-end and back-end types to match up. After hours of slacking, emailing, and going through documentation, you finally have it! But that feeling doesn't last long, because you realize the back-end had some type changes, which broke your front-end again! Well, here is where tRPC comes into play. Thu, 13 Oct 2022 00:00:00 GMT info@iodigital.com (iO tech_hub) Zjerlondy Ferero /authors/zjerlondy-ferero.jpeg /articles/getting-started-with-trpc/hero.png frontendreacttrpcreact native https://techhub.iodigital.com/articles/open-ai/the-current-state-of-ai-for-content-creators https://techhub.iodigital.com/articles/open-ai/the-current-state-of-ai-for-content-creators In the second part of this series, we will take a look at some of the ways that GPT-3 can be used by content creators to improve their workflow. We will also provide some tips on how to get started with using GPT-3 for your own projects. We will use OpenAI’s Playground to try out the features of GPT-3. Thu, 22 Sep 2022 00:00:00 GMT info@iodigital.com (iO tech_hub) Vince Liem /authors/vince-liem.png OpenAI GPT-3 /authors/openai-gpt3.png /articles/open-ai/the-current-state-of-ai-for-content-creators/header.jpeg contentAI https://techhub.iodigital.com/articles/match-media https://techhub.iodigital.com/articles/match-media Unfortunately, sometimes you need to write viewport-based logic in your JavaScript code. Usually, this is done with a listener on the window for a resize. Let’s look at a better way. Fri, 16 Sep 2022 00:00:00 GMT info@iodigital.com (iO tech_hub) Dave Bitter /authors/dave-bitter.png /articles/match-media/match-media.jpg frontendreact https://techhub.iodigital.com/articles/peaking-at-ab-testing https://techhub.iodigital.com/articles/peaking-at-ab-testing In our current state of digitization, data-based decision-making has become an integral aspect of online businesses. Evidence-based practice, the paradigm used to make those informed decisions, relies on the use of data and solid statistical methods to solve real problems. Thu, 08 Sep 2022 00:00:00 GMT info@iodigital.com (iO tech_hub) Abdelhak Chahid /authors/abdelhak-chahid.jpeg /articles/peaking-at-ab-testing/peaking-at-ab-testing.png testingpython https://techhub.iodigital.com/articles/how-do-i-build-a-component-library/ci-cd-hosting https://techhub.iodigital.com/articles/how-do-i-build-a-component-library/ci-cd-hosting How to build a component library Part 4: Setting up CI/CD & hosting. Wed, 07 Sep 2022 00:00:00 GMT info@iodigital.com (iO tech_hub) Dave Bitter /authors/dave-bitter.png /articles/how-do-i-build-a-component-library/ci-cd-hosting/ci-cd-hosting.png frontend https://techhub.iodigital.com/articles/first-glance-at-azure-container-apps https://techhub.iodigital.com/articles/first-glance-at-azure-container-apps Azure recently launched Container Apps, Somewhere in the function-middle between Container Instances and Kubernetes Services lives this new resource type. This is a journal of a first glance on it. Thu, 01 Sep 2022 00:00:00 GMT info@iodigital.com (iO tech_hub) Owin Gruters /authors/owin-gruters.jpg /articles/first-glance-at-azure-container-apps/containerapps.png azuredevopsdocker https://techhub.iodigital.com/articles/how-do-i-build-a-component-library/linting-testing https://techhub.iodigital.com/articles/how-do-i-build-a-component-library/linting-testing How to build a component library Part 3: Setting up linting, unit, snapshot and visual regression testing. Wed, 31 Aug 2022 00:00:00 GMT info@iodigital.com (iO tech_hub) Dave Bitter /authors/dave-bitter.png /articles/how-do-i-build-a-component-library/linting-testing/linting-testing.png frontend https://techhub.iodigital.com/articles/are-our-links-visually-accessible https://techhub.iodigital.com/articles/are-our-links-visually-accessible A simple link inside a paragraph, what could go wrong? Well, a lot in fact. Let’s have a closer look, shall we? Fri, 26 Aug 2022 00:00:00 GMT info@iodigital.com (iO tech_hub) Frank van Eldijk-Smeding /authors/frank-van-eldijk.jpeg a11yaccessibility https://techhub.iodigital.com/articles/how-do-i-build-a-component-library/front-end-framework-storybook https://techhub.iodigital.com/articles/how-do-i-build-a-component-library/front-end-framework-storybook How to build a component library Part 2: Picking a front-end framework and setting up Storybook. Wed, 24 Aug 2022 00:00:00 GMT info@iodigital.com (iO tech_hub) Dave Bitter /authors/dave-bitter.png /articles/how-do-i-build-a-component-library/front-end-framework-storybook/front-end-framework-storybook.png frontend https://techhub.iodigital.com/articles/dockerfile-templating-to-automate-image-creation https://techhub.iodigital.com/articles/dockerfile-templating-to-automate-image-creation If we take a look at the repository for the official Node.js Docker images we can see that the source contains a Dockerfile for each image variant. Imagine having to add a package to all of these images. That's a lot of manual edits, but it's manageable. Now imagine adding a package to only specific versions of the image and a different package depending on the Linux distro. Tue, 23 Aug 2022 00:00:00 GMT info@iodigital.com (iO tech_hub) Luud Janssen /authors/luud-janssen.jpg /articles/dockerfile-templating-to-automate-image-creation/dockerfile-templating-steps-transparent.png infrastructure https://techhub.iodigital.com/articles/how-do-i-build-a-component-library/monorepo-semver-package-registry https://techhub.iodigital.com/articles/how-do-i-build-a-component-library/monorepo-semver-package-registry How to build a component library Part 1: Setting up a Monorepo, Semver strategy and Private package registry. Wed, 17 Aug 2022 00:00:00 GMT info@iodigital.com (iO tech_hub) Dave Bitter /authors/dave-bitter.png /articles/how-do-i-build-a-component-library/monorepo-semver-package-registry/monorepo-semver-package-registry.png frontend https://techhub.iodigital.com/articles/redis_vs_mongodb_vs_cassandra https://techhub.iodigital.com/articles/redis_vs_mongodb_vs_cassandra Are the NoSQL databases all the same? If not, what are the differences (and why should you care)? A quick comparison chat between Redis, MongoDB and Cassandra Fri, 12 Aug 2022 00:00:00 GMT info@iodigital.com (iO tech_hub) Massimiliano Scifo /authors/max_scifo.jpg /articles/redis-vs-mongodb-vs-cassandra/hero-image.png developmentdatabase https://techhub.iodigital.com/articles/promises-and-async-await https://techhub.iodigital.com/articles/promises-and-async-await The Promise, a fundamental tool in the asynchronous language that is javascript. Mon, 08 Aug 2022 00:00:00 GMT info@iodigital.com (iO tech_hub) Ralph Leermakers /authors/ralph-leermakers.jpg frontendjs https://techhub.iodigital.com/articles/technical-debt https://techhub.iodigital.com/articles/technical-debt Are you tired of seeing good websites go to waste? Do you want to keep your codebase clean, but you have no idea where to start? Ever wondered how a small change request or simple bugfix turned into an endless game of whack-a-mole? Monitoring technical debt can provide a way out. Thu, 28 Jul 2022 00:00:00 GMT info@iodigital.com (iO tech_hub) Niels Matthijs /authors/niels-matthijs.jpg /articles/technical-debt/technical-debt.jpg developmentcode-quality https://techhub.iodigital.com/articles/open-ai/what-benefits-can-natural-language-ai-offer-developers https://techhub.iodigital.com/articles/open-ai/what-benefits-can-natural-language-ai-offer-developers In this first part we will look at how natural language AI can offer developers a lot of benefits, from helping them write code to writing this blog post. Here, we will introduce you to two of the most popular natural language AI tools, OpenAI GPT-3 and GitHub Copilot, and discuss some of the best use cases for each. Mon, 25 Jul 2022 00:00:00 GMT info@iodigital.com (iO tech_hub) Vince Liem /authors/vince-liem.png OpenAI GPT-3 /authors/openai-gpt3.png /articles/open-ai/what-benefits-can-natural-language-ai-offer-developers/header.jpeg developmentAI https://techhub.iodigital.com/articles/you-shall-not-password https://techhub.iodigital.com/articles/you-shall-not-password Isn't it weird that we have to come up with a phrase and share it with a server to protect our account? Fri, 22 Jul 2022 00:00:00 GMT info@iodigital.com (iO tech_hub) Mark van der Linden /authors/mark-van-der-linden.jpg /articles/you-shall-not-password/keys.jpg security https://techhub.iodigital.com/articles/css-day-2022-a-small-recap https://techhub.iodigital.com/articles/css-day-2022-a-small-recap After a long break because of Covid-19, CSS Day is back. In a new location at the Zuiderkerk in Amsterdam. Once again trying to create the perfect line-up for everything design and CSS, and boy, they delivered just that. Fri, 08 Jul 2022 00:00:00 GMT info@iodigital.com (iO tech_hub) Brecht De Ruyte /authors/brecht-de-ruyte.jpg /articles/css-day-2022-a-small-recap/css-day-2022-a-small-recap.jpg frontendcssconference https://techhub.iodigital.com/articles/separated-logging-with-filebeat-and-elk-stack https://techhub.iodigital.com/articles/separated-logging-with-filebeat-and-elk-stack Why do we need separate to our logging mechanism in microservice architecture? Fri, 08 Jul 2022 00:00:00 GMT info@iodigital.com (iO tech_hub) Ali Göktaş /authors/ali-goktas.jpg /articles/separated-logging-with-filebeat-and-elk-stack/filebeat-elk-stack-diagram.png javalogging https://techhub.iodigital.com/articles/discover-http3 https://techhub.iodigital.com/articles/discover-http3 What is HTTP/3 and how does it differ from HTTP/2? In order to understand we need to dive deep into how the protocols of the internet work. Tue, 05 Jul 2022 00:00:00 GMT info@iodigital.com (iO tech_hub) Lucien Immink /authors/lucien-immink.webp /articles/discover-http3/developerblog-http3imgs-3.jpg network https://techhub.iodigital.com/articles/native-face-detection-cropping https://techhub.iodigital.com/articles/native-face-detection-cropping Many online services will help you with cropping an image while keeping face(s) in view. We can however do this just using an (experimental) browser native API. Let’s build it! Wed, 29 Jun 2022 00:00:00 GMT info@iodigital.com (iO tech_hub) Dave Bitter /authors/dave-bitter.png /articles/native-face-detection-cropping/teaser.png frontend https://techhub.iodigital.com/articles/vite-as-alternative-to-webpack-in-symfony-applications https://techhub.iodigital.com/articles/vite-as-alternative-to-webpack-in-symfony-applications Vite (French word for "quick", pronounced /vit/, like "veet") is the fastest frontend build tool at the moment. Webpack-encore integrates perfectly with symfony applications. What if we could have both Fri, 24 Jun 2022 00:00:00 GMT info@iodigital.com (iO tech_hub) Yves Maerschalck /authors/yves-maerschalck.jpg /articles/vite-as-alternative-to-webpack-in-symfony-applications/hero.webp frontendvitesymfony https://techhub.iodigital.com/articles/the-future-of-page-transitions-with-shared-element-transitions https://techhub.iodigital.com/articles/the-future-of-page-transitions-with-shared-element-transitions The Shared Element Transitions API allows creating page transitions using a browser API that can provide users with a better visual connection between page-a and page-b by transitioning shared elements on both pages. Thu, 23 Jun 2022 00:00:00 GMT info@iodigital.com (iO tech_hub) Milan Vogels /authors/milan-vogels.jpg /articles/the-future-of-page-transitions-with-shared-element-transitions/header.jpg frontendcssjs https://techhub.iodigital.com/articles/why-lit-is-on-fire https://techhub.iodigital.com/articles/why-lit-is-on-fire Every day a new JavaScript library is born, every week a new framework arrives and every month a front-end developer needs to rewrite a date picker 😢 LIT is a modern library for creating component libraries, design systems but also sites and apps. LIT components are web components and as such work anywhere you use HTML. Fri, 17 Jun 2022 00:00:00 GMT info@iodigital.com (iO tech_hub) Lucien Immink /authors/lucien-immink.webp /articles/why-lit-is-on-fire/header-image.png frontend https://techhub.iodigital.com/articles/container-queries-the-next-step-towards-a-truly-modular-css https://techhub.iodigital.com/articles/container-queries-the-next-step-towards-a-truly-modular-css Container queries enables encapsulation of adaptive styling based on the size, style or state of a parent element. This allows responsive component-based architectures, like design systems and component libraries, to provide the most optimal responsive styling within a component itself. Wed, 15 Jun 2022 00:00:00 GMT info@iodigital.com (iO tech_hub) Maarten Van Hoof /authors/maarten-van-hoof.jpg /articles/container-queries-the-next-step-towards-a-truly-modular-css/hero.svg/articles/container-queries-the-next-step-towards-a-truly-modular-css/container-queries-hero.jpg frontendcss https://techhub.iodigital.com/articles/how-to-save-a-kitten-by-writing-clean-code https://techhub.iodigital.com/articles/how-to-save-a-kitten-by-writing-clean-code So you came here to save a kitten? That's wonderful, but the real reason we're both here is to talk about clean code. Mon, 13 Jun 2022 00:00:00 GMT info@iodigital.com (iO tech_hub) Joeri Timmermans /authors/joeri-timmermans.jpg /articles/how-to-save-a-kitten-by-writing-clean-code/intro-sad-cat.jpeg clean-code https://techhub.iodigital.com/articles/the-infinite-legacy-cycle-in-front-end https://techhub.iodigital.com/articles/the-infinite-legacy-cycle-in-front-end Projects often become legacy in a incredibly short time. I have spoken to people in technology with a variety of skills, experience and roles. Time to find out how they think about this, what tips they have to prevent these issues and more. Wed, 08 Jun 2022 00:00:00 GMT info@iodigital.com (iO tech_hub) Dave Bitter /authors/dave-bitter.png /articles/the-infinite-legacy-cycle-in-front-end/interview.jpg frontend https://techhub.iodigital.com/articles/vue-js-conference-amsterdam-2022 https://techhub.iodigital.com/articles/vue-js-conference-amsterdam-2022 Together with some colleagues I’ve attended the VueJS conference in Amsterdam. It was nice to meet colleagues from other campuses and having a chance to get to know them in a different setting. The conference itself was a little underwhelming, but that doesn't mean I went home without some valuable takeaways. Tue, 07 Jun 2022 00:00:00 GMT info@iodigital.com (iO tech_hub) Thijs Busser /authors/thijs-busser.png /articles/vue-js-conference-amsterdam-2022/group.jpeg frontendvueconference https://techhub.iodigital.com/articles/how-accessible-are-links https://techhub.iodigital.com/articles/how-accessible-are-links Links are one of the main basic elements that you’ll find on any website. Yet, a lot of them are not as accessible as we would like. Tue, 24 May 2022 00:00:00 GMT info@iodigital.com (iO tech_hub) Frank van Eldijk-Smeding /authors/frank-van-eldijk.jpeg /articles/how-accessibile-are-links/a11y-links.jpg a11yaccessibility https://techhub.iodigital.com/articles/using-best-practices-to-create-css-scroll-snapping-tabs https://techhub.iodigital.com/articles/using-best-practices-to-create-css-scroll-snapping-tabs How should scroll snapping tabs behave when using keys? By reading some best practices, I believe I found an elegant solution. Thu, 31 Mar 2022 00:00:00 GMT info@iodigital.com (iO tech_hub) Brecht De Ruyte /authors/brecht-de-ruyte.jpg /articles/using-best-practices-to-create-css-scroll-snapping-tabs/snapping.jpg frontendcssa11y https://techhub.iodigital.com/articles/nuxt-3-is-coming https://techhub.iodigital.com/articles/nuxt-3-is-coming Nuxt 3 beta is out and ready to play with. While not production ready yet, most important features can be experimented with and, as we’ll discuss later, it will bring about an easy way to upgrade at your own pace. Sat, 01 Jan 2022 00:00:00 GMT info@iodigital.com (iO tech_hub) Vlad Pintea-Gärtner /authors/vlad-pintea.jpeg /articles/nuxt-3-is-coming/nuxt-3.jpg frontendvuenuxt https://techhub.iodigital.com/articles/first-look-at-remix https://techhub.iodigital.com/articles/first-look-at-remix There has been a lot of buzz around the open-source release of Remix. I took a first look by following the deep-dive tutorial and this is what I found. Wed, 08 Dec 2021 00:00:00 GMT info@iodigital.com (iO tech_hub) Dave Bitter /authors/dave-bitter.png /articles/first-look-at-remix/remix.jpg frontendreactremix https://techhub.iodigital.com/articles/the-io-drupal-contribution-day https://techhub.iodigital.com/articles/the-io-drupal-contribution-day In a year where contributions were going down a bit we thought it was a good idea to see if we can end the year with a little bump. Wed, 01 Dec 2021 00:00:00 GMT info@iodigital.com (iO tech_hub) Lennard Swaneveld /authors/lennard-swaneveld.jpeg /articles/drupal-contribution-day/drupal-contribution-day.jpg drupal https://techhub.iodigital.com/articles/performance-testing-real-time-data-in-javascript https://techhub.iodigital.com/articles/performance-testing-real-time-data-in-javascript To be able to chose the right protocol for handling real-time data, this post shares with you how we, based on speed, CPU- and memory usage, setup and performed performance tests on different real-time data protocols. Tue, 11 May 2021 00:00:00 GMT info@iodigital.com (iO tech_hub) Daan van Berkel /authors/daan-van-berkel.jpg Bader Ali /authors/bader-ali.jpg /articles/performance-testing-real-time-data-in-javascript/hero.svg jswebsocketsperformancetesting https://techhub.iodigital.com/articles/a-deep-dive-into-single-sing-on/sso-in-action https://techhub.iodigital.com/articles/a-deep-dive-into-single-sing-on/sso-in-action SSO solutions can be implemented to tackle a great number of use cases Fri, 26 Feb 2021 00:00:00 GMT info@iodigital.com (iO tech_hub) Daan Beulen /authors/daan-beulen.jpg Mark van der Linden /authors/mark-van-der-linden.jpg security https://techhub.iodigital.com/articles/how-to-improve-your-video-meetings https://techhub.iodigital.com/articles/how-to-improve-your-video-meetings What’s the next level of video calls? Can I get more quality? Can I gain more production value? Wed, 06 Jan 2021 00:00:00 GMT info@iodigital.com (iO tech_hub) Maarten Van Hoof /authors/maarten-van-hoof.jpg /articles/how-to-improve-your-video-meetings/hero.jpeg speakingstreamingvideoaudio https://techhub.iodigital.com/articles/a-deep-dive-into-single-sing-on/an-overview-of-sso-products https://techhub.iodigital.com/articles/a-deep-dive-into-single-sing-on/an-overview-of-sso-products What products provide out-of-the-box SSO solutions and how do they differ from each other? Thu, 15 Oct 2020 00:00:00 GMT info@iodigital.com (iO tech_hub) Daan Beulen /authors/daan-beulen.jpg Mark van der Linden /authors/mark-van-der-linden.jpg security https://techhub.iodigital.com/articles/a-deep-dive-into-single-sing-on/a-technical-introduction-to-sso https://techhub.iodigital.com/articles/a-deep-dive-into-single-sing-on/a-technical-introduction-to-sso Single Sign-on has been around for years but on what standards is it working? Tue, 22 Sep 2020 00:00:00 GMT info@iodigital.com (iO tech_hub) Daan Beulen /authors/daan-beulen.jpg Mark van der Linden /authors/mark-van-der-linden.jpg security