Insights | Laravel and Application Development Expertise

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="shortcut icon" href="https://d11r87y54pwjy9.cloudfront.net/df5c1a7b-55e2-4a1b-801d-25d18b53d6fd/images/favicon.ico" type="image/vnd.microsoft.icon"> <meta name="csrf-token" content="3uEbq30WbAZLH7ZB7PJjvHTJfMzcsZUkR0GpCyb3"> <title>Insights | Laravel and Application Development Expertise</title> <meta name="description" content="Development tips and insights for Laravel, Vue.js, Angular, AWS, and more"> <link rel="canonical" href="https://kirschbaumdevelopment.com/insights"> <meta property="og:title" content="Insights | Laravel and Application Development Expertise"> <meta property="og:description" content="Development tips and insights for Laravel, Vue.js, Angular, AWS, and more"> <meta property="og:url" content="https://kirschbaumdevelopment.com/insights"> <meta property="og:site_name" content="Kirschbaum"> <meta property="og:image" content="https://d11r87y54pwjy9.cloudfront.net/df5c1a7b-55e2-4a1b-801d-25d18b53d6fd/images/kirschbaum-social.png"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:image" content="https://d11r87y54pwjy9.cloudfront.net/df5c1a7b-55e2-4a1b-801d-25d18b53d6fd/images/kirschbaum-social.png"> <meta name="twitter:site" content="@kirschbaum_dev"> <meta name="twitter:title" content="Insights | Laravel and Application Development Expertise"> <meta name="twitter:description" content="Development tips and insights for Laravel, Vue.js, Angular, AWS, and more"> <script type="application/ld+json">{"@context":"https://schema.org","@type":"WebPage","name":"Insights | Laravel and Application Development Expertise","description":"Development tips and insights for Laravel, Vue.js, Angular, AWS, and more","url":"https://kirschbaumdevelopment.com/insights"}</script> <link rel="manifest" href="https://kirschbaumdevelopment.com/site.webmanifest"> <link rel="apple-touch-icon" sizes="180x180" href="https://d11r87y54pwjy9.cloudfront.net/df5c1a7b-55e2-4a1b-801d-25d18b53d6fd/images/icons/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://d11r87y54pwjy9.cloudfront.net/df5c1a7b-55e2-4a1b-801d-25d18b53d6fd/images/icons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://d11r87y54pwjy9.cloudfront.net/df5c1a7b-55e2-4a1b-801d-25d18b53d6fd/images/icons/favicon-16x16.png"> <link rel="mask-icon" href="https://d11r87y54pwjy9.cloudfront.net/df5c1a7b-55e2-4a1b-801d-25d18b53d6fd/images/icons/safari-pinned-tab.svg" color="#586479"> <link rel="shortcut icon" href="https://d11r87y54pwjy9.cloudfront.net/df5c1a7b-55e2-4a1b-801d-25d18b53d6fd/images/icons/favicon.ico"> <meta name="msapplication-TileColor" content="#586479"> <meta name="msapplication-config" content="https://d11r87y54pwjy9.cloudfront.net/df5c1a7b-55e2-4a1b-801d-25d18b53d6fd/images/icons/browserconfig.xml"> <meta name="theme-color" content="#586479"> <link rel="preload" href="https://d11r87y54pwjy9.cloudfront.net/df5c1a7b-55e2-4a1b-801d-25d18b53d6fd/fonts/b8e906a1-f5e8-4bf1-8e80-82c646ca4d5f.woff" as="font" type="font/woff" crossorigin="anonymous"> <link rel="preload" href="https://fonts.googleapis.com/css?family=Nunito:200,300,400,500,600,700,800,900&display=swap" as="style"> <link href="https://d11r87y54pwjy9.cloudfront.net/df5c1a7b-55e2-4a1b-801d-25d18b53d6fd/css/app.css?id=e8e3780a6958f3120d5fcf7ff75ef1bd" rel="stylesheet">  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-PHWJMWC');</script>  <script> window.ASSET_URL = 'https://d11r87y54pwjy9.cloudfront.net/df5c1a7b-55e2-4a1b-801d-25d18b53d6fd/'; </script> </head> <body class="h-screen w-full bg-slate-800 bg-fixed bg-gradient-radial-center-4xl from-slate-500 to-transparent">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PHWJMWC" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div id="app" class="text-white"> <svg-reflection-mask></svg-reflection-mask> <div class="z-50 relative max-w-7xl px-8 lg:px-24 mx-auto"> <nav class="navbar lg:flex"> <div class="container flex justify-between items-end content-end h-20 lg:h-32 z-10"> <div class="flex shrink-0 lg:mr-6 items-center"> <a href="/" class="block pb-6"> <span class="sr-only">Kirschbaum</span> <svg class="fill-current h-8 w-auto" data-name="Kirschbaum Development Group Logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 126.98 18.53"><defs/><path d="M127 189l-6.31-7.82V189h-4v-17h4v6.91h.07l6.08-6.91H132l-7.32 7.83 7.75 9.16zM135.74 175.36a2.16 2.16 0 112.26-2.16 2.2 2.2 0 01-2.26 2.16zm-2 13.6V177h3.93v12zM148.58 180.23a3.63 3.63 0 00-1-.12 2.7 2.7 0 00-2.81 2.71V189h-3.94v-12h3.79v1.73a3.61 3.61 0 013.24-2.06 2.87 2.87 0 01.84.09zM157.37 180.54a3.75 3.75 0 00-2.5-1.08c-.74 0-1.49.26-1.49 1s.65.86 2.19 1.2c1.82.41 3.81 1.32 3.81 3.65 0 3-2.66 4.08-5.11 4.08a7.73 7.73 0 01-5.21-1.85l2.21-2.33a4.07 4.07 0 002.93 1.35c.65 0 1.41-.27 1.41-1s-.74-1-2.37-1.36-3.48-1.23-3.48-3.48c0-2.86 2.69-4 5-4a7.17 7.17 0 014.8 1.68zM169.9 180.88a2.74 2.74 0 00-2.09-1 3.06 3.06 0 102.18 5.23l2.18 2.66a6.46 6.46 0 01-4.41 1.54c-3.77 0-6.7-2.4-6.7-6.36s2.95-6.36 6.68-6.36a6.55 6.55 0 014.43 1.61zM181.61 189v-6.48c0-1.34-.34-2.52-1.76-2.52s-2.13 1.13-2.13 2.55V189h-3.94v-18.18h3.94v7.7h.05a3.87 3.87 0 013.43-1.84c3.24 0 4.37 2.49 4.37 4.89V189zM190.37 187.07V189h-1.64v-18.18h1.64v8.86a5.1 5.1 0 014.25-2.24 5.91 5.91 0 010 11.81 5.17 5.17 0 01-4.25-2.18zm4.12-8.26a4.53 4.53 0 000 9.05c2.72 0 4.25-2 4.25-4.51s-1.53-4.54-4.25-4.54zM209.85 181.72c0-1.95-1-2.91-3-2.91a4.77 4.77 0 00-3.33 1.32l-.91-1.08a6.28 6.28 0 014.41-1.61c2.43 0 4.37 1.35 4.37 4.08v4.93a15.28 15.28 0 00.19 2.51h-1.46a10.7 10.7 0 01-.17-1.82 4.51 4.51 0 01-4.08 2.11c-1.7 0-3.89-.91-3.89-3.41 0-3.45 3.82-3.76 7.92-3.76zm-.48 1.63c-2.66 0-5.76.29-5.76 2.42 0 1.61 1.37 2.14 2.64 2.14a3.5 3.5 0 003.6-3.72v-.84zM222.31 189c-.05-.59-.1-1.43-.1-1.92a4.39 4.39 0 01-3.84 2.21c-2.86 0-4.28-1.84-4.28-4.63v-6.89h1.64V184c0 2.35.69 3.93 3 3.93 1.73 0 3.41-1.39 3.41-4.39v-5.76h1.63v8.76c0 .6 0 1.71.1 2.47zM232 177.44a3.47 3.47 0 013.45 2.38 4.16 4.16 0 013.94-2.38c2.86 0 4.27 1.85 4.27 4.64V189H242v-6.21c0-2.35-.79-3.94-2.9-3.94-2.36 0-3.2 2.09-3.2 4.18v6h-1.63v-6.55c0-2.18-.53-3.6-2.71-3.6-1.56 0-3.27 1.39-3.27 4.39V189h-1.63v-8.8c0-.6 0-1.7-.09-2.47h1.56c0 .6.09 1.44.09 1.92a4.17 4.17 0 013.78-2.21z" transform="translate(-116.64 -170.82)"/></svg> </a> </div> <div class="flex justify-end items-center lg:hidden"> <a href="tel:+14135703299" aria-label="Call Kirschbaum Development Group"> <svg class="w-12 pl-4 ml-2 mr-4 lg:px-4 pb-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28.02 28"> <path class="stroke-current stroke-1 text-white" fill="none" d="M25.96 2.73c.25.21.4.36.4.36 1.39 1.24 1.08 2.32 1.08 2.32-.94 6.63-7.92 13-8.45 13.58-.72.67-7 7.5-13.59 8.44 0 0-1.08.31-2.32-1.09l-.39-.42a20.72 20.72 0 01-2.13-3.11 1.29 1.29 0 01.66-1.27l4.88-3.25a1.77 1.77 0 012-.12l3 1.63a50.64 50.64 0 004.59-4.12 51.31 51.31 0 004.12-4.58l-1.63-2.95a1.79 1.79 0 01.12-2.05l3.26-4.88a1.3 1.3 0 011.28-.65 4.17 4.17 0 011.64.91" /> </svg> </a> <a @click="toggle" v-click-outside="close" class="flex items-center pb-6 no-underline cursor-pointer" aria-label="Menu"> <svg version="1.1" viewBox="0 0 26.89 22.17" class="w-8 h-8 svg-icon svg-fill"> <path class="cls-1" d="M0 1h26.89M0 21.17h26.89M0 11.09h26.89" _fill="none" stroke="#fff" stroke-miterlimit="10" stroke-width="1.8"/> </svg> </a> </div> <div id="nav_menu" class="menu absolute lg:static top-0 lg:top-auto mt-20 lg:mt-40 lg:mt-0 flex-col lg:flex p-4 pb-8 lg:p-0 left-0 right-0 lg:right-auto lg:left-auto shadow-lg lg:shadow-none bg-slate-500 lg:bg-transparent overflow-y-scroll lg:overflow-y-visible" :class="{'hidden': !open, 'open': open}"> <div class="container mx-auto flex flex-col lg:flex-row justify-end w-full lg:h-32 px-6 lg:px-0 lg:items-end lg:content-end nav-menu"> <solutions-nav :is-active="false" :solutions="[{"id":5,"order":1,"slug":"technical-leadership","title":"Technical Leadership","menu_title":"Technical <br>Leadership","menu_description":"Experienced technical guidance for teams and projects.","iconWidth":"110","iconHeight":"70","hoverColor":"orange-500","menu_image_url":"https:\/\/kirschbaumdevelopment.com\/images\/solutions\/technical-leadership.svg"},{"id":6,"order":2,"slug":"team-augmentation","title":"Team Augmentation","menu_title":"Team <br>Augmentation","menu_description":"Knowledgable developers to augment your existing team.","iconWidth":"110","iconHeight":"60","hoverColor":"pink-500","menu_image_url":"https:\/\/kirschbaumdevelopment.com\/images\/solutions\/team-augmentation.svg"},{"id":7,"order":3,"slug":"training-support","title":"Training & Support","menu_title":"Training & <br>Support","menu_description":"Put our knowledge to use for your team and customers.","iconWidth":"110","iconHeight":"70","hoverColor":"teal-500","menu_image_url":"https:\/\/kirschbaumdevelopment.com\/images\/solutions\/training-support.svg"},{"id":3,"order":4,"slug":"web-application-rescue-projects","title":"Rescue Projects","menu_title":"Rescue <br>Projects","menu_description":"Is your project in trouble? Let us help get you back on track.","iconWidth":"110","iconHeight":"40","hoverColor":"red-500","menu_image_url":"https:\/\/kirschbaumdevelopment.com\/images\/solutions\/web-application-rescue-projects.svg"},{"id":11,"order":5,"slug":"devops","title":"DevOps Services","menu_title":"DevOps <br>Services","menu_description":"Consult with our developers to optimize your application infrastructure or build one from scratch.","iconWidth":"110","iconHeight":"55","hoverColor":"yellow-500","menu_image_url":"https:\/\/kirschbaumdevelopment.com\/images\/solutions\/devops.svg"},{"id":1,"order":6,"slug":"laravel-development","title":"Laravel Web Application Development","menu_title":"Laravel <br>Development","menu_description":"Official partners of the gold-standard web backend framework","iconWidth":"70","iconHeight":"47","hoverColor":"red-500","menu_image_url":"https:\/\/kirschbaumdevelopment.com\/images\/solutions\/laravel-development.svg"},{"id":9,"order":7,"slug":"filament-development","title":"Filament Development","menu_title":"Filament <br>Development","menu_description":"Build apps with the most prolific web development language.","iconWidth":"70","iconHeight":"40","hoverColor":"yellow-500","menu_image_url":"https:\/\/kirschbaumdevelopment.com\/images\/solutions\/filament-development.svg"},{"id":2,"order":8,"slug":"vuejs-development","title":"Vue.js Web Application Development","menu_title":"Vue.js <br>Development","menu_description":"Progressive, modern, and rich user interface development","iconWidth":"70","iconHeight":"40","hoverColor":"teal-500","menu_image_url":"https:\/\/kirschbaumdevelopment.com\/images\/solutions\/vuejs-development.svg"},{"id":8,"order":9,"slug":"saas-product-development","title":"SaaS Products","menu_title":"SaaS <br>Products","menu_description":"We have a history of helping to bring amazing ideas to life.","iconWidth":"70","iconHeight":"35","hoverColor":"yellow-500","menu_image_url":"https:\/\/kirschbaumdevelopment.com\/images\/solutions\/saas-product-development.svg"},{"id":10,"order":10,"slug":"ai","title":"Artificial Intelligence","menu_title":"Artificial <br>Intelligence","menu_description":"From ML insights to NLP content creation, discover how AI reshapes your business landscape.","iconWidth":"70","iconHeight":"55","hoverColor":"pink-500","menu_image_url":"https:\/\/kirschbaumdevelopment.com\/images\/solutions\/ai.svg"}]" @contact-solutions="contact('solutions_flyout', "insights.index")"> </solutions-nav> <a @mouseenter="hideSolutions()" href="https://kirschbaumdevelopment.com/approach" class="nav-item lg:pt-24 lg:pb-4 lg:px-4 lg:hover:bg-slate-500 "> <span class="py-2 lg:py-0 block lg:inline-block text-lg font-thin tracking-normal border-b border-transparent"> Why Us? </span> </a> <a @mouseenter="hideSolutions()" href="https://kirschbaumdevelopment.com/work" class="nav-item lg:pt-24 lg:pb-4 lg:px-4 lg:hover:bg-slate-500 "> <span class="py-2 lg:py-0 block lg:inline-block text-lg font-thin tracking-normal border-b border-transparent"> Work </span> </a> <a @mouseenter="hideSolutions()" href="https://kirschbaumdevelopment.com/insights" class="nav-item lg:pt-24 lg:pb-4 lg:px-4 lg:hover:bg-slate-500 active"> <span class="py-2 lg:py-0 block lg:inline-block text-lg font-thin tracking-normal border-b border-transparent"> Insights </span> </a> <a @mouseenter="hideSolutions()" href="https://kirschbaumdevelopment.com/team" class="nav-item lg:pt-24 lg:pb-4 lg:px-4 lg:hover:bg-slate-500 "> <span class="py-2 lg:py-0 block lg:inline-block text-lg font-thin tracking-normal border-b border-transparent"> Team </span> </a> <a @mouseenter="hideSolutions()" class="nav-item lg:pt-24 lg:pb-4 lg:px-4 lg:hover:bg-slate-500 lg:-mr-4 cursor-pointer" @click="contact('navbar', "insights.index")"> <span class="py-2 lg:py-0 block lg:inline-block text-lg font-thin tracking-normal border-b border-transparent cursor-pointer"> Contact </span> </a> <a href="https://kirschbaumdevelopment.com/careers" class="lg:hidden nav-item"> <span class="py-2 block text-lg font-thin tracking-normal border-b border-transparent cursor-pointer"> Careers </span> </a> </div> </div> </div> </nav> </div> <div class="border-solid border-t border-slate-500"></div> <div class="pb-4 lg:pb-12 "> <div class="pb-4 lg:pb-12"></div> </div> <div class="max-w-7xl px-4 sm:px-8 md:px-12 lg:px-24 mx-auto mt-8 lg:-mt-4 pb-8"> <div class="grid grid-cols-1 lg:grid-cols-2 gap-x-16 gap-y-20 mt-6"> <a href="https://kirschbaumdevelopment.com/insights/crafting-effective-prompts-for-ai-assistants" class="flex w-full shrink-0 group border-l-2 border-r-2 border-b-2 hover:border-r-0 hover:border-l-0 hover:border-b-0 border-transparent"> <div class="flex flex-1 w-full border-l border-r border-b group-hover:border-r-0 group-hover:border-l-0 group-hover:border-b-0 border-transparent"> <div class="flex flex-col w-full lg:h-56 xl:h-auto group-hover:border-l-4 group-hover:border-r-4 group-hover:border-b-4 border-l border-r border-b border-orange-500"> <div class="flex"> <div class="w-full border-t group-hover:border-t-4 mr-4 border-orange-500"></div> <div class="mb-2 -mt-8 [&>svg]:h-16 [&>svg]:md:h-24 dark-mode-svg text-orange-500"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 183 162.6"> <path d="m77.33 132.96 31.35-1.48a9.456 9.456 0 0 0 6.23-2.74 9.422 9.422 0 0 0 2.77-6.39c.17-5.33-4.13-9.75-9.49-9.72l-18.72.08s-17.12-10.83-32.04-9.55c-10.91.93-26.83 16.28-34.58 24.44" class="stroke-current" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="3px"/> <path d="m117.72 123.44 16.91-10.08 17.12-17.08c6.48-6.47 16.65-7.42 24.23-2.27l5.03 3.42-57.32 55.56c-3.74 3.5-8.65 5.45-13.77 5.46l-53.99 2.16" class="stroke-current" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="3px"/> <ellipse cx="61.78" cy="31.46" class="stroke-dynamic" rx="11.12" ry="11.13" transform="rotate(-44.91 61.787 31.457)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="3px"/> <ellipse cx="151.22" cy="31.46" class="stroke-dynamic" rx="11.13" ry="11.12" transform="rotate(-45.01 151.213 31.458)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="3px"/> <ellipse cx="105.76" cy="13.12" class="stroke-dynamic" rx="11.13" ry="11.12" transform="rotate(-.12 109.802 14.439)" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="3px"/> <path d="M105.76 24.24v24.74M86.26 89.98v-34L69.65 39.32M66.76 89.66V69.54M125.26 89.98v-34l18.09-16.66M144.76 89.66V69.54M105.65 90.1V69.98" class="stroke-dynamic" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="3px"/> </svg> </div> <div class="w-full border-t group-hover:border-t-4 ml-4 border-orange-500"></div> </div> <div class="flex-1 flex flex-col justify-start pt-6 pb-10 px-6 md:pt-6 md:pb-10 md:px-12 lg:pt-8 lg:pb-0 xl:pt-8 xl:pb-12"> <h3 class="text-xl md:text-3xl lg:text-xl xl:text-3xl font-avenir font-bold">Crafting effective prompts for AI assistants</h3> <div class="mt-1 md:text-xl lg:text-lg">Part 1</div> </div> </div> </div> </a> <a href="https://kirschbaumdevelopment.com/insights/a-practical-guide-to-mutation-testing-with-pest" class="flex w-full shrink-0 group border-l-2 border-r-2 border-b-2 hover:border-r-0 hover:border-l-0 hover:border-b-0 border-transparent"> <div class="flex flex-1 w-full border-l border-r border-b group-hover:border-r-0 group-hover:border-l-0 group-hover:border-b-0 border-transparent"> <div class="flex flex-col w-full lg:h-56 xl:h-auto group-hover:border-l-4 group-hover:border-r-4 group-hover:border-b-4 border-l border-r border-b border-pink-500"> <div class="flex"> <div class="w-full border-t group-hover:border-t-4 mr-4 border-pink-500"></div> <div class="mb-2 -mt-8 [&>svg]:h-16 [&>svg]:md:h-24 dark-mode-svg text-pink-500"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 180 180"> <path d="M97.92 54.34c2.03 5.38 7.19 9.35 13.54 9.38 6.63.03 12.54-4.61 14.09-11.05 2.06-8.57-3.8-16.77-12.29-17.83-5.53-.69-10.7 1.83-13.68 6.1M90 40.05c-1.81-3.93-5.67-6.8-10.39-7.08-6.11-.36-11.67 4.04-12.72 10.08-1.2 6.92 3.62 13.36 10.51 14.22 4.36.54 8.46-1.28 11.03-4.47M56.66 81.55l-.19-.3c-1.02-1.58-1.07-3.56-.26-5.27 1.86-3.91 1.59-8.71-1.21-12.51-3.64-4.93-10.58-6.37-15.89-3.31-6.09 3.51-7.94 11.34-4.19 17.18 2.37 3.7 6.41 5.68 10.5 5.6 1.86-.03 3.62.86 4.63 2.42l.18.29c1.08 1.69 1.07 3.82.08 5.56-2.83 5.01-2.58 11.51 1.46 16.41 4.22 5.11 11.57 6.68 17.51 3.75 7.9-3.9 10.45-13.65 5.83-20.85-3.01-4.69-8.26-7.05-13.45-6.6-1.99.17-3.92-.7-5-2.38Z" class="stroke-dynamic" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="4px"/> <path d="M138.75 117.47h.19M142.75 65.47h.19M34.75 105.47h.19" stroke-width="6px"/> <path d="M88.47 76.93h.19" stroke-width="8px" class="stroke-current" fill="none" stroke-linecap="round" stroke-linejoin="round"/> <path d="M19.65 142.87C35.71 164.2 61.24 178 90 178c48.6 0 88-39.4 88-88S138.6 2 90 2 2 41.4 2 90" fill="none" class="stroke-current" stroke-width="4px"/> <circle fill="none" cx="72.65" cy="134.65" r="9.61" class="stroke-current" stroke-width="4px"/> <path d="M120.86 111.29h0a7.658 7.658 0 0 1 5.66-4.5 14.15 14.15 0 0 0 10.81-9.23c2.37-6.7-.75-14.32-7.14-17.44-7.33-3.57-16.07-.27-19.25 7.14-1.96 4.56-1.34 9.56 1.21 13.41 1.39 2.11 1.58 4.8.58 7.12h0a7.658 7.658 0 0 1-5.66 4.5 14.15 14.15 0 0 0-10.81 9.23c-2.37 6.7.75 14.32 7.14 17.44 7.33 3.57 16.07.27 19.25-7.14 1.96-4.56 1.34-9.56-1.21-13.41-1.39-2.11-1.58-4.8-.58-7.12Z" class="stroke-dynamic" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="4px"/> </svg> </div> <div class="w-full border-t group-hover:border-t-4 ml-4 border-pink-500"></div> </div> <div class="flex-1 flex flex-col justify-start pt-6 pb-10 px-6 md:pt-6 md:pb-10 md:px-12 lg:pt-8 lg:pb-0 xl:pt-8 xl:pb-12"> <h3 class="text-xl md:text-3xl lg:text-xl xl:text-3xl font-avenir font-bold">A practical guide to mutation testing with Pest</h3> </div> </div> </div> </a> <a href="https://kirschbaumdevelopment.com/insights/advanced-guide-to-laravel-sail" class="flex w-full shrink-0 group border-l-2 border-r-2 border-b-2 hover:border-r-0 hover:border-l-0 hover:border-b-0 border-transparent"> <div class="flex flex-1 w-full border-l border-r border-b group-hover:border-r-0 group-hover:border-l-0 group-hover:border-b-0 border-transparent"> <div class="flex flex-col w-full lg:h-56 xl:h-auto group-hover:border-l-4 group-hover:border-r-4 group-hover:border-b-4 border-l border-r border-b border-teal-500"> <div class="flex"> <div class="w-full border-t group-hover:border-t-4 mr-4 border-teal-500"></div> <div class="mb-2 -mt-8 [&>svg]:h-16 [&>svg]:md:h-24 dark-mode-svg text-teal-500"> <?xml version="1.0"?> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64.84 64.84"> <defs> <mask width="64" height="64" x=".42" y="0" maskUnits="userSpaceOnUse"> <path d="M32.42 63.99c17.67 0 32-14.33 32-32S50.09 0 32.42 0s-32 14.32-32 31.99 14.33 32 32 32Z" fill="#fff"/> </mask> </defs> <g mask="url(#mask)"> <path d="m58.42 50.69-26-40v48M29.72 58.69v-34.7l-21.3 29.1" class="stroke-dynamic" fill="none" stroke-miterlimit="10" stroke-width="1.4px"/> </g> <circle cx="32.42" cy="32.42" r="31.57" stroke="#7aaaa7" fill="none" stroke-miterlimit="10" stroke-width="1.4px"/> </svg> </div> <div class="w-full border-t group-hover:border-t-4 ml-4 border-teal-500"></div> </div> <div class="flex-1 flex flex-col justify-start pt-6 pb-10 px-6 md:pt-6 md:pb-10 md:px-12 lg:pt-8 lg:pb-0 xl:pt-8 xl:pb-12"> <h3 class="text-xl md:text-3xl lg:text-xl xl:text-3xl font-avenir font-bold">An advanced guide to Laravel Sail</h3> </div> </div> </div> </a> <a href="https://kirschbaumdevelopment.com/insights/how-to-enhance-code-consistency-and-efficiency-with-laravel-pint" class="flex w-full shrink-0 group border-l-2 border-r-2 border-b-2 hover:border-r-0 hover:border-l-0 hover:border-b-0 border-transparent"> <div class="flex flex-1 w-full border-l border-r border-b group-hover:border-r-0 group-hover:border-l-0 group-hover:border-b-0 border-transparent"> <div class="flex flex-col w-full lg:h-56 xl:h-auto group-hover:border-l-4 group-hover:border-r-4 group-hover:border-b-4 border-l border-r border-b border-yellow-500"> <div class="flex"> <div class="w-full border-t group-hover:border-t-4 mr-4 border-yellow-500"></div> <div class="mb-2 -mt-8 [&>svg]:h-16 [&>svg]:md:h-24 dark-mode-svg text-yellow-500"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 65 65"> <path d="m16 24.52 3.05 37.02" stroke="#ffcd2e" fill="none" stroke-miterlimit="10" isolation="isolate"/> <path d="M48.5 24.5l-3.03 37.04" stroke="#ffcd2e" fill="none" stroke-miterlimit="10" isolation="isolate"/> <path d="M27.81 47.69l-.55-23.17" stroke="#ffcd2e" fill="none" stroke-miterlimit="10" isolation="isolate"/> <path d="M16 24.52v-8h32.26l.24 7.98-32.5.02z" class="stroke-dynamic" fill="none" stroke-miterlimit="10"/> <circle cx="32.5" cy="32.5" r="32" class="stroke-dynamic" fill="none" stroke-miterlimit="10"/> </svg> </div> <div class="w-full border-t group-hover:border-t-4 ml-4 border-yellow-500"></div> </div> <div class="flex-1 flex flex-col justify-start pt-6 pb-10 px-6 md:pt-6 md:pb-10 md:px-12 lg:pt-8 lg:pb-0 xl:pt-8 xl:pb-12"> <h3 class="text-xl md:text-3xl lg:text-xl xl:text-3xl font-avenir font-bold">How to enhance code consistency & efficiency with Laravel Pint</h3> </div> </div> </div> </a> <a href="https://kirschbaumdevelopment.com/insights/avoiding-long-lived-tokens-on-aws" class="flex w-full shrink-0 group border-l-2 border-r-2 border-b-2 hover:border-r-0 hover:border-l-0 hover:border-b-0 border-transparent"> <div class="flex flex-1 w-full border-l border-r border-b group-hover:border-r-0 group-hover:border-l-0 group-hover:border-b-0 border-transparent"> <div class="flex flex-col w-full lg:h-56 xl:h-auto group-hover:border-l-4 group-hover:border-r-4 group-hover:border-b-4 border-l border-r border-b border-red-500"> <div class="flex"> <div class="w-full border-t group-hover:border-t-4 mr-4 border-red-500"></div> <div class="mb-2 -mt-8 [&>svg]:h-16 [&>svg]:md:h-24 dark-mode-svg text-red-500"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 71.5 69.16"> <path d="M12.9 44.19C6.16 44.01.75 38.49.75 31.68c0-6.11 4.36-11.19 10.13-12.28-.3-.71-.46-1.49-.46-2.31 0-3.36 2.72-6.08 6.06-6.08 1.24 0 2.39.37 3.34 1.02C22.24 5.44 28.51.75 35.9.75c8.27 0 15.16 5.88 16.77 13.69.99-.21 2.02-.33 3.08-.33 8.29 0 15 6.73 15 15.05 0 7.31-5.21 13.41-12.12 14.75" class="stroke-dynamic" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5px"/> <path d="M46.38 17.4c1.8-1.44 3.94-2.48 6.28-2.97" class="stroke-dynamic" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5px"/> <path d="M54.11 31.94c-5.41-3.11-11.68-4.88-18.36-4.88s-12.95 1.78-18.36 4.88l.69 10.14c.56 8.13 4.48 15.67 10.82 20.79l6.85 5.53 6.85-5.53a29.282 29.282 0 0 0 10.82-20.79l.69-10.14Z" stroke="#db7164" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5px"/> </svg> </div> <div class="w-full border-t group-hover:border-t-4 ml-4 border-red-500"></div> </div> <div class="flex-1 flex flex-col justify-start pt-6 pb-10 px-6 md:pt-6 md:pb-10 md:px-12 lg:pt-8 lg:pb-0 xl:pt-8 xl:pb-12"> <h3 class="text-xl md:text-3xl lg:text-xl xl:text-3xl font-avenir font-bold">Avoiding long-lived tokens on AWS</h3> <div class="mt-1 md:text-xl lg:text-lg">with IAM Identity Center and OIDC</div> </div> </div> </div> </a> <a href="https://kirschbaumdevelopment.com/insights/ai-solutions-for-modern-business-challenges" class="flex w-full shrink-0 group border-l-2 border-r-2 border-b-2 hover:border-r-0 hover:border-l-0 hover:border-b-0 border-transparent"> <div class="flex flex-1 w-full border-l border-r border-b group-hover:border-r-0 group-hover:border-l-0 group-hover:border-b-0 border-transparent"> <div class="flex flex-col w-full lg:h-56 xl:h-auto group-hover:border-l-4 group-hover:border-r-4 group-hover:border-b-4 border-l border-r border-b border-teal-500"> <div class="flex"> <div class="w-full border-t group-hover:border-t-4 mr-4 border-teal-500"></div> <div class="mb-2 -mt-8 [&>svg]:h-16 [&>svg]:md:h-24 dark-mode-svg text-teal-500"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 357.58 457.51"> <path d="M229.3 453.01c.35-16.53.63-40.9 3.72-61.09 2.13-13.9 14.08-24.15 28.14-24.15h26.08c17.87 0 32.35-14.49 32.35-32.35v-46.73c0-5.63 3.9-10.5 9.38-11.74l9.13-3.69c13.16-2.97 19.22-18.25 11.67-29.43l-36.85-54.59c-5.75-8.51 1.78-27.53 1.78-27.53 3.56-9.16-2.25-31.06-4.96-40.96-12.88-47.07-47.19-85.37-93.49-102.74h0C172.39 1.57 108.42 2.37 75.79 8.66" stroke="#7aaaa7" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="9"/> <path d="M196.51 330.67c7.47-4.06 12.54-11.98 12.54-21.08 0-13.24-10.73-23.97-23.97-23.97s-23.97 10.73-23.97 23.97c0 8.74 4.68 16.39 11.67 20.58M221.83 119.67c-7.19 4.14-12.03 11.9-12.03 20.79 0 13.24 10.73 23.97 23.97 23.97s23.97-10.73 23.97-23.97c0-8.83-4.78-16.55-11.89-20.71M233.78 165.97v42.01l-48.3 32.76v43.34M64.84 330.16c-6.98-4.19-11.65-11.83-11.65-20.56 0-13.24 10.73-23.97 23.97-23.97s23.97 10.73 23.97 23.97c0 8.99-4.95 16.83-12.28 20.93M40.33 119.62c7.23 4.13 12.1 11.91 12.1 20.83 0 13.24-10.73 23.97-23.97 23.97S4.49 153.69 4.49 140.45c0-8.78 4.72-16.46 11.77-20.64M28.47 165.97v42.01l48.3 32.76v42.89M142.86 233.88c7.3-4.11 12.23-11.93 12.23-20.9 0-13.24-10.73-23.97-23.97-23.97s-23.97 10.73-23.97 23.97c0 8.75 4.69 16.4 11.69 20.59M118.85 87.94c-7 4.18-11.69 11.84-11.69 20.59 0 13.24 10.73 23.97 23.97 23.97s23.97-10.73 23.97-23.97c0-8.98-4.93-16.8-12.24-20.91M131.12 134.05V189" class="stroke-dynamic" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="9"/> </svg> </div> <div class="w-full border-t group-hover:border-t-4 ml-4 border-teal-500"></div> </div> <div class="flex-1 flex flex-col justify-start pt-6 pb-10 px-6 md:pt-6 md:pb-10 md:px-12 lg:pt-8 lg:pb-0 xl:pt-8 xl:pb-12"> <h3 class="text-xl md:text-3xl lg:text-xl xl:text-3xl font-avenir font-bold">AI solutions for modern business challenges</h3> </div> </div> </div> </a> <a href="https://kirschbaumdevelopment.com/insights/how-to-set-up-a-new-laravel-project" class="flex w-full shrink-0 group border-l-2 border-r-2 border-b-2 hover:border-r-0 hover:border-l-0 hover:border-b-0 border-transparent"> <div class="flex flex-1 w-full border-l border-r border-b group-hover:border-r-0 group-hover:border-l-0 group-hover:border-b-0 border-transparent"> <div class="flex flex-col w-full lg:h-56 xl:h-auto group-hover:border-l-4 group-hover:border-r-4 group-hover:border-b-4 border-l border-r border-b border-orange-500"> <div class="flex"> <div class="w-full border-t group-hover:border-t-4 mr-4 border-orange-500"></div> <div class="mb-2 -mt-8 [&>svg]:h-16 [&>svg]:md:h-24 dark-mode-svg text-orange-500"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 86.24 68.24"> <path fill="none" stroke-miterlimit="10" stroke-width="1.24" class="stroke-dynamic" d="M13.86.62h67.87c2.14 0 3.89 1.66 3.89 3.69v49.76c0 2.03-1.75 3.69-3.89 3.69H4.51c-2.14 0-3.89-1.65-3.89-3.69V12.08M56.92 67.62l-4.03-9.8H33.35l-3.79 9.8" /> <path fill="none" stroke-miterlimit="10" stroke-width="1.24" class="stroke-dynamic" d="M17 67.62h52.24M1.86 45.91h82.52" /> <path fill="none" stroke-miterlimit="10" stroke-width="1.24" stroke="#f79355" d="m55.06 26.56 2.57-1.84c.82-.58 1.94-.5 2.66.21l3.02 3.01c.72.72.81 1.83.21 2.65l-2.92 4.04c1.03 1.71 1.79 3.53 2.28 5.45l4.94.8c.99.16 1.71 1.01 1.71 2.01l-.18 2.48M17.13 45.35l-.42-2.46c0-1.01.73-1.86 1.73-2.02l4.93-.8a19.82 19.82 0 0 1 2.28-5.44l-2.93-4.05c-.59-.81-.5-1.92.21-2.62l3.04-3.03c.71-.71 1.82-.79 2.63-.21l4.08 2.92c1.72-1.02 3.55-1.78 5.47-2.26l.81-4.92c.16-.99 1.01-1.71 2.02-1.71h4.3c1.01 0 1.85.72 2.02 1.7l.55 3.36M31.73 45.58c0-6.25 5.11-11.33 11.39-11.33s11.39 5.08 11.39 11.33" /> </svg> </div> <div class="w-full border-t group-hover:border-t-4 ml-4 border-orange-500"></div> </div> <div class="flex-1 flex flex-col justify-start pt-6 pb-10 px-6 md:pt-6 md:pb-10 md:px-12 lg:pt-8 lg:pb-0 xl:pt-8 xl:pb-12"> <h3 class="text-xl md:text-3xl lg:text-xl xl:text-3xl font-avenir font-bold">How to set up a new Laravel project</h3> <div class="mt-1 md:text-xl lg:text-lg">Using Inertia, React and Typescript</div> </div> </div> </div> </a> <a href="https://kirschbaumdevelopment.com/insights/optimizing-json-columns-in-laravel" class="flex w-full shrink-0 group border-l-2 border-r-2 border-b-2 hover:border-r-0 hover:border-l-0 hover:border-b-0 border-transparent"> <div class="flex flex-1 w-full border-l border-r border-b group-hover:border-r-0 group-hover:border-l-0 group-hover:border-b-0 border-transparent"> <div class="flex flex-col w-full lg:h-56 xl:h-auto group-hover:border-l-4 group-hover:border-r-4 group-hover:border-b-4 border-l border-r border-b border-pink-500"> <div class="flex"> <div class="w-full border-t group-hover:border-t-4 mr-4 border-pink-500"></div> <div class="mb-2 -mt-8 [&>svg]:h-16 [&>svg]:md:h-24 dark-mode-svg text-pink-500"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55.77 51.86"> <line x1="12.88" y1="14.93" x2="12.88" y2="51.11" fill="none" stroke-linecap="round" stroke-linejoin="round" class="stroke-dynamic" stroke-width="1px"/> <line x1="32.83" y1="14.93" x2="32.83" y2="51.11" fill="none" stroke-linecap="round" stroke-linejoin="round" class="stroke-dynamic" stroke-width="1px"/> <line x1="42.83" y1="14.93" x2="42.83" y2="40.11" fill="none" stroke-linecap="round" stroke-linejoin="round" class="stroke-dynamic" stroke-width="1px"/> <line x1="22.83" y1="14.93" x2="22.83" y2="51.11" fill="none" stroke-linecap="round" stroke-linejoin="round" class="stroke-dynamic" stroke-width="1px"/> <g> <polyline points="12.68 14.34 48.49 14.34 48.49 7.55 7.28 7.55" fill="none" stroke="#dfa2be" stroke-linecap="round" stroke-linejoin="round" stroke-width="1px"/> <polyline points="55.02 7.55 55.02 .75 .75 .75" fill="none" stroke="#dfa2be" stroke-linecap="round" stroke-linejoin="round" stroke-width="1px"/> </g> <line x1="47.88" y1="7.55" x2="54.68" y2="7.55" fill="none" stroke="#dfa2be" stroke-linecap="round" stroke-linejoin="round" stroke-width="1px"/> </svg> </div> <div class="w-full border-t group-hover:border-t-4 ml-4 border-pink-500"></div> </div> <div class="flex-1 flex flex-col justify-start pt-6 pb-10 px-6 md:pt-6 md:pb-10 md:px-12 lg:pt-8 lg:pb-0 xl:pt-8 xl:pb-12"> <h3 class="text-xl md:text-3xl lg:text-xl xl:text-3xl font-avenir font-bold">Optimizing JSON columns in Laravel</h3> </div> </div> </div> </a> <a href="https://kirschbaumdevelopment.com/insights/why-we-love-filament" class="flex w-full shrink-0 group border-l-2 border-r-2 border-b-2 hover:border-r-0 hover:border-l-0 hover:border-b-0 border-transparent"> <div class="flex flex-1 w-full border-l border-r border-b group-hover:border-r-0 group-hover:border-l-0 group-hover:border-b-0 border-transparent"> <div class="flex flex-col w-full lg:h-56 xl:h-auto group-hover:border-l-4 group-hover:border-r-4 group-hover:border-b-4 border-l border-r border-b border-yellow-500"> <div class="flex"> <div class="w-full border-t group-hover:border-t-4 mr-4 border-yellow-500"></div> <div class="mb-2 -mt-8 [&>svg]:h-16 [&>svg]:md:h-24 dark-mode-svg text-yellow-500"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 428.25 380.12"> <path fill="none" stroke-miterlimit="10" stroke-width="5.22" class="stroke-current text-yellow-500" d="m66.45,377.49c3.22-14,6.3-27.53,9.23-40.61,2.45-10.9,5.19-22.98,8.22-36.24l1.85-8.1,14.99-66.7h57.42l10.08-44.14h-60.03c.42-1.96,1.05-4.87,1.89-8.73.84-3.85,1.54-7.1,2.1-9.71,2.24-10.07,6.3-17.63,12.17-22.66s14-7.55,24.35-7.55c5.87,0,11.68.66,17.42,1.96s11.2,3.14,16.37,5.5l15.11-47.09c-4.48-1.83-9.69-3.43-15.64-4.81-5.95-1.37-12.21-2.42-18.79-3.14-6.58-.72-13.15-1.08-19.73-1.08-10.35,0-20.29,1.14-29.8,3.43s-18.19,6.14-26.03,11.57-14.65,12.79-20.46,22.08c-5.81,9.28-10.25,20.86-13.33,34.72-1.96,8.76-3.41,15.23-5.72,25.5H13.35l-10.08,44.14h34.83l-.51,2.24c-.93,4.08-1.84,8.1-2.75,12.1l-1.35,5.96c-2.24,9.87-4.27,18.86-6.08,26.98l-4.4,19.62c-3.63,16.22-6.96,30.9-9.97,44.04s-6.05,26.72-9.13,40.71h62.54Z"/> <path fill="none" stroke-miterlimit="10" stroke-width="5.22" class="stroke-current text-yellow-500" d="m245.12,181.32l-5.99,14.19,28.06,18.16c1.52.97,2.32,2.79,2.1,4.62l-.1.55-1.89,7.96c-.48,2.01-2.13,3.45-4.07,3.57l-24.77,1.53,21.18,13.59c1.52.97,2.32,2.79,2.1,4.62l-.1.55-1.89,7.96c-.48,2.01-2.13,3.45-4.07,3.57l-24.77,1.54,21.18,13.59c1.52.97,2.32,2.79,2.1,4.62l-.1.55-1.89,7.96c-.48,2.01-2.13,3.45-4.07,3.57l-24.77,1.54,21.18,13.59c1.52.97,2.32,2.79,2.1,4.62l-.1.54-1.89,7.96c-.48,2.01-2.13,3.45-4.07,3.57l-24.77,1.53,21.18,13.59c1.52.97,2.32,2.79,2.1,4.62l-.1.54-1.89,7.96c-.48,2.01-2.13,3.45-4.07,3.57l-34.74,2.82-4.32,17.06h-27.74l8.58-31.35c.48-2.01,2.13-3.45,4.07-3.57l24.77-1.54-21.18-13.59c-1.52-.97-2.32-2.79-2.1-4.62l.1-.55,1.89-7.96c.48-2.01,2.13-3.45,4.07-3.57l24.77-1.54-21.18-13.59c-1.52-.97-2.32-2.79-2.1-4.62l.1-.54,1.89-7.96c.48-2.01,2.13-3.45,4.07-3.57l24.77-1.54-21.18-13.59c-1.52-.97-2.32-2.79-2.1-4.62l.1-.54,1.89-7.96c.48-2.01,2.13-3.45,4.07-3.57l24.77-1.54-21.18-13.59c-1.52-.97-2.32-2.79-2.1-4.62l.1-.54,1.89-7.96c.48-2.01,2.13-3.45,4.07-3.57l24.77-1.54-21.18-13.59c-1.52-.97-2.32-2.79-2.1-4.62l.1-.54,3.86-12.63,30.58-1.1Zm21.33-95.16c11.38,0,19.8,3.56,25.28,10.69,5.48,7.13,7.13,15.66,4.93,25.6-2.46,11.38-7.57,19.07-15.31,23.05-7.74,3.99-17.37,5.98-28.88,5.98s-19.7-3.11-25.39-9.32c-5.69-6.21-7.3-15.08-4.83-26.58,2.33-10.46,7.43-17.98,15.31-22.56,7.87-4.58,17.5-6.87,28.88-6.87Z"/> <path fill="none" stroke-width="5.22" class="stroke-current stroke-dynamic" d="m256.48,71.17c7.84-52.66,71.22-83.84,127.67-50.71,31.05,18.36,64.35,93.78,20.15,153.35-88.85,119.71-110.21,168.54-110.21,168.54"/> <path fill="none" stroke-width="5.22" class="stroke-current stroke-dynamic" d="m257.13,66.95c-7.84-52.66-71.22-83.84-127.67-50.67-11.7,6.96-22.33,20.9-29.23,39.24"/> </svg> </div> <div class="w-full border-t group-hover:border-t-4 ml-4 border-yellow-500"></div> </div> <div class="flex-1 flex flex-col justify-start pt-6 pb-10 px-6 md:pt-6 md:pb-10 md:px-12 lg:pt-8 lg:pb-0 xl:pt-8 xl:pb-12"> <h3 class="text-xl md:text-3xl lg:text-xl xl:text-3xl font-avenir font-bold">Why we love Filament</h3> <div class="mt-1 md:text-xl lg:text-lg">A powerful tool for Laravel developers</div> </div> </div> </div> </a> <a href="https://kirschbaumdevelopment.com/insights/why-we-love-vuejs" class="flex w-full shrink-0 group border-l-2 border-r-2 border-b-2 hover:border-r-0 hover:border-l-0 hover:border-b-0 border-transparent"> <div class="flex flex-1 w-full border-l border-r border-b group-hover:border-r-0 group-hover:border-l-0 group-hover:border-b-0 border-transparent"> <div class="flex flex-col w-full lg:h-56 xl:h-auto group-hover:border-l-4 group-hover:border-r-4 group-hover:border-b-4 border-l border-r border-b border-teal-500"> <div class="flex"> <div class="w-full border-t group-hover:border-t-4 mr-4 border-teal-500"></div> <div class="mb-2 -mt-8 [&>svg]:h-16 [&>svg]:md:h-24 dark-mode-svg text-teal-500"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 325 315"> <path d="m182 76-30 52-30-53H21l131 227L283 76H182Z" fill="none" stroke-miterlimit="10" stroke-width="4px" class="stroke-current text-teal-500"/> <path d="m182 76-30 52-30-53H74l78 137 79-136h-49Z" fill="none" stroke-mitterlimit="10" stroke-width="4px" class="stroke-current text-teal-500"/> <path d="M193 63c5-37 49-58 88-35 22 13 45 65 14 107-61 83-76 117-76 117M193 60c-5-36-49-58-88-35-8 5-15 14-20 27" fill="none" stroke-miterlimit="10" stroke-width="4.26" class="stroke-current stroke-dynamic"/> </svg> </div> <div class="w-full border-t group-hover:border-t-4 ml-4 border-teal-500"></div> </div> <div class="flex-1 flex flex-col justify-start pt-6 pb-10 px-6 md:pt-6 md:pb-10 md:px-12 lg:pt-8 lg:pb-0 xl:pt-8 xl:pb-12"> <h3 class="text-xl md:text-3xl lg:text-xl xl:text-3xl font-avenir font-bold">Why we love Vue.js</h3> <div class="mt-1 md:text-xl lg:text-lg">Benefits for frontend development</div> </div> </div> </div> </a> <a href="https://kirschbaumdevelopment.com/insights/how-we-approach-devops-at-kirschbaum" class="flex w-full shrink-0 group border-l-2 border-r-2 border-b-2 hover:border-r-0 hover:border-l-0 hover:border-b-0 border-transparent"> <div class="flex flex-1 w-full border-l border-r border-b group-hover:border-r-0 group-hover:border-l-0 group-hover:border-b-0 border-transparent"> <div class="flex flex-col w-full lg:h-56 xl:h-auto group-hover:border-l-4 group-hover:border-r-4 group-hover:border-b-4 border-l border-r border-b border-yellow-500"> <div class="flex"> <div class="w-full border-t group-hover:border-t-4 mr-4 border-yellow-500"></div> <div class="mb-2 -mt-8 [&>svg]:h-16 [&>svg]:md:h-24 dark-mode-svg text-yellow-500"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1780 1793"> <path d="M123 1520h148v-150M1434 348V198h149" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke-width="30px" class="stroke-current stroke-dynamic"/> <path d="M1457 225a886 886 0 0 1 51 1295 870 870 0 0 1-1130 92M247 1494a886 886 0 0 1 24-1221 871 871 0 0 1 1040-150" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke-width="30px" class="stroke-current stroke-dynamic"/> <path d="m1071 1326-6 112c2 13-7 26-20 28l-97 16c-14 2-26-8-28-21l-28-80-9-25c-33-2-65-8-97-17l-77 99c-6 13-21 18-33 11l-87-45c-12-6-16-22-10-34l36-121c-25-21-47-44-67-70l-119 35c-13 6-27 1-33-11l-44-89c-6-12 0-28 12-34l98-77a481 481 0 0 1-14-97l-115-44c-14-2-23-15-20-28l16-99c2-13 15-23 29-20l123-5c12-30 27-59 45-87l-67-104a26 26 0 0 1 0-36l70-71c9-9 25-9 35 1l101 70c27-18 57-33 88-45l6-112c-2-14 7-26 21-29l97-15c13-2 25 7 27 21l37 105c33 2 66 7 97 16l77-99c7-12 22-17 33-11l87 46c12 6 16 21 10 34l-35 121c24 20 47 44 67 69l119-34c12-6 27-2 33 11l43 89c6 12 1 27-12 34l-97 77a609 609 0 0 1 14 97l114 43c14 3 23 15 21 29l-17 99c-2 13-15 22-29 20l-29 1-94 3" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke-width="30px" class="stroke-current stroke-yellow-500"/> <circle cx="912.6" cy="882.1" r="137.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke-width="30px" class="stroke-current stroke-yellow-500"/> <path d="M1344 1054c-13 33-29 63-48 91l61 111c9 10 8 27-2 36l-70 70c-10 10-25 9-34-2l-95-77c-27 17-55 32-85 43" stroke-linecap="round" stroke-linejoin="round" fill="none" stroke-width="30px" class="stroke-current stroke-yellow-500"/> </svg> </div> <div class="w-full border-t group-hover:border-t-4 ml-4 border-yellow-500"></div> </div> <div class="flex-1 flex flex-col justify-start pt-6 pb-10 px-6 md:pt-6 md:pb-10 md:px-12 lg:pt-8 lg:pb-0 xl:pt-8 xl:pb-12"> <h3 class="text-xl md:text-3xl lg:text-xl xl:text-3xl font-avenir font-bold">How we approach DevOps at Kirschbaum</h3> </div> </div> </div> </a> <a href="https://kirschbaumdevelopment.com/insights/how-to-build-a-csv-export-system-with-laravel" class="flex w-full shrink-0 group border-l-2 border-r-2 border-b-2 hover:border-r-0 hover:border-l-0 hover:border-b-0 border-transparent"> <div class="flex flex-1 w-full border-l border-r border-b group-hover:border-r-0 group-hover:border-l-0 group-hover:border-b-0 border-transparent"> <div class="flex flex-col w-full lg:h-56 xl:h-auto group-hover:border-l-4 group-hover:border-r-4 group-hover:border-b-4 border-l border-r border-b border-red-500"> <div class="flex"> <div class="w-full border-t group-hover:border-t-4 mr-4 border-red-500"></div> <div class="mb-2 -mt-8 [&>svg]:h-16 [&>svg]:md:h-24 dark-mode-svg text-red-500"> <svg viewBox="0 0 343 250"> <path class="stroke-current stroke-dynamic" stroke-width=4 fill="none" stroke-linejoin="round" d="m25.3,247.97c-12.75.6-23.3-8.55-23.3-19.92V15.3c0-7.34,6.6-13.3,14.74-13.3h95.8l22.11,19.95h169.5"/> <polyline class="stroke-current stroke-dynamic" stroke-width=4 fill="none" stroke-linejoin="round" points="341 109 341 68.49 341 248 24.11 248"/> <polyline class="stroke-current text-red-500" stroke-width=4 fill="none" stroke-linejoin="round" points="157.13 109.67 157.13 123.62 127.65 123.62 179.24 176.81 230.83 123.62 201.35 123.62 201.35 70.43 157.13 70.43"/> <polyline class="stroke-current text-red-500" stroke-width=4 fill="none" points="252.93 164.51 252.93 197.76 112.91 197.76 112.91 164.51"/> </svg> </div> <div class="w-full border-t group-hover:border-t-4 ml-4 border-red-500"></div> </div> <div class="flex-1 flex flex-col justify-start pt-6 pb-10 px-6 md:pt-6 md:pb-10 md:px-12 lg:pt-8 lg:pb-0 xl:pt-8 xl:pb-12"> <h3 class="text-xl md:text-3xl lg:text-xl xl:text-3xl font-avenir font-bold">How to build a CSV export system with Laravel</h3> </div> </div> </div> </a> <a href="https://kirschbaumdevelopment.com/insights/strategic-advantages-of-dynamic-software" class="flex w-full shrink-0 group border-l-2 border-r-2 border-b-2 hover:border-r-0 hover:border-l-0 hover:border-b-0 border-transparent"> <div class="flex flex-1 w-full border-l border-r border-b group-hover:border-r-0 group-hover:border-l-0 group-hover:border-b-0 border-transparent"> <div class="flex flex-col w-full lg:h-56 xl:h-auto group-hover:border-l-4 group-hover:border-r-4 group-hover:border-b-4 border-l border-r border-b border-teal-500"> <div class="flex"> <div class="w-full border-t group-hover:border-t-4 mr-4 border-teal-500"></div> <div class="mb-2 -mt-8 [&>svg]:h-16 [&>svg]:md:h-24 dark-mode-svg text-teal-500"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 2077.7 2032.2" xml:space="preserve"> <style> .st1, .st2 { fill: #231f20; stroke-width: .25; stroke-miterlimit: 10 } .st2 { stroke-width: .15 } </style> <path d="M685.7 620.1c.9-.1 1.7.1 2.5.4.2-.2.4-.4.5-.6 5-5.4 10.4-10.7 17.1-13.4-9.8-6.5-22.2-9.5-33.8-10.7 1.4 9.1 4.2 17.8 7.6 26.2 2.1-.9 4.2-1.8 6.1-1.9" style="fill:none" /> <path class="st1 stroke-dynamic" d="m1610.3 233.2-.1-.1s.1 0 .1.1zM1393.4 288c2.3-1.8 2.9-1.6 0 0zm-.8.6c-.4.3-.8.7-1.2 1 .5-.4.9-.7 1.2-1zM647.9 1675.2c-3.1.7-1.5.2 0 0z" /> <path class="st2 stroke-dynamic" d="M1235.8 224.5c-.1-.4-.3-1.1-.7-2.4.2.8.5 1.6.7 2.4zM259 1537.3c3.2-3.6 2.3-3 1.1-1.6-.2.3-.5.6-.7.9-.1.3-.3.5-.4.7zM87.3 843.8c.2 0 .9-.2 2.6-.8-.9.3-1.8.6-2.6.8zm372.4 894.3s.1 0 0 0c2.1-1.2 5-4.4 0 0z" /> <path class="stroke-dynamic" d="M660.2 751.3c.3-1.2.6-2.4 1.2-3.5" style="fill:#231f20;stroke-width:.75;stroke-miterlimit:10" /> <path class="st2 stroke-dynamic" d="M1914.4 1947.1c2.1-.8 6.1-2.9 0 0zm-945.8-668.9h.2c.8 0 1.8.1 2.7.3 1.9-.1 2.7-.6-2.9-.3zm906.1 679.4h.5c.7-.1 1.4-.2 2.2-.4 2.1-.4 3.5-1-2.7.4zM1300.4 948.8c0-.2-.1-.3-.1-.5.3 2.1.6 3.7.1.5zm709.7 876.3c.1-.9.3-1.8.4-2.8 0-.2 0-.4.1-.6-1.1 5.4-.8 5-.5 3.4zM776 1165.3l.1.1c.2.2.4.5.6.7 1.7 2 4.2 4-.7-.8z" /> <path class="st1 stroke-dynamic" d="M718.9 947.2c-.4 2.7-.6 6.4 0 0z" /> <path class="st2 stroke-dynamic" d="M1125.4 718c-.7-.3-1.4-.6-2.2-.9-.2-.1-.4-.2-.6-.2 4.9 2.7 4.3 1.9 2.8 1.1zm64.9 38.5-.2-.2-1.2-.9c-2-1.2-3.9-1.8 1.4 1.1z" /> <path class="stroke-current" d="M1675.4 1833c60.9 61.8 130 61.2 173.3 18.7 43.3-42.6 44.9-111.7-15.9-173.5l-502.3-530.3c38.1-106.4 20.9-250.3-73.2-345.9-92-93.4-239.6-99.6-345.3-67l158.9 158s33.7 72.4-32 137.1-144.8 27.1-144.8 27.1L732.4 898.3C698.2 1003.5 705 1129 797 1222.5c94.1 95.6 228.5 108.5 335.5 72.1l77.8 85.2" style="fill:none;stroke-width:24;stroke-miterlimit:10" /> <path class="stroke-dynamic" d="m1195.6 1755.8-36.5 175.9c0 22.1-18.6 40-41.5 40h-166c-22.9 0-41.5-17.9-41.5-40l-27.7-133.4-8.8-42.5c-55.4-11.1-108.4-28.1-158.9-49.8l-152.8 137c-13.8 18.3-40 22.5-58.5 9.6l-134.3-94c-18.5-13-22.4-38.3-8.6-56.6l88.2-182.8c-36.3-38.9-68.5-81.3-95.9-126.8l-207.6 24.3c-22.3 7-46.1-4.4-53.2-25.4l-51.3-152.1c-7.1-21 5.2-43.7 27.5-50.6l182.2-97.6c-2.8-25.9-4.2-52.2-4.2-78.8s1.5-52.9 4.2-78.8L68.2 835.7c-22.3-7-34.6-29.7-27.5-50.7L92 633c7.1-21 30.9-32.4 53.2-25.4l207.6 24.3c27.4-45.6 59.6-87.9 95.9-126.8l-88.2-182.8c-13.8-18.3-9.9-43.6 8.6-56.6l134.3-94c18.5-13 44.7-8.7 58.5 9.6l152.8 136.9c50.5-21.6 103.5-38.7 158.9-49.8l36.5-175.9c0-22.1 18.6-40 41.5-40h166c22.9 0 41.5 17.9 41.5 40l36.5 175.9c55.4 11.1 108.4 28.1 158.9 49.8l152.8-136.9c13.8-18.3 40-22.5 58.5-9.6l134.3 94c18.5 13 22.4 38.3 8.6 56.6l-88.2 182.8c36.3 38.9 68.5 81.3 95.9 126.8l207.6-24.3c22.3-7 46.1 4.4 53.2 25.4l51.3 152.1c7.1 21-5.2 43.7-27.5 50.7l-182.2 97.6c2.8 25.9 4.2 52.2 4.2 78.8s-1.5 52.9-4.2 78.8l182.2 97.6c22.3 7 34.6 29.6 27.5 50.6l-51.3 152.1c-7.1 21-30.9 32.4-53.2 25.4l-49.3-5.8-158.2-18.5" style="fill:none;stroke-width:24;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10" /> <path class="stroke-dynamic" d="M823.6 622c63.1-31.8 134.9-49.7 211-49.7 252.1 0 456.4 196.9 456.4 439.8M643.6 774.6c-54.4 72.4-65.4 141.4-65.4 237.6 0 30.4 3.2 60 9.3 88.6 34.3 161.4 160.3 290.6 323.3 334.8 18.8 5.1 38.2 9.1 57.9 11.8" style="stroke-miterlimit:10;fill:none;stroke-width:24" /> </svg> </div> <div class="w-full border-t group-hover:border-t-4 ml-4 border-teal-500"></div> </div> <div class="flex-1 flex flex-col justify-start pt-6 pb-10 px-6 md:pt-6 md:pb-10 md:px-12 lg:pt-8 lg:pb-0 xl:pt-8 xl:pb-12"> <h3 class="text-xl md:text-3xl lg:text-xl xl:text-3xl font-avenir font-bold">Strategic advantages of dynamic software</h3> </div> </div> </div> </a> <a href="https://kirschbaumdevelopment.com/insights/kirschbaum-filament" class="flex w-full shrink-0 group border-l-2 border-r-2 border-b-2 hover:border-r-0 hover:border-l-0 hover:border-b-0 border-transparent"> <div class="flex flex-1 w-full border-l border-r border-b group-hover:border-r-0 group-hover:border-l-0 group-hover:border-b-0 border-transparent"> <div class="flex flex-col w-full lg:h-56 xl:h-auto group-hover:border-l-4 group-hover:border-r-4 group-hover:border-b-4 border-l border-r border-b border-yellow-500"> <div class="flex"> <div class="w-full border-t group-hover:border-t-4 mr-4 border-yellow-500"></div> <div class="mb-2 -mt-8 [&>svg]:h-16 [&>svg]:md:h-24 dark-mode-svg text-yellow-500"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 398"> <path stroke-width="7" stroke-miterlimit="10" fill="none" class="stroke-current" d="M87.52,395.47c4.31-18.77,8.44-36.92,12.37-54.46c3.28-14.62,6.95-30.82,11.01-48.6l2.48-10.86l20.08-89.46 h76.93l13.5-59.2h-80.42c0.56-2.63,1.41-6.53,2.53-11.71c1.12-5.17,2.06-9.52,2.81-13.02c3-13.51,8.44-23.64,16.31-30.39 c7.87-6.75,18.75-10.13,32.62-10.13c7.87,0,15.65,0.88,23.34,2.63c7.69,1.75,15,4.21,21.93,7.37l20.25-63.15 c-6-2.46-12.98-4.6-20.95-6.45c-7.97-1.84-16.36-3.24-25.17-4.21c-8.81-0.96-17.62-1.45-26.43-1.45c-13.87,0-27.18,1.53-39.93,4.6 c-12.75,3.07-24.37,8.24-34.87,15.52S96.28,39.66,88.5,52.11c-7.78,12.45-13.73,27.98-17.86,46.57c-2.62,11.75-4.57,20.43-7.66,34.2 l0,0H16.38l-13.5,59.2h46.67l-0.68,3.01c-1.24,5.47-2.47,10.87-3.69,16.23l-1.81,7.99c-3,13.24-5.72,25.3-8.15,36.18l-5.9,26.31 c-4.87,21.75-9.33,41.44-13.36,59.07s-8.11,35.83-12.23,54.6H87.52z"/> <path stroke-width="7" stroke-miterlimit="10" fill="none" class="stroke-current" d="M326.89,132.37l-8.02,19.03l37.6,24.36c2.03,1.3,3.11,3.74,2.81,6.19l-0.13,0.74l-2.53,10.67 c-0.64,2.69-2.85,4.63-5.45,4.79l-33.19,2.05l28.38,18.23c2.03,1.3,3.11,3.74,2.81,6.19l-0.13,0.74l-2.53,10.67 c-0.64,2.69-2.85,4.63-5.45,4.79l-33.19,2.06l28.38,18.23c2.03,1.3,3.11,3.74,2.81,6.19l-0.13,0.74l-2.53,10.67 c-0.64,2.69-2.85,4.63-5.45,4.79l-33.18,2.06l28.38,18.23c2.03,1.3,3.11,3.74,2.81,6.19l-0.13,0.73l-2.53,10.67 c-0.64,2.69-2.85,4.63-5.45,4.79l-33.18,2.05l28.38,18.23c2.03,1.3,3.11,3.74,2.81,6.19l-0.13,0.73l-2.53,10.67 c-0.64,2.69-2.85,4.63-5.45,4.79l-46.54,3.78l-5.79,22.88h-37.16l11.49-42.04c0.64-2.69,2.85-4.63,5.45-4.79l33.19-2.06 l-28.38-18.22c-2.03-1.3-3.11-3.74-2.81-6.19l0.13-0.74l2.53-10.67c0.64-2.69,2.85-4.63,5.45-4.79l33.18-2.06l-28.37-18.22 c-2.03-1.3-3.11-3.74-2.81-6.19l0.13-0.73l2.53-10.67c0.64-2.69,2.85-4.63,5.45-4.79l33.18-2.06l-28.37-18.22 c-2.03-1.3-3.11-3.74-2.81-6.19l0.13-0.73l2.53-10.67c0.64-2.69,2.85-4.63,5.45-4.79l33.18-2.06l-28.38-18.23 c-2.03-1.3-3.11-3.74-2.81-6.19l0.13-0.73l2.53-10.67c0.64-2.69,2.85-4.63,5.45-4.79l33.18-2.06l-28.38-18.23 c-2.03-1.3-3.11-3.74-2.81-6.19l0.13-0.73l5.17-16.94L326.89,132.37z M355.47,4.75c15.24,0,26.53,4.78,33.87,14.34 c7.34,9.56,9.55,21,6.61,34.34c-3.3,15.26-10.14,25.57-20.51,30.92c-10.37,5.35-23.27,8.02-38.69,8.02 c-15.05,0-26.39-4.17-34.01-12.5c-7.62-8.33-9.78-20.22-6.47-35.65c3.12-14.03,9.96-24.12,20.51-30.26 C327.33,7.82,340.23,4.75,355.47,4.75z"/> </svg> </div> <div class="w-full border-t group-hover:border-t-4 ml-4 border-yellow-500"></div> </div> <div class="flex-1 flex flex-col justify-start pt-6 pb-10 px-6 md:pt-6 md:pb-10 md:px-12 lg:pt-8 lg:pb-0 xl:pt-8 xl:pb-12"> <h3 class="text-xl md:text-3xl lg:text-xl xl:text-3xl font-avenir font-bold">Kirschbaum partners with Filament</h3> </div> </div> </div> </a> <a href="https://kirschbaumdevelopment.com/insights/adding-a-second-server-to-your-app" class="flex w-full shrink-0 group border-l-2 border-r-2 border-b-2 hover:border-r-0 hover:border-l-0 hover:border-b-0 border-transparent"> <div class="flex flex-1 w-full border-l border-r border-b group-hover:border-r-0 group-hover:border-l-0 group-hover:border-b-0 border-transparent"> <div class="flex flex-col w-full lg:h-56 xl:h-auto group-hover:border-l-4 group-hover:border-r-4 group-hover:border-b-4 border-l border-r border-b border-pink-500"> <div class="flex"> <div class="w-full border-t group-hover:border-t-4 mr-4 border-pink-500"></div> <div class="mb-2 -mt-8 [&>svg]:h-16 [&>svg]:md:h-24 dark-mode-svg text-pink-500"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 127.07 101.09"> <path class="stroke-dynamic" fill="none" d="M146.92,94.75V118c0,8.2-19.14,14.87-42.71,14.87S61.5,126.24,61.5,118V107.75" transform="translate(-60.75 -32.56)" style="stroke-miterlimit:10;stroke-width:1.5px"/> <path class="stroke-dynamic" fill="none" d="M146.92,71.47V94.75c0,8.21-19.14,14.87-42.71,14.87S61.5,103,61.5,94.75V71.47" transform="translate(-60.75 -32.56)" style="stroke-miterlimit:10;stroke-width:1.5px"/> <path class="stroke-dynamic" fill="none" d="M146.92,71.47c0,8.2-19.14,14.86-42.71,14.86S61.5,79.67,61.5,71.47V49.18" transform="translate(-60.75 -32.56)" style="stroke-miterlimit:10;stroke-width:1.5px"/> <path class="stroke-dynamic" fill="none" d="M104.21,33.31c23.57,0,42.71,6.67,42.71,14.87S127.78,63,104.21,63,61.5,56.38,61.5,48.18s19.14-14.87,42.71-14.87Z" transform="translate(-60.75 -32.56)" style="stroke-miterlimit:10;stroke-width:1.5px"/> <line class="stroke-current stroke-1.5" x1="104.16" y1="7.21" x2="104.16" y2="53.02" style="stroke-miterlimit:10;"/> <line class="stroke-current stroke-1.5" x1="81.26" y1="30.11" x2="127.07" y2="30.11" style="stroke-miterlimit:10;"/> </svg> </div> <div class="w-full border-t group-hover:border-t-4 ml-4 border-pink-500"></div> </div> <div class="flex-1 flex flex-col justify-start pt-6 pb-10 px-6 md:pt-6 md:pb-10 md:px-12 lg:pt-8 lg:pb-0 xl:pt-8 xl:pb-12"> <h3 class="text-xl md:text-3xl lg:text-xl xl:text-3xl font-avenir font-bold">I鈥檓 adding a second server to my app. What now?</h3> </div> </div> </div> </a> <a href="https://kirschbaumdevelopment.com/insights/validating-command-parameters-in-laravel" class="flex w-full shrink-0 group border-l-2 border-r-2 border-b-2 hover:border-r-0 hover:border-l-0 hover:border-b-0 border-transparent"> <div class="flex flex-1 w-full border-l border-r border-b group-hover:border-r-0 group-hover:border-l-0 group-hover:border-b-0 border-transparent"> <div class="flex flex-col w-full lg:h-56 xl:h-auto group-hover:border-l-4 group-hover:border-r-4 group-hover:border-b-4 border-l border-r border-b border-orange-500"> <div class="flex"> <div class="w-full border-t group-hover:border-t-4 mr-4 border-orange-500"></div> <div class="mb-2 -mt-8 [&>svg]:h-16 [&>svg]:md:h-24 dark-mode-svg text-orange-500"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 114.37 118.93"> <path class="stroke-dynamic" d="m73.91,17.96l-1.35-15.79-16.54-1.38-3.95,15.34c-4.16.71-8.13,2-11.83,3.8l-12.02-10.25-12.67,10.72,8.11,13.55c-2.41,3.38-4.35,7.12-5.74,11.14l-15.75,1.26-1.38,16.54,15.32,3.84c.7,4.16,1.97,8.14,3.77,11.85l-10.2,12.11,10.72,12.67,13.63-8.06c3.35,2.38,7.06,4.3,11.05,5.68l1.26,15.75,16.54,1.38,1.6-6.84" style="fill:none; stroke-miterlimit:10; stroke-width:1.5px;"/> <path class="stroke-dynamic" d="m66.76,102.79c4.16-.7,8.13-1.97,11.84-3.77l12.11,10.2,12.67-10.72-3.48-5.83" style="fill:none; stroke-miterlimit:10; stroke-width:1.5px;"/> <path class="stroke-dynamic" d="m62.58,88.06c-16.21,1.52-30.58-10.38-32.11-26.59-1.11-11.83,4.94-22.69,14.59-28.28" style="fill:none; stroke-miterlimit:10; stroke-width:1.5px;"/> <polyline class="stroke-current stroke-1.5" points="49.73 49.07 64.85 67.06 113.81 12.89" style="fill:none; stroke-miterlimit:10;"/> </svg> </div> <div class="w-full border-t group-hover:border-t-4 ml-4 border-orange-500"></div> </div> <div class="flex-1 flex flex-col justify-start pt-6 pb-10 px-6 md:pt-6 md:pb-10 md:px-12 lg:pt-8 lg:pb-0 xl:pt-8 xl:pb-12"> <h3 class="text-xl md:text-3xl lg:text-xl xl:text-3xl font-avenir font-bold">How to validate command parameters in Laravel</h3> </div> </div> </div> </a> <a href="https://kirschbaumdevelopment.com/insights/improving-your-password-security" class="flex w-full shrink-0 group border-l-2 border-r-2 border-b-2 hover:border-r-0 hover:border-l-0 hover:border-b-0 border-transparent"> <div class="flex flex-1 w-full border-l border-r border-b group-hover:border-r-0 group-hover:border-l-0 group-hover:border-b-0 border-transparent"> <div class="flex flex-col w-full lg:h-56 xl:h-auto group-hover:border-l-4 group-hover:border-r-4 group-hover:border-b-4 border-l border-r border-b border-red-500"> <div class="flex"> <div class="w-full border-t group-hover:border-t-4 mr-4 border-red-500"></div> <div class="mb-2 -mt-8 [&>svg]:h-16 [&>svg]:md:h-24 dark-mode-svg text-red-500"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 131.95 116.94"> <path d="m29.19,87.38C12.98,85.84.75,72.39.75,56.09c0-17.34,14.11-31.45,31.45-31.45h4.41C39.68,10.74,52.06.75,66.38.75c16.83,0,30.52,13.69,30.52,30.52v2.03h7.18c14.95,0,27.12,12.16,27.12,27.12s-12.16,27.12-27.12,27.12" class="stroke-dynamic stroke-1.5" style="fill:none; stroke-miterlimit:10;"/> <path d="m45.07,70.75v-10.48c0-11.52,9.38-20.9,20.9-20.9s20.9,9.38,20.9,20.9v10.48" class="stroke-current stroke-1.5" style="fill:none; stroke-miterlimit:10;"/> <rect x="37.33" y="70.72" width="57.29" height="45.47" class="stroke-current stroke-1.5" style="fill:none; stroke-miterlimit:10;"/> <line x1="65.97" y1="85.21" x2="65.97" y2="97.38" class="stroke-current stroke-1.5" style="fill:none; stroke-miterlimit:10;"/> </svg> </div> <div class="w-full border-t group-hover:border-t-4 ml-4 border-red-500"></div> </div> <div class="flex-1 flex flex-col justify-start pt-6 pb-10 px-6 md:pt-6 md:pb-10 md:px-12 lg:pt-8 lg:pb-0 xl:pt-8 xl:pb-12"> <h3 class="text-xl md:text-3xl lg:text-xl xl:text-3xl font-avenir font-bold">Improving your password security</h3> </div> </div> </div> </a> <a href="https://kirschbaumdevelopment.com/insights/build-sequences-with-laravel-pipelines" class="flex w-full shrink-0 group border-l-2 border-r-2 border-b-2 hover:border-r-0 hover:border-l-0 hover:border-b-0 border-transparent"> <div class="flex flex-1 w-full border-l border-r border-b group-hover:border-r-0 group-hover:border-l-0 group-hover:border-b-0 border-transparent"> <div class="flex flex-col w-full lg:h-56 xl:h-auto group-hover:border-l-4 group-hover:border-r-4 group-hover:border-b-4 border-l border-r border-b border-yellow-500"> <div class="flex"> <div class="w-full border-t group-hover:border-t-4 mr-4 border-yellow-500"></div> <div class="mb-2 -mt-8 [&>svg]:h-16 [&>svg]:md:h-24 dark-mode-svg text-yellow-500"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 204.57 120.76"> <rect x="27.66" y="0.75" width="32.44" height="119.26" class="stroke-dynamic stroke-1.5" style="fill:none;stroke-miterlimit:10"/> <rect x="84.34" y="0.75" width="32.44" height="119.26" class="stroke-dynamic stroke-1.5" style="fill:none;stroke-miterlimit:10"/> <rect x="141.02" y="0.75" width="32.44" height="119.26" class="stroke-dynamic stroke-1.5" style="fill:none;stroke-miterlimit:10"/> <line x1="121.92" y1="59.04" x2="135.99" y2="59.04" class="stroke-current stroke-1.5" style="fill:none;stroke-miterlimit:10"/> <line x1="64.63" y1="59.04" x2="79.31" y2="59.04" class="stroke-current stroke-1.5" style="fill:none;stroke-miterlimit:10"/> <line y1="59.04" x2="21.94" y2="59.04" class="stroke-current stroke-1.5" style="fill:none;stroke-miterlimit:10"/> <line x1="178.98" y1="59.12" x2="202.65" y2="58.96" class="stroke-current stroke-1.5" style="fill:none;stroke-miterlimit:10"/> <polyline points="194.43 49.83 203.51 59.07 194.43 67.97" class="stroke-current stroke-1.5" style="fill:none;stroke-linecap:round;stroke-miterlimit:10"/> </svg> </div> <div class="w-full border-t group-hover:border-t-4 ml-4 border-yellow-500"></div> </div> <div class="flex-1 flex flex-col justify-start pt-6 pb-10 px-6 md:pt-6 md:pb-10 md:px-12 lg:pt-8 lg:pb-0 xl:pt-8 xl:pb-12"> <h3 class="text-xl md:text-3xl lg:text-xl xl:text-3xl font-avenir font-bold">How to build sequences with Laravel pipelines</h3> </div> </div> </div> </a> <a href="https://kirschbaumdevelopment.com/insights/extending-php-enums-with-attributes" class="flex w-full shrink-0 group border-l-2 border-r-2 border-b-2 hover:border-r-0 hover:border-l-0 hover:border-b-0 border-transparent"> <div class="flex flex-1 w-full border-l border-r border-b group-hover:border-r-0 group-hover:border-l-0 group-hover:border-b-0 border-transparent"> <div class="flex flex-col w-full lg:h-56 xl:h-auto group-hover:border-l-4 group-hover:border-r-4 group-hover:border-b-4 border-l border-r border-b border-pink-500"> <div class="flex"> <div class="w-full border-t group-hover:border-t-4 mr-4 border-pink-500"></div> <div class="mb-2 -mt-8 [&>svg]:h-16 [&>svg]:md:h-24 dark-mode-svg text-pink-500"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 47.49 48.34"> <polyline points="11.93 23.5 0.75 12.32 11.93 1.15" class="stroke-current" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1px"/> <polyline points="35.56 23.5 46.74 12.32 35.56 1.15" class="stroke-current"style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1px"/> <line x1="29.25" y1="0.75" x2="16.96" y2="23.9" class="stroke-current" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1px"/> <line x1="11.08" y1="32.28" x2="46.74" y2="32.28" class="stroke-dynamic" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1px"/> <line x1="0.75" y1="32.28" x2="6.66" y2="32.28" class="stroke-dynamic" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1px"/> <line x1="11.08" y1="39.93" x2="46.74" y2="39.93" class="stroke-dynamic" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1px"/> <line x1="0.75" y1="39.93" x2="6.66" y2="39.93" class="stroke-dynamic" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1px"/> <line x1="11.08" y1="47.59" x2="46.74" y2="47.59" class="stroke-dynamic" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1px"/> <line x1="0.75" y1="47.59" x2="6.66" y2="47.59" class="stroke-dynamic" style="fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:1px"/> </svg> </div> <div class="w-full border-t group-hover:border-t-4 ml-4 border-pink-500"></div> </div> <div class="flex-1 flex flex-col justify-start pt-6 pb-10 px-6 md:pt-6 md:pb-10 md:px-12 lg:pt-8 lg:pb-0 xl:pt-8 xl:pb-12"> <h3 class="text-xl md:text-3xl lg:text-xl xl:text-3xl font-avenir font-bold">Extending PHP enums with attributes</h3> </div> </div> </div> </a> <a href="https://kirschbaumdevelopment.com/insights/code-that-can-handle-failure" class="flex w-full shrink-0 group border-l-2 border-r-2 border-b-2 hover:border-r-0 hover:border-l-0 hover:border-b-0 border-transparent"> <div class="flex flex-1 w-full border-l border-r border-b group-hover:border-r-0 group-hover:border-l-0 group-hover:border-b-0 border-transparent"> <div class="flex flex-col w-full lg:h-56 xl:h-auto group-hover:border-l-4 group-hover:border-r-4 group-hover:border-b-4 border-l border-r border-b border-red-500"> <div class="flex"> <div class="w-full border-t group-hover:border-t-4 mr-4 border-red-500"></div> <div class="mb-2 -mt-8 [&>svg]:h-16 [&>svg]:md:h-24 dark-mode-svg text-red-500"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 115"> <path d="M1116.49,599.22h35a5.12,5.12,0,0,0,4.43-7.67l-51.4-89a5.11,5.11,0,0,0-8.85,0l-51.39,89a5.11,5.11,0,0,0,4.43,7.67h35" transform="translate(-1042.57 -498.98)" style="fill:none; stroke-linecap:round; stroke-linejoin:round; stroke-width:2px" class="stroke-dynamic stroke-1.5"/> <path class="stroke-current" d="M1100.08,578h0a6.11,6.11,0,0,1-5.87-5.61L1091,545a10.17,10.17,0,0,1,5.09-10.22h0a8.5,8.5,0,0,1,8,0h0a10.17,10.17,0,0,1,5.09,10.22l-3.22,27.35A6.1,6.1,0,0,1,1100.08,578Z" transform="translate(-1042.57 -498.98)" style="fill:none;stroke-miterlimit:10;stroke-width:2px"/> <circle class="stroke-current" cx="57.51" cy="94.42" r="7.13" style="fill:none;stroke-miterlimit:10;stroke-width:2px"/> </svg> </div> <div class="w-full border-t group-hover:border-t-4 ml-4 border-red-500"></div> </div> <div class="flex-1 flex flex-col justify-start pt-6 pb-10 px-6 md:pt-6 md:pb-10 md:px-12 lg:pt-8 lg:pb-0 xl:pt-8 xl:pb-12"> <h3 class="text-xl md:text-3xl lg:text-xl xl:text-3xl font-avenir font-bold">Code that can handle failure</h3> </div> </div> </div> </a> <a href="https://kirschbaumdevelopment.com/insights/leveraging-virtual-generated-columns" class="flex w-full shrink-0 group border-l-2 border-r-2 border-b-2 hover:border-r-0 hover:border-l-0 hover:border-b-0 border-transparent"> <div class="flex flex-1 w-full border-l border-r border-b group-hover:border-r-0 group-hover:border-l-0 group-hover:border-b-0 border-transparent"> <div class="flex flex-col w-full lg:h-56 xl:h-auto group-hover:border-l-4 group-hover:border-r-4 group-hover:border-b-4 border-l border-r border-b border-orange-500"> <div class="flex"> <div class="w-full border-t group-hover:border-t-4 mr-4 border-orange-500"></div> <div class="mb-2 -mt-8 [&>svg]:h-16 [&>svg]:md:h-24 dark-mode-svg text-orange-500"> <svg viewBox="0 0 101.31 113.98"> <rect x="1" y="1" width="37.33" height="37.33" class="stroke-dynamic stroke-1.5" fill="none"/> <polyline points="38.33 38.33 38.33 75.65 1 75.65 1 38.33" class="stroke-dynamic stroke-1.5" fill="none"/> <polyline points="38.33 75.65 38.33 112.98 1 112.98 1 75.65" class="stroke-dynamic stroke-1.5" fill="none"/> <path d="M1115,558.73h29.73c2.57,0,4.68-1.15,4.68-2.55V514.79c0-1.39-2.11-2.54-4.68-2.54h-53.41" transform="translate(-1049.14 -493.27)" class="stroke-current stroke-1.5" fill="none"/> <polyline points="64.89 75.4 47.56 65.61 64.89 54.6" class="stroke-current stroke-1.5" fill="none"/> </svg> </div> <div class="w-full border-t group-hover:border-t-4 ml-4 border-orange-500"></div> </div> <div class="flex-1 flex flex-col justify-start pt-6 pb-10 px-6 md:pt-6 md:pb-10 md:px-12 lg:pt-8 lg:pb-0 xl:pt-8 xl:pb-12"> <h3 class="text-xl md:text-3xl lg:text-xl xl:text-3xl font-avenir font-bold">Leveraging virtual generated columns</h3> </div> </div> </div> </a> <a href="https://kirschbaumdevelopment.com/insights/introducing-the-orrison-cumulus-open-source-tool" class="flex w-full shrink-0 group border-l-2 border-r-2 border-b-2 hover:border-r-0 hover:border-l-0 hover:border-b-0 border-transparent"> <div class="flex flex-1 w-full border-l border-r border-b group-hover:border-r-0 group-hover:border-l-0 group-hover:border-b-0 border-transparent"> <div class="flex flex-col w-full lg:h-56 xl:h-auto group-hover:border-l-4 group-hover:border-r-4 group-hover:border-b-4 border-l border-r border-b border-teal-500"> <div class="flex"> <div class="w-full border-t group-hover:border-t-4 mr-4 border-teal-500"></div> <div class="mb-2 -mt-8 [&>svg]:h-16 [&>svg]:md:h-24 dark-mode-svg text-teal-500"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 112.93 112.93"> <circle class="stroke-current" cx="34.28" cy="103.06" r="4.44" style="fill:none;stroke-miterlimit:10;stroke-width:2px"/> <circle class="stroke-current" cx="89.75" cy="94.18" r="4.44" style="fill:none;stroke-miterlimit:10;stroke-width:2px"/> <circle class="stroke-current" cx="18.75" cy="85.31" r="4.44" style="fill:none;stroke-miterlimit:10;stroke-width:2px"/> <polyline class="stroke-current" points="36.5 49.81 36.5 85.31 23.19 85.31" style="fill:none;stroke-miterlimit:10;stroke-width:2px"/> <polyline class="stroke-current" points="76.43 49.81 76.43 94.18 85.31 94.18" style="fill:none;stroke-miterlimit:10;stroke-width:2px"/> <polyline class="stroke-current" points="49.81 36.5 49.81 103.06 38.72 103.06" style="fill:none;stroke-miterlimit:10;stroke-width:2px"/> <circle class="stroke-current" cx="63.12" cy="107.49" r="4.44" style="fill:none;stroke-miterlimit:10;stroke-width:2px"/> <line class="stroke-current" x1="63.12" y1="32.06" x2="63.12" y2="103.06" style="fill:none;stroke-miterlimit:10;stroke-width:2px"/> <path class="stroke-dynamic stroke-1.5" d="M1071.23,565.22h-8.87a17.74,17.74,0,0,1-2.21-35.34s0-.1,0-.16a19.9,19.9,0,0,1,30.16-17.11,26.62,26.62,0,0,1,51.93,8.24c0,.61,0,1.21-.09,1.81a22.19,22.19,0,0,1-8.78,42.56h-4.44" transform="translate(-1043.61 -493.23)" style="fill:none;stroke-miterlimit:10;" /> </svg> </div> <div class="w-full border-t group-hover:border-t-4 ml-4 border-teal-500"></div> </div> <div class="flex-1 flex flex-col justify-start pt-6 pb-10 px-6 md:pt-6 md:pb-10 md:px-12 lg:pt-8 lg:pb-0 xl:pt-8 xl:pb-12"> <h3 class="text-xl md:text-3xl lg:text-xl xl:text-3xl font-avenir font-bold">Import Laravel Vapor DNS to Cloudflare</h3> </div> </div> </div> </a> <a href="https://kirschbaumdevelopment.com/insights/implement-a-custom-driver-for-laravel-socialite" class="flex w-full shrink-0 group border-l-2 border-r-2 border-b-2 hover:border-r-0 hover:border-l-0 hover:border-b-0 border-transparent"> <div class="flex flex-1 w-full border-l border-r border-b group-hover:border-r-0 group-hover:border-l-0 group-hover:border-b-0 border-transparent"> <div class="flex flex-col w-full lg:h-56 xl:h-auto group-hover:border-l-4 group-hover:border-r-4 group-hover:border-b-4 border-l border-r border-b border-red-500"> <div class="flex"> <div class="w-full border-t group-hover:border-t-4 mr-4 border-red-500"></div> <div class="mb-2 -mt-8 [&>svg]:h-16 [&>svg]:md:h-24 dark-mode-svg text-red-500"> <svg viewBox="0 0 117.19 132.08"> <circle class="stroke-dynamic stroke-1.5" cx="10.55" cy="38.25" r="9.8" fill="none" stroke-linecap="square" stroke-miterlimit="10" /> <line class="stroke-dynamic stroke-1.5" x1="19.02" y1="42.96" x2="51.79" y2="62.01" fill="none" stroke-linecap="square" stroke-miterlimit="10" /> <circle class="stroke-dynamic stroke-1.5"cx="106.65" cy="38.25" r="9.8" fill="none" stroke-linecap="square" stroke-miterlimit="10" /> <line class="stroke-dynamic stroke-1.5" x1="98.17" y1="42.96" x2="66.53" y2="61.36" fill="none" stroke-linecap="square" stroke-miterlimit="10" /> <circle class="stroke-dynamic stroke-1.5" cx="58.6" cy="10.55" r="9.8" fill="none" stroke-linecap="square" stroke-miterlimit="10" /> <line class="stroke-dynamic stroke-1.5" x1="59.04" y1="21.17" x2="59.37" y2="57.28" fill="none" stroke-linecap="square" stroke-miterlimit="10" /> <circle class="stroke-current stroke-1.5" cx="10.55" cy="93.84" r="9.8" fill="none" stroke-linecap="square" stroke-miterlimit="10" /> <line class="stroke-current stroke-1.5" x1="19.02" y1="89.13" x2="51.79" y2="70.07" fill="none" stroke-linecap="square" stroke-miterlimit="10" /> <circle class="stroke-dynamic stroke-1.5" cx="106.65" cy="93.84" r="9.8" fill="none" stroke-linecap="square" stroke-miterlimit="10" /> <line class="stroke-dynamic stroke-1.5" x1="98.17" y1="89.13" x2="66.53" y2="70.72" fill="none" stroke-linecap="square" stroke-miterlimit="10" /> <circle class="stroke-dynamic stroke-1.5" cx="58.6" cy="121.53" r="9.8" fill="none" stroke-linecap="square" stroke-miterlimit="10" /> <line class="stroke-dynamic stroke-1.5" x1="59.04" y1="110.92" x2="59.37" y2="74.8" fill="none" stroke-linecap="square" stroke-miterlimit="10" /> </svg> </div> <div class="w-full border-t group-hover:border-t-4 ml-4 border-red-500"></div> </div> <div class="flex-1 flex flex-col justify-start pt-6 pb-10 px-6 md:pt-6 md:pb-10 md:px-12 lg:pt-8 lg:pb-0 xl:pt-8 xl:pb-12"> <h3 class="text-xl md:text-3xl lg:text-xl xl:text-3xl font-avenir font-bold">Implement a custom driver for Laravel Socialite</h3> </div> </div> </div> </a> <a href="https://kirschbaumdevelopment.com/insights/laravel-openapi-validator" class="flex w-full shrink-0 group border-l-2 border-r-2 border-b-2 hover:border-r-0 hover:border-l-0 hover:border-b-0 border-transparent"> <div class="flex flex-1 w-full border-l border-r border-b group-hover:border-r-0 group-hover:border-l-0 group-hover:border-b-0 border-transparent"> <div class="flex flex-col w-full lg:h-56 xl:h-auto group-hover:border-l-4 group-hover:border-r-4 group-hover:border-b-4 border-l border-r border-b border-orange-500"> <div class="flex"> <div class="w-full border-t group-hover:border-t-4 mr-4 border-orange-500"></div> <div class="mb-2 -mt-8 [&>svg]:h-16 [&>svg]:md:h-24 dark-mode-svg text-orange-500"> <svg viewBox="0 0 95.55 86.57"> <polyline class="stroke-current stroke-1.5" fill="none" points="78.02 17.55 39.7 56.13 22.85 39.01"/> <polyline class="stroke-current stroke-1.5" fill="none" points="54.17 51.66 58.06 56.13 95.02 18.69"/> <path class="stroke-dynamic stroke-1.5" fill="none" d="M109,154.31" transform="translate(-96.52 -100.94)"/> <path class="stroke-dynamic stroke-1.5" fill="none" d="M175.36,120.88" transform="translate(-96.52 -100.94)"/> <path class="stroke-dynamic stroke-1.5" fill="none" d="M182.26,141.72c.05.83.07,1.66.07,2.5a42.52,42.52,0,1,1-13.86-31.42" transform="translate(-96.52 -100.94)"/> </svg> </div> <div class="w-full border-t group-hover:border-t-4 ml-4 border-orange-500"></div> </div> <div class="flex-1 flex flex-col justify-start pt-6 pb-10 px-6 md:pt-6 md:pb-10 md:px-12 lg:pt-8 lg:pb-0 xl:pt-8 xl:pb-12"> <h3 class="text-xl md:text-3xl lg:text-xl xl:text-3xl font-avenir font-bold">Laravel OpenAPI Validator</h3> </div> </div> </div> </a> <a href="https://kirschbaumdevelopment.com/insights/structuring-and-testing-your-laravel-events-and-listeners" class="flex w-full shrink-0 group border-l-2 border-r-2 border-b-2 hover:border-r-0 hover:border-l-0 hover:border-b-0 border-transparent"> <div class="flex flex-1 w-full border-l border-r border-b group-hover:border-r-0 group-hover:border-l-0 group-hover:border-b-0 border-transparent"> <div class="flex flex-col w-full lg:h-56 xl:h-auto group-hover:border-l-4 group-hover:border-r-4 group-hover:border-b-4 border-l border-r border-b border-pink-500"> <div class="flex"> <div class="w-full border-t group-hover:border-t-4 mr-4 border-pink-500"></div> <div class="mb-2 -mt-8 [&>svg]:h-16 [&>svg]:md:h-24 dark-mode-svg text-pink-500"> <svg viewBox="0 0 77.44 72.54"> <line class="stroke-current stroke-1.5" x1="1.8" y1="48.34" x2="67.48" y2="48.34" style="fill:none;stroke-miterlimit:10;"/> <path class="fill-current" d="M279.07,415.15a.76.76,0,0,0-.23-1L269.16,408l9.68-6.17a.74.74,0,0,0,.23-1,.76.76,0,0,0-1-.23l-10.67,6.8a.73.73,0,0,0-.35.63.75.75,0,0,0,.35.63l10.67,6.8a.77.77,0,0,0,.4.12A.78.78,0,0,0,279.07,415.15Z" transform="translate(-267.01 -359.61)"/> <line class="stroke-current stroke-1.5" x1="67.67" y1="64.99" x2="2" y2="64.99" style="fill:none;stroke-miterlimit:10;"/> <path class="fill-current" d="M324.43,417.4a.76.76,0,0,0,.23,1l9.68,6.16-9.68,6.17a.74.74,0,0,0-.23,1,.76.76,0,0,0,1,.23l10.67-6.8a.73.73,0,0,0,.35-.63.74.74,0,0,0-.35-.63l-10.67-6.8a.77.77,0,0,0-.4-.12A.78.78,0,0,0,324.43,417.4Z" transform="translate(-267.01 -359.61)"/> <polyline fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" class="stroke-dynamic stroke-1.5" points="61.95 0.53 28.25 34.47 13.43 19.41"/> <polyline fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" class="stroke-dynamic stroke-1.5" points="40.97 30.54 44.4 34.47 76.91 1.53"/> </svg> </div> <div class="w-full border-t group-hover:border-t-4 ml-4 border-pink-500"></div> </div> <div class="flex-1 flex flex-col justify-start pt-6 pb-10 px-6 md:pt-6 md:pb-10 md:px-12 lg:pt-8 lg:pb-0 xl:pt-8 xl:pb-12"> <h3 class="text-xl md:text-3xl lg:text-xl xl:text-3xl font-avenir font-bold">Structuring and testing your Laravel Events and Listeners</h3> </div> </div> </div> </a> <a href="https://kirschbaumdevelopment.com/insights/leveraging-language-in-dev-culture" class="flex w-full shrink-0 group border-l-2 border-r-2 border-b-2 hover:border-r-0 hover:border-l-0 hover:border-b-0 border-transparent"> <div class="flex flex-1 w-full border-l border-r border-b group-hover:border-r-0 group-hover:border-l-0 group-hover:border-b-0 border-transparent"> <div class="flex flex-col w-full lg:h-56 xl:h-auto group-hover:border-l-4 group-hover:border-r-4 group-hover:border-b-4 border-l border-r border-b border-yellow-500"> <div class="flex"> <div class="w-full border-t group-hover:border-t-4 mr-4 border-yellow-500"></div> <div class="mb-2 -mt-8 [&>svg]:h-16 [&>svg]:md:h-24 dark-mode-svg text-yellow-500"> <svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 145.11 114.7"> <path class="stroke-dynamic stroke-1.5" fill="none" d="M204.72,133.23l.09,10.25L178,133.23H118.12a10.87,10.87,0,0,1-10.83-10.85V98.65a10.87,10.87,0,0,1,10.83-10.84h86.6a10.86,10.86,0,0,1,10.82,10.84v23.73A10.87,10.87,0,0,1,204.72,133.23Z" transform="translate(-71.43 -86.81)"/> <line class="stroke-dynamic stroke-1.5" fill="none" x1="49.76" y1="17.22" x2="130.21" y2="17.22" /> <line class="stroke-dynamic stroke-1.5" fill="none" x1="49.76" y1="31.27" x2="130.21" y2="31.27" /> <path class="stroke-current stroke-1.5" fill="none" d="M83.26,189.79l-.1,10.26L110,189.79h59.87A10.86,10.86,0,0,0,180.68,179V155.22a10.86,10.86,0,0,0-10.83-10.84H83.26a10.86,10.86,0,0,0-10.83,10.84V179A10.86,10.86,0,0,0,83.26,189.79Z" transform="translate(-71.43 -86.81)" /> <line class="stroke-current stroke-1.5" fill="none" x1="95.35" y1="73.78" x2="14.9" y2="73.78"/> <line class="stroke-current stroke-1.5" fill="none" x1="95.35" y1="87.84" x2="14.9" y2="87.84"/> </svg> </svg> </div> <div class="w-full border-t group-hover:border-t-4 ml-4 border-yellow-500"></div> </div> <div class="flex-1 flex flex-col justify-start pt-6 pb-10 px-6 md:pt-6 md:pb-10 md:px-12 lg:pt-8 lg:pb-0 xl:pt-8 xl:pb-12"> <h3 class="text-xl md:text-3xl lg:text-xl xl:text-3xl font-avenir font-bold">Leveraging language in dev culture</h3> </div> </div> </div> </a> <a href="https://kirschbaumdevelopment.com/insights/how-tailwind-css-adds-value-in-web-development" class="flex w-full shrink-0 group border-l-2 border-r-2 border-b-2 hover:border-r-0 hover:border-l-0 hover:border-b-0 border-transparent"> <div class="flex flex-1 w-full border-l border-r border-b group-hover:border-r-0 group-hover:border-l-0 group-hover:border-b-0 border-transparent"> <div class="flex flex-col w-full lg:h-56 xl:h-auto group-hover:border-l-4 group-hover:border-r-4 group-hover:border-b-4 border-l border-r border-b border-teal-500"> <div class="flex"> <div class="w-full border-t group-hover:border-t-4 mr-4 border-teal-500"></div> <div class="mb-2 -mt-8 [&>svg]:h-16 [&>svg]:md:h-24 dark-mode-svg text-teal-500"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 152.56 138.21"> <path class="stroke-current stroke-1.5" d="M121.13 49.56c-6.66 19.43-29.59 23.17-39.44 16.17-19.92-14.08-19-21-37.5-9.54 11.3-25.92 33.84-22.75 52.15-4.78 8.44 8.32 20.12 3.96 24.79-1.85zM94.95 80.73c-6.67 19.43-29.59 23.17-39.45 16.21-19.92-14.08-19-21-37.5-9.54 11.3-25.93 33.84-22.75 52.15-4.78 8.41 8.29 20.12 3.95 24.8-1.89z" fill="none" stroke-linejoin="round"/> <path class="stroke-dynamic stroke-1.5" fill="none" stroke-miterlimit="10" d="M134.75 60.73V17.54H84.34V.75h67.47v65.98M10.96 103.95v23.46h30.2v10.05H.75V97.95"/> </svg> </div> <div class="w-full border-t group-hover:border-t-4 ml-4 border-teal-500"></div> </div> <div class="flex-1 flex flex-col justify-start pt-6 pb-10 px-6 md:pt-6 md:pb-10 md:px-12 lg:pt-8 lg:pb-0 xl:pt-8 xl:pb-12"> <h3 class="text-xl md:text-3xl lg:text-xl xl:text-3xl font-avenir font-bold"> How Tailwind CSS adds value in web development</h3> </div> </div> </div> </a> <a href="https://kirschbaumdevelopment.com/insights/why-we-love-laravel" class="flex w-full shrink-0 group border-l-2 border-r-2 border-b-2 hover:border-r-0 hover:border-l-0 hover:border-b-0 border-transparent"> <div class="flex flex-1 w-full border-l border-r border-b group-hover:border-r-0 group-hover:border-l-0 group-hover:border-b-0 border-transparent"> <div class="flex flex-col w-full lg:h-56 xl:h-auto group-hover:border-l-4 group-hover:border-r-4 group-hover:border-b-4 border-l border-r border-b border-red-500"> <div class="flex"> <div class="w-full border-t group-hover:border-t-4 mr-4 border-red-500"></div> <div class="mb-2 -mt-8 [&>svg]:h-16 [&>svg]:md:h-24 dark-mode-svg text-red-500"> <svg viewBox="0 0 138.21 127.42"> <path class="stroke-current stroke-1.5" fill="none" stroke-linecap="round" stroke-linejoin="round" d="M21.95 14.51L.75 26.88l21.2 12.66 21.48-12.07-21.48-12.96zM108.43 39.98L86.94 27.02 65.75 39.39"/> <path class="stroke-current stroke-1.5" fill="none" stroke-linecap="round" stroke-linejoin="round" d="M43.43 27.47V77.1l22.32-12.09V39.39l21.19 12.66 21.49-12.07v24.25l-21.49 12.3v-24.6M.75 26.88v75.55l42.95 24.24-.17-25.52-21.77-11.67V39.54M43.7 126.67l43.97-24.82-.73-25.32-42.7 24.24M22.28 88.91L43.43 77.1M66.25 64.77l20.19 11.08"/> <path class="stroke-dynamic stroke-1.5" d="M88.47 20.42c2.27-15.11 20.64-24.06 37-14.55 9 5.27 18.65 26.91 5.84 44-25.75 34.35-31.94 48.36-31.94 48.36" fill="none" stroke-miterlimit="10" stroke-width="1.5"/> <path class="stroke-dynamic stroke-1.5" d="M88.66 19.21C86.39 4.1 68.02-4.85 51.66 4.67c-3.39 2-6.47 6-8.47 11.26" fill="none" stroke-miterlimit="10"/> </svg> </div> <div class="w-full border-t group-hover:border-t-4 ml-4 border-red-500"></div> </div> <div class="flex-1 flex flex-col justify-start pt-6 pb-10 px-6 md:pt-6 md:pb-10 md:px-12 lg:pt-8 lg:pb-0 xl:pt-8 xl:pb-12"> <h3 class="text-xl md:text-3xl lg:text-xl xl:text-3xl font-avenir font-bold">Why we love Laravel</h3> <div class="mt-1 md:text-xl lg:text-lg">And our clients do, too.</div> </div> </div> </div> </a> <a href="https://kirschbaumdevelopment.com/insights/power-joins" class="flex w-full shrink-0 group border-l-2 border-r-2 border-b-2 hover:border-r-0 hover:border-l-0 hover:border-b-0 border-transparent"> <div class="flex flex-1 w-full border-l border-r border-b group-hover:border-r-0 group-hover:border-l-0 group-hover:border-b-0 border-transparent"> <div class="flex flex-col w-full lg:h-56 xl:h-auto group-hover:border-l-4 group-hover:border-r-4 group-hover:border-b-4 border-l border-r border-b border-orange-500"> <div class="flex"> <div class="w-full border-t group-hover:border-t-4 mr-4 border-orange-500"></div> <div class="mb-2 -mt-8 [&>svg]:h-16 [&>svg]:md:h-24 dark-mode-svg text-orange-500"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 168.47 122.37"> <path class="stroke-current stroke-1.5" fill="none" d="M85.34 57.19l20.29-23.43-22.99-.14-13.25 33.13 9.65.05-9.24 26.62 34-38.39-9.37-.06" /> <circle class="stroke-dynamic stroke-1.5" fill="none" cx="61.05" cy="61.32" r="60.05" /> <circle class="stroke-dynamic stroke-1.5" fill="none" cx="107.43" cy="61.05" r="60.05" /> </svg> </div> <div class="w-full border-t group-hover:border-t-4 ml-4 border-orange-500"></div> </div> <div class="flex-1 flex flex-col justify-start pt-6 pb-10 px-6 md:pt-6 md:pb-10 md:px-12 lg:pt-8 lg:pb-0 xl:pt-8 xl:pb-12"> <h3 class="text-xl md:text-3xl lg:text-xl xl:text-3xl font-avenir font-bold">Eloquent power joins with Laravel</h3> <div class="mt-1 md:text-xl lg:text-lg">Add some Laravel magic to your Eloquent joins.</div> </div> </div> </div> </a> <a href="https://kirschbaumdevelopment.com/insights/mail-intercept" class="flex w-full shrink-0 group border-l-2 border-r-2 border-b-2 hover:border-r-0 hover:border-l-0 hover:border-b-0 border-transparent"> <div class="flex flex-1 w-full border-l border-r border-b group-hover:border-r-0 group-hover:border-l-0 group-hover:border-b-0 border-transparent"> <div class="flex flex-col w-full lg:h-56 xl:h-auto group-hover:border-l-4 group-hover:border-r-4 group-hover:border-b-4 border-l border-r border-b border-pink-500"> <div class="flex"> <div class="w-full border-t group-hover:border-t-4 mr-4 border-pink-500"></div> <div class="mb-2 -mt-8 [&>svg]:h-16 [&>svg]:md:h-24 dark-mode-svg text-pink-500"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 110.55 110.58"> <path class="stroke-dynamic stroke-1.5" fill="none" d="M98.12 70.48v33.78a5.33 5.33 0 01-5.31 5.31H6.32A5.33 5.33 0 011 104.26V39.05M2.89 40.95L22.4 55.26M1.12 38.39L49.75 1l42.11 32.89" /> <path class="stroke-current stroke-1.5" fill="none" d="M57.81 81.06l23.38 16.75 27.6-68.84L26.8 58.98l19.16 12.97 2.32 20.74 9.53-11.63zM52.72 67.38l55.32-37.8M57.81 81.06l50.4-51.42" /> </svg> </div> <div class="w-full border-t group-hover:border-t-4 ml-4 border-pink-500"></div> </div> <div class="flex-1 flex flex-col justify-start pt-6 pb-10 px-6 md:pt-6 md:pb-10 md:px-12 lg:pt-8 lg:pb-0 xl:pt-8 xl:pb-12"> <h3 class="text-xl md:text-3xl lg:text-xl xl:text-3xl font-avenir font-bold">Mail intercept</h3> <div class="mt-1 md:text-xl lg:text-lg">Conduct better testing with Mail Intercept.</div> </div> </div> </div> </a> <a href="https://kirschbaumdevelopment.com/insights/laravel-github-actions" class="flex w-full shrink-0 group border-l-2 border-r-2 border-b-2 hover:border-r-0 hover:border-l-0 hover:border-b-0 border-transparent"> <div class="flex flex-1 w-full border-l border-r border-b group-hover:border-r-0 group-hover:border-l-0 group-hover:border-b-0 border-transparent"> <div class="flex flex-col w-full lg:h-56 xl:h-auto group-hover:border-l-4 group-hover:border-r-4 group-hover:border-b-4 border-l border-r border-b border-red-500"> <div class="flex"> <div class="w-full border-t group-hover:border-t-4 mr-4 border-red-500"></div> <div class="mb-2 -mt-8 [&>svg]:h-16 [&>svg]:md:h-24 dark-mode-svg text-red-500"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 99 103.1"> <path class="stroke-dynamic stroke-1.5" fill="none" d="M15.17 10.97v19.04l18.16-7.97-18.16-11.07z"/> <circle class="stroke-dynamic stroke-1.5" fill="none" cx="20.49" cy="20.49" r="19.49" /> <path class="stroke-dynamic stroke-1.5" fill="none" d="M35.71 89.7H25.8a5.62 5.62 0 01-5.31-5.85V40.97" /> <path class="stroke-dynamic stroke-1.5" fill="none" d="M72.09 89.7h-10.2"/> <path class="stroke-dynamic stroke-1.5" fill="none" d="M35.45 57.17H25.8c-2.92 0-5.31-1-5.31-2.28v-14.8M71.73 57.13h-9.54" /> <circle class="stroke-dynamic stroke-1.5" fill="none" cx="48.61" cy="56.03" r="13.07" /> <path class="stroke-dynamic stroke-1.5" fill="none" d="M41.78 56.03l6.12 6.11 7.54-12.23"/> <circle class="stroke-dynamic stroke-1.5" fill="none" cx="84.93" cy="55.58" r="13.07" /> <path class="stroke-dynamic stroke-1.5" fill="none" d="M78.1 55.58l6.12 6.11 7.54-12.22"/> <circle class="stroke-dynamic stroke-1.5" fill="none" cx="48.61" cy="89.03" r="13.07" /> <circle class="stroke-current stroke-1.5" fill="none" cx="44.63" cy="89.26" r="1.99" /> <circle class="stroke-current stroke-1.5" fill="none" cx="52.12" cy="89.26" r="1.99" /> <circle class="stroke-current stroke-1.5" fill="none" cx="84.93" cy="88.59" r="13.07" /> </svg> </div> <div class="w-full border-t group-hover:border-t-4 ml-4 border-red-500"></div> </div> <div class="flex-1 flex flex-col justify-start pt-6 pb-10 px-6 md:pt-6 md:pb-10 md:px-12 lg:pt-8 lg:pb-0 xl:pt-8 xl:pb-12"> <h3 class="text-xl md:text-3xl lg:text-xl xl:text-3xl font-avenir font-bold">Laravel Github Actions</h3> <div class="mt-1 md:text-xl lg:text-lg">CI/CD using Github Actions for Laravel.</div> </div> </div> </div> </a> <a href="https://kirschbaumdevelopment.com/insights/nova-inline-select" class="flex w-full shrink-0 group border-l-2 border-r-2 border-b-2 hover:border-r-0 hover:border-l-0 hover:border-b-0 border-transparent"> <div class="flex flex-1 w-full border-l border-r border-b group-hover:border-r-0 group-hover:border-l-0 group-hover:border-b-0 border-transparent"> <div class="flex flex-col w-full lg:h-56 xl:h-auto group-hover:border-l-4 group-hover:border-r-4 group-hover:border-b-4 border-l border-r border-b border-teal-500"> <div class="flex"> <div class="w-full border-t group-hover:border-t-4 mr-4 border-teal-500"></div> <div class="mb-2 -mt-8 [&>svg]:h-16 [&>svg]:md:h-24 dark-mode-svg text-teal-500"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 93.04 97.16"> <rect class="stroke-current stroke-1.5" fill="none" x="28.31" y="39.45" width="34.94" height="18.24" rx="5.5" /> <path class="stroke-current stroke-1.5" fill="none" d="M84.58 57.68H72.44c-3 0-5.51-3.07-5.51-6.84v-4.55c0-3.77 2.48-6.84 5.51-6.84h11.9M8.8 57.68h10.32c3 0 5.51-3.07 5.51-6.84v-4.55c0-3.77-2.48-6.84-5.51-6.84H6.62" /> <path class="stroke-current stroke-1.5" fill="none" d="M52.42 44.71h1.94v2.03h-1.94zM52.42 48.78h1.94v2.03h-1.94z"/> <path class="stroke-dynamic stroke-1.5" fill="none" d="M81.64 63.12a42.67 42.67 0 11-17.78-57M15.56 32.1a41.55 41.55 0 1116.56 59.78" /> </svg> </div> <div class="w-full border-t group-hover:border-t-4 ml-4 border-teal-500"></div> </div> <div class="flex-1 flex flex-col justify-start pt-6 pb-10 px-6 md:pt-6 md:pb-10 md:px-12 lg:pt-8 lg:pb-0 xl:pt-8 xl:pb-12"> <h3 class="text-xl md:text-3xl lg:text-xl xl:text-3xl font-avenir font-bold">Nova Inline Select</h3> <div class="mt-1 md:text-xl lg:text-lg">An inline select field for Laravel Nova.</div> </div> </div> </div> </a> <a href="https://kirschbaumdevelopment.com/insights/laravel-translations-loader" class="flex w-full shrink-0 group border-l-2 border-r-2 border-b-2 hover:border-r-0 hover:border-l-0 hover:border-b-0 border-transparent"> <div class="flex flex-1 w-full border-l border-r border-b group-hover:border-r-0 group-hover:border-l-0 group-hover:border-b-0 border-transparent"> <div class="flex flex-col w-full lg:h-56 xl:h-auto group-hover:border-l-4 group-hover:border-r-4 group-hover:border-b-4 border-l border-r border-b border-yellow-500"> <div class="flex"> <div class="w-full border-t group-hover:border-t-4 mr-4 border-yellow-500"></div> <div class="mb-2 -mt-8 [&>svg]:h-16 [&>svg]:md:h-24 dark-mode-svg text-yellow-500"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 97.93 97.86"> <path class="stroke-current stroke-1.5" fill="none" d="M1 1h47.53v47.53H1V10.04M96.93 96.86H49.4V49.32h47.53v38.5"/> <path class="stroke-dynamic stroke-1.5" fill="none" d="M70.33 16.24l-8.29 8.29M70.33 32.61l-8.29-8.3M62.04 24.42h22.4M28.02 64.46l8.3 8.3M28.02 80.83l8.3-8.29M36.32 72.65h-22.4M17.24 11.26l-2.23 3.57-1.92 3.07M33.83 15.41H14.75M24.71 16.24v14.1c0 2.49-2.49 5.81-5.81 5.81M33.83 26.19H14.75M31.34 34.49a8.9 8.9 0 005 1.66"/> <path class="stroke-dynamic stroke-1.5" fill="none" stroke-linejoin="round" d="M62.87 82.6l9.08-21.11c.32-.79 1.44-.8 2.6 0l9.06 21.12M66.07 74.99h14.21" /> </svg> </div> <div class="w-full border-t group-hover:border-t-4 ml-4 border-yellow-500"></div> </div> <div class="flex-1 flex flex-col justify-start pt-6 pb-10 px-6 md:pt-6 md:pb-10 md:px-12 lg:pt-8 lg:pb-0 xl:pt-8 xl:pb-12"> <h3 class="text-xl md:text-3xl lg:text-xl xl:text-3xl font-avenir font-bold">Laravel Translations Loader</h3> <div class="mt-1 md:text-xl lg:text-lg">Using Laravel translations in Javascript.</div> </div> </div> </div> </a> <a href="https://kirschbaumdevelopment.com/insights/custom-laravel-packages" class="flex w-full shrink-0 group border-l-2 border-r-2 border-b-2 hover:border-r-0 hover:border-l-0 hover:border-b-0 border-transparent"> <div class="flex flex-1 w-full border-l border-r border-b group-hover:border-r-0 group-hover:border-l-0 group-hover:border-b-0 border-transparent"> <div class="flex flex-col w-full lg:h-56 xl:h-auto group-hover:border-l-4 group-hover:border-r-4 group-hover:border-b-4 border-l border-r border-b border-red-500"> <div class="flex"> <div class="w-full border-t group-hover:border-t-4 mr-4 border-red-500"></div> <div class="mb-2 -mt-8 [&>svg]:h-16 [&>svg]:md:h-24 dark-mode-svg text-red-500"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 177 162"> <path class="stroke-current stroke-2" fill="none" d="M126.748 59.793l-25.752-13.685-24.053 14.15v28.86l24.6 13.346" /> <path class="stroke-current stroke-2" fill="none" d="M77.513 60.537l24.263 14.046" /> <path class="stroke-current stroke-2" fill="none" d="M76.943 89.117L27.126 117.51l24.344 14.616 74.58-43.928v-27.23l-24.274 13.615v57.403l-50.294 28.406-50.305-28.406V46.178" /> <path class="stroke-current stroke-1.5" fill="none" d="M51.377 159.077l.093-26.951" /> <path class="stroke-current stroke-1.5" fill="none" d="M.583 46.771l25.973-15.046 24.472 13.999.582 57.16" /> <path class="stroke-current stroke-1.5" fill="none" d="M1.689 46.864l24.53 13.208 24.355-13.545" /> <path class="stroke-current stroke-1.5" fill="none" d="M26.219 59.967l.337 58.277" /> <path class="stroke-dynamic stroke-1.5" fill="none" d="M119.999 104.733l7.75 14.139 15.965-5.54-2.641-15.906a44.743 44.743 0 009.448-8.414l15.442 4.585 7.378-15.197-13.138-9.31a44.72 44.72 0 00.757-12.73l14.126-7.657-5.527-15.965-15.85 2.734A44.487 44.487 0 00145.32 26l4.504-15.477-15.279-7.33-9.309 13.114a44.487 44.487 0 00-12.637-.734l-7.669-14.15-15.965 5.54 1.326 6.981M91.698 22.823a44.487 44.487 0 00-9.519 8.39L66.703 26.71l-7.331 15.197 5.643 3.992M101.648 34.82a30.01 30.01 0 0138.924 43.859" /> </svg> </div> <div class="w-full border-t group-hover:border-t-4 ml-4 border-red-500"></div> </div> <div class="flex-1 flex flex-col justify-start pt-6 pb-10 px-6 md:pt-6 md:pb-10 md:px-12 lg:pt-8 lg:pb-0 xl:pt-8 xl:pb-12"> <h3 class="text-xl md:text-3xl lg:text-xl xl:text-3xl font-avenir font-bold">Custom Laravel package developement</h3> </div> </div> </div> </a> <a href="https://kirschbaumdevelopment.com/insights/tailwind-vs-bootstrap" class="flex w-full shrink-0 group border-l-2 border-r-2 border-b-2 hover:border-r-0 hover:border-l-0 hover:border-b-0 border-transparent"> <div class="flex flex-1 w-full border-l border-r border-b group-hover:border-r-0 group-hover:border-l-0 group-hover:border-b-0 border-transparent"> <div class="flex flex-col w-full lg:h-56 xl:h-auto group-hover:border-l-4 group-hover:border-r-4 group-hover:border-b-4 border-l border-r border-b border-pink-500"> <div class="flex"> <div class="w-full border-t group-hover:border-t-4 mr-4 border-pink-500"></div> <div class="mb-2 -mt-8 [&>svg]:h-16 [&>svg]:md:h-24 dark-mode-svg text-pink-500"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22.02 33"> <line x1="3.86" y1="12.67" x2="2.91" y2="13.61" fill="none" stroke-linejoin="round" stroke="#dfa2be" stroke-width=".6px"/> <polyline points="12.11 15.39 17.72 9.78 21.01 13.07 21.52 .5 8.95 1 12.23 4.29 5.76 10.77" fill="none" stroke="#dfa2be" stroke-linejoin="round" stroke-width=".6px"/> <polyline points="16.26 22.23 9.78 28.71 13.07 32 .5 32.5 1 19.93 4.29 23.22 9.81 17.7" fill="none" stroke-linejoin="round" class="stroke-dynamic" stroke-width=".6px"/> <line x1="19.11" y1="19.39" x2="18.16" y2="20.33" fill="none" stroke-linejoin="round" class="stroke-dynamic" stroke-width=".6px"/> </svg> </div> <div class="w-full border-t group-hover:border-t-4 ml-4 border-pink-500"></div> </div> <div class="flex-1 flex flex-col justify-start pt-6 pb-10 px-6 md:pt-6 md:pb-10 md:px-12 lg:pt-8 lg:pb-0 xl:pt-8 xl:pb-12"> <h3 class="text-xl md:text-3xl lg:text-xl xl:text-3xl font-avenir font-bold">Tailwind CSS vs Bootstrap: Which is Better for Your Project?</h3> </div> </div> </div> </a> </div> </div> <div class="bg-white py-4"> <div class="mx-auto max-w-7xl px-4 sm:px-8 md:px-12 lg:px-24 py-16 lg:flex font-avenir items-center lg:items-stretch"> <h2 class="text-center lg:border-t lg:border-b lg:border-l lg:border-yellow-500 px-8 md:px-0 lg:pl-3 lg:text-left text-2xl lg:w-2/3 pt-2 text-slate"> Interested in speaking with a developer? </h2> <div class="flex justify-center lg:justify-end lg:w-1/3 mt-10 lg:mt-0 lg:border-yellow-500 lg:border-t lg:border-b"> <a @click="contact('cta-speak', "insights.index")" class="bg-yellow-500 text-white text-lg uppercase h-12 w-84 flex justify-center items-center cursor-pointer">Let's talk</a> </div> </div> </div> <div class="max-w-7xl px-8 lg:px-24 mx-auto"> <div class="flex text-xl mt-20 font-thin items-center"> <div class="hidden md:block"> <a href="https://kirschbaumdevelopment.com/approach" class="lg:inline md:mr-4 lg:mr-8">Why Us?</a> <a href="https://kirschbaumdevelopment.com/work" class="lg:inline md:mr-4 lg:mr-8">Work</a> <a href="https://kirschbaumdevelopment.com/insights" class="lg:inline md:mr-4 lg:mr-8">Insights</a> <a href="https://kirschbaumdevelopment.com/team" class="lg:inline md:mr-4 lg:mr-8">Team</a> <a @click="contact('footer', "insights.index")" class="lg:inline md:mr-4 lg:mr-8 cursor-pointer">Contact</a> <a href="https://kirschbaumdevelopment.com/careers" class="lg:inline lg:mr-20">Careers</a> </div> <div class="hidden lg:flex items-baseline"> <div class="md:flex items-center"> <svg-icon icon="phone-ringing" :fill="false" class="mr-2 svg-icon h-5 w-5"></svg-icon> 413-570-3299 </div> </div> </div> <div class="lg:flex justify-between mt-10 lg:mt-4 md:mt-12 items-baseline"> <div class="lg:flex"> <div class="flex flex-row justify-between lg:flex-col"> <div class="lg:flex"> <div class="font-avenir text-xl md:text-3xl mr-2 md:mr-4"> Connect with us. </div> <div class="flex items-center mt-2 md:mt-0"> <a href="https://twitter.com/n_kirschbaum" class="w-6 md:w-8 mr-4 hover:cursor-pointer"> <img src="https://d11r87y54pwjy9.cloudfront.net/df5c1a7b-55e2-4a1b-801d-25d18b53d6fd/images/twitter.svg" alt="Twitter"> </a> <a href="https://www.linkedin.com/company/kirschbaumdevelopment/" class="w-6 md:w-8 mr-4 hover:cursor-pointer"> <img src="https://d11r87y54pwjy9.cloudfront.net/df5c1a7b-55e2-4a1b-801d-25d18b53d6fd/images/linkedin.svg" alt="LinkedIn"> </a> <a href="http://github.com/kirschbaum-development" class="w-6 md:w-8 mr-4 hover:cursor-pointer"> <img src="https://d11r87y54pwjy9.cloudfront.net/df5c1a7b-55e2-4a1b-801d-25d18b53d6fd/images/github.svg" alt="Github"> </a> <a href="https://www.youtube.com/channel/UCcJslCIMrofdQmxm-7Jib5w" class="w-6 md:w-8 hover:cursor-pointer"> <img src="https://d11r87y54pwjy9.cloudfront.net/df5c1a7b-55e2-4a1b-801d-25d18b53d6fd/images/youtube.svg" alt="YouTube"> </a> </div> </div> <div class=""> <a href="tel:+14135703299" aria-label="Call Kirschbaum Development Group"> <svg class="w-12 pl-4 ml-2 mr-4 lg:px-4 pb-6 mt-2 lg:hidden" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28.02 28"> <path class="stroke-current stroke-1 text-white" fill="none" d="M25.96 2.73c.25.21.4.36.4.36 1.39 1.24 1.08 2.32 1.08 2.32-.94 6.63-7.92 13-8.45 13.58-.72.67-7 7.5-13.59 8.44 0 0-1.08.31-2.32-1.09l-.39-.42a20.72 20.72 0 01-2.13-3.11 1.29 1.29 0 01.66-1.27l4.88-3.25a1.77 1.77 0 012-.12l3 1.63a50.64 50.64 0 004.59-4.12 51.31 51.31 0 004.12-4.58l-1.63-2.95a1.79 1.79 0 01.12-2.05l3.26-4.88a1.3 1.3 0 011.28-.65 4.17 4.17 0 011.64.91" /> </svg> </a> </div> </div> </div> </div> <div class="flex w-full lg:w-auto mt-10 lg:mt-4 md:mt-12 pb-10 lg:pb-16"> <div class="font-thin opacity-50 md:text-lg md:mt-1"> ©2025 Kirschbaum Development Group LLC <a class="hover:text-slate-200 sm:ml-4" href="https://kirschbaumdevelopment.com/privacy-policy">Privacy Policy</a> <a class="hover:text-slate-200 ml-4" href="https://kirschbaumdevelopment.com/terms-of-service">Terms of Service</a> </div> </div> </div> <contact-us route="insights.index"></contact-us> </div> </body> <script src="https://d11r87y54pwjy9.cloudfront.net/df5c1a7b-55e2-4a1b-801d-25d18b53d6fd/js/app.js?id=00b7e0913182fc5752dc1d9dc6d6e916"></script> </html>

CINXE.COM

Insights | Laravel and Application Development Expertise