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 Sun, 01 Nov 2026 16:02:02 +0000 https://dev.to/mehdi1/worth-checking-out-10m7 https://dev.to/mehdi1/worth-checking-out-10m7 <div class="ltag__link--embedded"> <div class="crayons-story "> <a href="https://dev.to/rdlabo/i-wanted-real-native-ui-in-my-webview-so-i-built-projection-capacitorcordova-3mdh" class="crayons-story__hidden-navigation-link">I Wanted Real Native UI in My WebView. So I Built Projection. [Capacitor/Cordova]</a> <div class="crayons-story__body crayons-story__body-full_post"> <div class="crayons-story__top"> <div class="crayons-story__meta"> <div class="crayons-story__author-pic"> <a href="/rdlabo" class="crayons-avatar crayons-avatar--l "> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1859869%2F8bec28f2-c751-4640-a79e-15b015aab370.jpeg" alt="rdlabo profile" class="crayons-avatar__image"> </a> </div> <div> <div> <a href="/rdlabo" class="crayons-story__secondary fw-medium m:hidden"> Masahiko Sakakibara </a> <div class="profile-preview-card relative mb-4 s:mb-0 fw-medium hidden m:inline-block"> Masahiko Sakakibara <div id="story-author-preview-content-4955540" class="profile-preview-card__content crayons-dropdown branded-7 p-4 pt-0"> <div class="gap-4 grid"> <div class="-mt-4"> <a href="/rdlabo" class="flex"> <span class="crayons-avatar crayons-avatar--xl mr-2 shrink-0"> <img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1859869%2F8bec28f2-c751-4640-a79e-15b015aab370.jpeg" class="crayons-avatar__image" alt=""> </span> <span class="crayons-link crayons-subtitle-2 mt-5">Masahiko Sakakibara</span> </a> </div> <div class="print-hidden"> Follow </div> <div class="author-preview-metadata-container"></div> </div> </div> </div> </div> <a href="https://dev.to/rdlabo/i-wanted-real-native-ui-in-my-webview-so-i-built-projection-capacitorcordova-3mdh" class="crayons-story__tertiary fs-xs"><time>Nov 1</time><span class="time-ago-indicator-initial-placeholder"></span></a> </div> </div> </div> <div class="crayons-story__indention"> <h2 class="crayons-story__title crayons-story__title-full_post"> <a href="https://dev.to/rdlabo/i-wanted-real-native-ui-in-my-webview-so-i-built-projection-capacitorcordova-3mdh" id="article-link-4955540"> I Wanted Real Native UI in My WebView. So I Built Projection. [Capacitor/Cordova] </a> </h2> <div class="crayons-story__tags"> <a class="crayons-tag crayons-tag--monochrome " href="/t/capacitor"><span class="crayons-tag__prefix">#</span>capacitor</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/webdev"><span class="crayons-tag__prefix">#</span>webdev</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/mobile"><span class="crayons-tag__prefix">#</span>mobile</a> <a class="crayons-tag crayons-tag--monochrome " href="/t/opensource"><span class="crayons-tag__prefix">#</span>opensource</a> </div> <div class="crayons-story__bottom"> <div class="crayons-story__details"> <a href="https://dev.to/rdlabo/i-wanted-real-native-ui-in-my-webview-so-i-built-projection-capacitorcordova-3mdh" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left"> <div class="multiple_reactions_aggregate"> <span class="multiple_reactions_icons_container"> <span class="crayons_icon_container"> <img src="https://assets.dev.to/assets/sparkle-heart-5f9bee3767e18deb1bb725290cb151c25234768a0e9a2bd39370c382d02920cf.svg" width="18" height="18"> </span> </span> <span class="aggregate_reactions_counter">3<span class="hidden s:inline">&nbsp;reactions</span></span> </div> </a> <a href="https://dev.to/rdlabo/i-wanted-real-native-ui-in-my-webview-so-i-built-projection-capacitorcordova-3mdh#comments" class="crayons-btn crayons-btn--s crayons-btn--ghost crayons-btn--icon-left flex items-center"> 2<span class="hidden s:inline">&nbsp;comments</span> </a> </div> <div class="crayons-story__save"> <small class="crayons-story__tertiary fs-xs mr-2"> 5 min read </small> <div class="only-sidebar-menu-item trusted-visible-block print-hidden align-center"> </div> </div> </div> </div> </div> </div> </div> mehdi Mon, 28 Sep 2026 19:26:53 +0000 https://dev.to/mehdi1/an-iphone-duo-review-for-cross-platform-app-developers-257d https://dev.to/mehdi1/an-iphone-duo-review-for-cross-platform-app-developers-257d <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/iphone-duo-cross-platform-introduction" 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%2Fiphone-duo-cross-platform-introduction.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/iphone-duo-cross-platform-introduction" rel="noopener noreferrer" class="c-link"> An iPhone Duo Review for Cross-Platform App Developers — rdlabo.dev </a> </h2> <p class="truncate-at-3"> Observations from the iPhone Duo simulator: how vertical bars change buttons, tabs, safe areas, modals, transitions, and layouts when the device is folded. </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 Mon, 28 Sep 2026 19:12:00 +0000 https://dev.to/mehdi1/httpsnpmxdevblogalpha-release-2e13 https://dev.to/mehdi1/httpsnpmxdevblogalpha-release-2e13 <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://npmx.dev/blog/alpha-release" rel="noopener noreferrer" class="c-link fw-bold flex items-center"> <span class="mr-2">npmx.dev</span> </a> </div> </div> </div> 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>