The latest articles on DEV Community by mehdi (@mehdi1). https://dev.to/mehdi1 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F869413%2F9b20a9d3-cf63-4070-bf80-6c2676058386.png https://dev.to/mehdi1 en mehdi Mon, 28 Sep 2026 11:05:35 +0000 https://dev.to/mehdi1/httpsvoidzerodevpostsannouncing-vite-plus-1-0-404b https://dev.to/mehdi1/httpsvoidzerodevpostsannouncing-vite-plus-1-0-404b <div class="crayons-card c-embed text-styles text-styles--secondary"> <div class="c-embed__content"> <div class="c-embed__cover"> <a href="https://voidzero.dev/posts/announcing-vite-plus-1-0" class="c-link align-middle" rel="noopener noreferrer"> <img alt="" src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fvoidzero.dev%2Fcovers%2Fannouncing-vite-plus-1-0.jpg" height="402" class="m-0" width="800"> </a> </div> <div class="c-embed__body"> <h2 class="fs-xl lh-tight"> <a href="https://voidzero.dev/posts/announcing-vite-plus-1-0" rel="noopener noreferrer" class="c-link"> Announcing Vite+ 1.0 | VoidZero </a> </h2> <p class="truncate-at-3"> Vite+ 1.0 is here. One CLI manages your runtime, package manager, and frontend toolchain. </p> <div class="color-secondary fs-s flex items-center"> <img alt="favicon" class="c-embed__favicon m-0 mr-2 radius-0" src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fvoidzero.dev%2Ffavicon.svg" width="400" height="400"> voidzero.dev </div> </div> </div> </div> mehdi Sat, 26 Sep 2026 16:31:42 +0000 https://dev.to/mehdi1/ionic-ios-27-theme-v120-pre-release-support-foldable-safe-area-layout-project-foldable-4koo https://dev.to/mehdi1/ionic-ios-27-theme-v120-pre-release-support-foldable-safe-area-layout-project-foldable-4koo <div class="crayons-card c-embed text-styles text-styles--secondary"> <div class="c-embed__content"> <div class="c-embed__cover"> <a href="https://github.com/rdlabo-dev/ionic-theme-ios27/releases/tag/ios27-v1.2.0-0" class="c-link align-middle" rel="noopener noreferrer"> <img alt="" src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fopengraph.githubassets.com%2F040343001002201d611dd3c255d16feb77e6c083c3cb34d8925a68262bb1a4b1%2Frdlabo-dev%2Fionic-theme-ios27%2Freleases%2Ftag%2Fios27-v1.2.0-0" height="600" class="m-0" width="1200"> </a> </div> <div class="c-embed__body"> <h2 class="fs-xl lh-tight"> <a href="https://github.com/rdlabo-dev/ionic-theme-ios27/releases/tag/ios27-v1.2.0-0" rel="noopener noreferrer" class="c-link"> Release ios27-v1.2.0-0 · rdlabo-dev/ionic-theme-ios27 · GitHub </a> </h2> <p class="truncate-at-3"> What's Changed feat(layout): support foldable safe-area layout by <a class="mentioned-user" href="https://dev.to/rdlabo">@rdlabo</a> in #209 feat(native): project foldable controls with SwiftUI by <a class="mentioned-user" href="https://dev.to/rdlabo">@rdlabo</a> in #214 feat: use Vertical Control Area without th... </p> <div class="color-secondary fs-s flex items-center"> <img alt="favicon" class="c-embed__favicon m-0 mr-2 radius-0" src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fgithub.githubassets.com%2Ffavicons%2Ffavicon.svg" width="32" height="32"> github.com </div> </div> </div> </div> mehdi Fri, 25 Sep 2026 20:47:10 +0000 https://dev.to/mehdi1/httpsgithubcomrdlabo-devionic-theme-ios27releasestagios27-v110-37l7 https://dev.to/mehdi1/httpsgithubcomrdlabo-devionic-theme-ios27releasestagios27-v110-37l7 <div class="crayons-card c-embed text-styles text-styles--secondary"> <div class="c-embed__content"> <div class="c-embed__cover"> <a href="https://github.com/rdlabo-dev/ionic-theme-ios27/releases/tag/ios27-v1.1.0" class="c-link align-middle" rel="noopener noreferrer"> <img alt="" src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fopengraph.githubassets.com%2F520ce0a9ee8290206ec92b23ba6e90682517b2a41ce6f445d6cfa39ffdb2609c%2Frdlabo-dev%2Fionic-theme-ios27%2Freleases%2Ftag%2Fios27-v1.1.0" height="600" class="m-0" width="1200"> </a> </div> <div class="c-embed__body"> <h2 class="fs-xl lh-tight"> <a href="https://github.com/rdlabo-dev/ionic-theme-ios27/releases/tag/ios27-v1.1.0" rel="noopener noreferrer" class="c-link"> Release iOS 27 theme v1.1.0 · rdlabo-dev/ionic-theme-ios27 · GitHub </a> </h2> <p class="truncate-at-3"> Highlights Native UI Shell follows UI changes without a lingering fade. Tab switches now retire outgoing native controls immediately instead of leaving a crossfade over the destination tab. Native... </p> <div class="color-secondary fs-s flex items-center"> <img alt="favicon" class="c-embed__favicon m-0 mr-2 radius-0" src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fgithub.githubassets.com%2Ffavicons%2Ffavicon.svg" width="32" height="32"> github.com </div> </div> </div> </div> mehdi Fri, 25 Sep 2026 20:40:10 +0000 https://dev.to/mehdi1/httpsionicioblogintroducing-ionic-theme-ios27-4lg2 https://dev.to/mehdi1/httpsionicioblogintroducing-ionic-theme-ios27-4lg2 <div class="crayons-card c-embed text-styles text-styles--secondary"> <div class="c-embed__content"> <div class="c-embed__cover"> <a href="https://ionic.io/blog/introducing-ionic-theme-ios27" class="c-link align-middle" rel="noopener noreferrer"> <img alt="" src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fionic.io%2Fblog%2Fwp-content%2Fuploads%2F2026%2F09%2Fliquid-glass-lens-1024x512.png" height="400" class="m-0" width="800"> </a> </div> <div class="c-embed__body"> <h2 class="fs-xl lh-tight"> <a href="https://ionic.io/blog/introducing-ionic-theme-ios27" rel="noopener noreferrer" class="c-link"> Community Spotlight: Ionic Theme iOS 27 - Ionic Blog </a> </h2> <p class="truncate-at-3"> Explore the new ionic-theme-ios27 for Ionic apps. Build stunning interfaces with iOS 27 design and Liquid Glass effects. </p> <div class="color-secondary fs-s flex items-center"> <img alt="favicon" class="c-embed__favicon m-0 mr-2 radius-0" src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fionic.io%2Fandroid-icon-192x192.png" width="192" height="192"> ionic.io </div> </div> </div> </div> mehdi Fri, 25 Sep 2026 20:18:35 +0000 https://dev.to/mehdi1/httpsionicioblogthe-road-to-capacitor-9-2hfe https://dev.to/mehdi1/httpsionicioblogthe-road-to-capacitor-9-2hfe <div class="crayons-card c-embed text-styles text-styles--secondary"> <div class="c-embed__content"> <div class="c-embed__cover"> <a href="https://ionic.io/blog/the-road-to-capacitor-9" class="c-link align-middle" rel="noopener noreferrer"> <img alt="" src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fionic.io%2Fblog%2Fwp-content%2Fuploads%2F2026%2F08%2Fthe-road-to-capacitor-9.png" height="400" class="m-0" width="800"> </a> </div> <div class="c-embed__body"> <h2 class="fs-xl lh-tight"> <a href="https://ionic.io/blog/the-road-to-capacitor-9" rel="noopener noreferrer" class="c-link"> The Road to Capacitor 9 - Ionic Blog </a> </h2> <div class="color-secondary fs-s flex items-center"> <img alt="favicon" class="c-embed__favicon m-0 mr-2 radius-0" src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fionic.io%2Fandroid-icon-192x192.png" width="192" height="192"> ionic.io </div> </div> </div> </div> mehdi Fri, 25 Sep 2026 19:58:03 +0000 https://dev.to/mehdi1/httpsblogangulardevan-update-on-angulars-typescript-7-powered-compiler-9619a35e2b0a-2fhf https://dev.to/mehdi1/httpsblogangulardevan-update-on-angulars-typescript-7-powered-compiler-9619a35e2b0a-2fhf <div class="crayons-card c-embed text-styles text-styles--secondary"> <div class="c-embed__content"> <div class="c-embed__body flex items-center justify-between"> <a href="https://blog.angular.dev/an-update-on-angulars-typescript-7-powered-compiler-9619a35e2b0a" rel="noopener noreferrer" class="c-link fw-bold flex items-center"> <span class="mr-2">blog.angular.dev</span> </a> </div> </div> </div> mehdi Fri, 25 Sep 2026 19:56:07 +0000 https://dev.to/mehdi1/httpscapawesomeioblogannouncing-partnership-with-ionic-27i https://dev.to/mehdi1/httpscapawesomeioblogannouncing-partnership-with-ionic-27i <div class="crayons-card c-embed text-styles text-styles--secondary"> <div class="c-embed__content"> <div class="c-embed__cover"> <a href="https://capawesome.io/blog/announcing-partnership-with-ionic/" class="c-link align-middle" rel="noopener noreferrer"> <img alt="" src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fcapawesome.io%2Fdocs%2Fassets%2Fimages%2Fsocial%2Fblog%2Fannouncing-partnership-with-ionic.png" height="420" class="m-0" width="800"> </a> </div> <div class="c-embed__body"> <h2 class="fs-xl lh-tight"> <a href="https://capawesome.io/blog/announcing-partnership-with-ionic/" rel="noopener noreferrer" class="c-link"> Announcing Our Official Partnership with Ionic - Capawesome </a> </h2> <p class="truncate-at-3"> Ionic officially recommends Capawesome as the preferred migration partner for Appflow, Auth Connect, Identity Vault and Secure Storage. One-command migration. </p> <div class="color-secondary fs-s flex items-center"> <img alt="favicon" class="c-embed__favicon m-0 mr-2 radius-0" src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fcapawesome.io%2Fdocs%2Fassets%2Fimages%2Ffavicon.ico" width="48" height="48"> capawesome.io </div> </div> </div> </div> mehdi Fri, 25 Sep 2026 19:53:33 +0000 https://dev.to/mehdi1/httpsionicioblogf09f9a80-announcing-a-partnership-with-capawesome-1cc0 https://dev.to/mehdi1/httpsionicioblogf09f9a80-announcing-a-partnership-with-capawesome-1cc0 <div class="crayons-card c-embed text-styles text-styles--secondary"> <div class="c-embed__content"> <div class="c-embed__cover"> <a href="https://ionic.io/blog/%F0%9F%9A%80-announcing-a-partnership-with-capawesome" class="c-link align-middle" rel="noopener noreferrer"> <img alt="" src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fionic.io%2Fblog%2Fwp-content%2Fuploads%2F2026%2F09%2FMain%402x-1024x512.png" height="400" class="m-0" width="800"> </a> </div> <div class="c-embed__body"> <h2 class="fs-xl lh-tight"> <a href="https://ionic.io/blog/%F0%9F%9A%80-announcing-a-partnership-with-capawesome" rel="noopener noreferrer" class="c-link"> 🚀 Announcing a Partnership with Capawesome! - Ionic Blog </a> </h2> <div class="color-secondary fs-s flex items-center"> <img alt="favicon" class="c-embed__favicon m-0 mr-2 radius-0" src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fionic.io%2Fandroid-icon-192x192.png" width="192" height="192"> ionic.io </div> </div> </div> </div> mehdi Thu, 17 Sep 2026 19:58:52 +0000 https://dev.to/mehdi1/httpsgithubcomrdlabo-devionic-theme-ios27releasestagios27-v100-fl5 https://dev.to/mehdi1/httpsgithubcomrdlabo-devionic-theme-ios27releasestagios27-v100-fl5 <div class="crayons-card c-embed text-styles text-styles--secondary"> <div class="c-embed__content"> <div class="c-embed__cover"> <a href="https://github.com/rdlabo-dev/ionic-theme-ios27/releases/tag/ios27-v1.0.0" class="c-link align-middle" rel="noopener noreferrer"> <img alt="" src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fopengraph.githubassets.com%2F1ffb00337b2cddcf2f58f5d6981827b577faf153344146342e0fb2e29864f9b2%2Frdlabo-dev%2Fionic-theme-ios27%2Freleases%2Ftag%2Fios27-v1.0.0" height="600" class="m-0" width="1200"> </a> </div> <div class="c-embed__body"> <h2 class="fs-xl lh-tight"> <a href="https://github.com/rdlabo-dev/ionic-theme-ios27/releases/tag/ios27-v1.0.0" rel="noopener noreferrer" class="c-link"> Release ios27-v1.0.0 · rdlabo-dev/ionic-theme-ios27 · GitHub </a> </h2> <p class="truncate-at-3"> Ionic Theme iOS27 1.0.0 This is the first stable release of <a class="mentioned-user" href="https://dev.to/rdlabo">@rdlabo</a>/ionic-theme-ios27. It brings iOS 27 Liquid Glass styling and motion to existing Ionic apps, with an optional, experimental Native... </p> <div class="color-secondary fs-s flex items-center"> <img alt="favicon" class="c-embed__favicon m-0 mr-2 radius-0" src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fgithub.githubassets.com%2Ffavicons%2Ffavicon.svg" width="32" height="32"> github.com </div> </div> </div> </div> mehdi Thu, 17 Sep 2026 19:58:24 +0000 https://dev.to/mehdi1/httpsdocsrdlabodevprojectsionic-theme-ios27docsnative-ui-shell-505b https://dev.to/mehdi1/httpsdocsrdlabodevprojectsionic-theme-ios27docsnative-ui-shell-505b <div class="crayons-card c-embed text-styles text-styles--secondary"> <div class="c-embed__content"> <div class="c-embed__cover"> <a href="https://docs.rdlabo.dev/projects/ionic-theme-ios27/docs/native-ui-shell" class="c-link align-middle" rel="noopener noreferrer"> <img alt="" src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdocs.rdlabo.dev%2Fassets%2Fbrand%2Fog-card.png" height="420" class="m-0" width="800"> </a> </div> <div class="c-embed__body"> <h2 class="fs-xl lh-tight"> <a href="https://docs.rdlabo.dev/projects/ionic-theme-ios27/docs/native-ui-shell" rel="noopener noreferrer" class="c-link"> Native UI Shell (Experimental) - Ionic Theme iOS27 - rdlabo.dev </a> </h2> <p class="truncate-at-3"> Native UI Shell (Experimental). Stable iOS 27 styling and motion for Ionic, with an optional experimental Native UI Shell. </p> <div class="color-secondary fs-s flex items-center"> <img alt="favicon" class="c-embed__favicon m-0 mr-2 radius-0" src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdocs.rdlabo.dev%2Fassets%2Fbrand%2Frdlabo-logo.svg" width="323" height="162"> docs.rdlabo.dev </div> </div> </div> </div> mehdi Sun, 13 Sep 2026 12:23:38 +0000 https://dev.to/mehdi1/httpsrdlabodevarticlesionic-theme-reusable-css-v9-1-31jj https://dev.to/mehdi1/httpsrdlabodevarticlesionic-theme-reusable-css-v9-1-31jj <div class="crayons-card c-embed text-styles text-styles--secondary"> <div class="c-embed__content"> <div class="c-embed__cover"> <a href="https://rdlabo.dev/articles/ionic-theme-reusable-css-v9-1" class="c-link align-middle" rel="noopener noreferrer"> <img alt="" src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Frdlabo.dev%2Farticle-images%2Fionic-theme-reusable-css-v9-1.svg" height="630" class="m-0" width="1200"> </a> </div> <div class="c-embed__body"> <h2 class="fs-xl lh-tight"> <a href="https://rdlabo.dev/articles/ionic-theme-reusable-css-v9-1" rel="noopener noreferrer" class="c-link"> Making Ionic Themes Easier to Override: Rethinking !important and Shadow Parts in v9.1.0 — rdlabo.dev </a> </h2> <p class="truncate-at-3"> How v9.1.0 of the iOS 26 and Material Design 3 themes makes Ionic styles easier to override by reducing !important, preferring public CSS custom properties, and fixing grouped Inset Lists. </p> <div class="color-secondary fs-s flex items-center"> <img alt="favicon" class="c-embed__favicon m-0 mr-2 radius-0" src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Frdlabo.dev%2Ffavicon.ico" width="64" height="64"> rdlabo.dev </div> </div> </div> </div> mehdi Sat, 05 Sep 2026 23:46:18 +0000 https://dev.to/mehdi1/httpsyoutubecywk3xyyj2o-4p57 https://dev.to/mehdi1/httpsyoutubecywk3xyyj2o-4p57 <div class="crayons-card c-embed text-styles text-styles--secondary"> <div class="c-embed__content"> <div class="c-embed__body flex items-center justify-between"> <a href="https://youtu.be/cywK3XYYJ2o" rel="noopener noreferrer" class="c-link fw-bold flex items-center"> <span class="mr-2">youtu.be</span> </a> </div> </div> </div>