modern - Abdul Aziz Ahwan

<style>/*<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
<meta name='google-adsense-platform-domain' content='blogspot.com'/>

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6102615754735220&host=ca-host-pub-1556223355139109" crossorigin="anonymous"></script>

<!-- data-ad-client=ca-pub-6102615754735220 -->

</head><body>*/</style>

What's New in Astro 4.12 Server Islands

Astro 4.12 has arrived, introducing a host of powerful features and improvements to elevate your web development experience. The star of thi...

Abdul Aziz Ahwan 21 Jul, 2024

abdul aziz ahwan , backend , css

Building Modern UI with Beer CSS: A Lightweight Alternative for Material Design 3

Introduction The web development landscape is continuously evolving, with new frameworks and libraries emerging to simplify the creation of...

Abdul Aziz Ahwan 30 Jun, 2024

abdul aziz ahwan , astro , astro js

What's New in Astro 4.7

Astro 4.7 has landed, and it brings a host of exciting features and improvements aimed at enhancing the development experience for users. Fr...

Abdul Aziz Ahwan 26 Apr, 2024

abdul aziz ahwan , astro , astro js

What's New in Astro 4.2

What is New in Astro 4.2 Astro, the dynamic static site generator, is back with a bang! Version 4.2 introduces a slew of experimental featur...

Abdul Aziz Ahwan 25 Jan, 2024

abdul aziz ahwan , backend , framework

ShaDCN/UI: Transforming UI Development

ShaDCN UI Introduction to ShaDCN In the ever-evolving landscape of software development, the quest for efficient, responsive, and scalable ...

Abdul Aziz Ahwan 20 Jan, 2024

abdul aziz ahwan , app , code

Flutter UI Tutorial - Designing Clean Travel News App UI Design (Figma to Flutter)

Flutter UI Tutorial - Designing Clean Travel News App UI Design (Figma to Flutter) Hi everyone, I am Abdul Aziz Ahwan Indonesia, In this...

Abdul Aziz Ahwan 2 Nov, 2022

abdul aziz ahwan , Android , dashboard

Designing Modern Dashboard UI Design with Flutter

Hi everyone. My name is Abdul Aziz Ahwan from Indonesia. In this post, we are gonna talk about Designing Modern Dashboard Screen UI Des...

Abdul Aziz Ahwan 6 May, 2020

abdul aziz ahwan , adobe xd , Android Studio

Create a Modern Onboarding Walkthrough Screen Mentor App UI Design Android Studio

Hi everyone. My name is Abdul Aziz Ahwan from Indonesia. In this post, we are gonna talk about Designing Modern Onboarding Walkthrough Sc...

Abdul Aziz Ahwan 3 Apr, 2020

adobe xd , Android , Android Studio

Designing Online Course Education App UI Design from Adobe XD to Android Studio (XD File + Source Code)

Hi everyone. My name is Abdul Aziz Ahwan from Indonesia. In this post, we are going to Learn How to Designing Online Course Education App U...

Abdul Aziz Ahwan 24 Feb, 2020 3

<style>/*
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/984859869-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY6sEjvn9H_AY0gVMQjhJqs5RxZ9PQ:1732202774757';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d548045071468246972','//www.abdulazizahwan.com/search/label/modern?max-results\x3d10','548045071468246972');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '548045071468246972', 'title': 'Abdul Aziz Ahwan', 'url': 'https://www.abdulazizahwan.com/search/label/modern?max-results\x3d10', 'canonicalUrl': 'https://www.abdulazizahwan.com/search/label/modern?max-results\x3d10', 'homepageUrl': 'https://www.abdulazizahwan.com/', 'searchUrl': 'https://www.abdulazizahwan.com/search', 'canonicalHomepageUrl': 'https://www.abdulazizahwan.com/', 'blogspotFaviconUrl': 'https://www.abdulazizahwan.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': true, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': 'G-KJG2YX6J4R', 'analytics4': true, 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Abdul Aziz Ahwan - Atom\x22 href\x3d\x22https://www.abdulazizahwan.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Abdul Aziz Ahwan - RSS\x22 href\x3d\x22https://www.abdulazizahwan.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Abdul Aziz Ahwan - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/548045071468246972/posts/default\x22 /\x3e\n', 'meTag': '\x3clink rel\x3d\x22me\x22 href\x3d\x22https://www.blogger.com/profile/07133761082581680081\x22 /\x3e\n', 'adsenseClientId': 'ca-pub-6102615754735220', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': true, 'adsenseAutoAds': true, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/8f7002974bbf4dbb', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Share to X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'index', 'searchLabel': 'modern', 'pageName': 'modern', 'pageTitle': 'Abdul Aziz Ahwan: modern', 'metaDescription': 'Learn Mobile Flutter Web Development Design and Technology with our Tutorials and Tips Tricks for a Seamless Coding Experience'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard!', 'ok': 'Ok', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Custom', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Abdul Aziz Ahwan', 'description': 'Learn Mobile Flutter Web Development Design and Technology with our Tutorials and Tips Tricks for a Seamless Coding Experience', 'url': 'https://www.abdulazizahwan.com/search/label/modern?max-results\x3d10', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': false, 'isArchive': false, 'isSearch': true, 'isLabelSearch': true, 'search': {'label': 'modern', 'resultsMessage': 'Showing posts with the label modern', 'resultsMessageHtml': 'Showing posts with the label \x3cspan class\x3d\x27search-label\x27\x3emodern\x3c/span\x3e'}}}, {'name': 'widgets', 'data': [{'title': 'Upload Image', 'type': 'Image', 'sectionId': 'upload-image', 'id': 'Image10'}, {'title': 'Logo', 'type': 'HTML', 'sectionId': 'header-main', 'id': 'HTML10'}, {'title': 'Icons, Dark, Search', 'type': 'LinkList', 'sectionId': 'header-main', 'id': 'LinkList10'}, {'title': 'Menu', 'type': 'LinkList', 'sectionId': 'header-main', 'id': 'LinkList11'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'before-blog', 'id': 'HTML11'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'before-post', 'id': 'HTML12'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'blog-post', 'id': 'Blog1', 'posts': [{'id': '3439475425290688566', 'title': 'What\x27s New in Astro 4.12 Server Islands', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivj9FfTXOaxoLRCnqS6Wgf-Tzy837zag1SwfCXmJzhtCIkfSBgI1suFUBt6DkkIEX1quyI6GAJCggiSPl4eE6Vc0m30-XnLV7MckgXmHeP9ZnFojyJx5tY2lPSj5iIPguAbr2A7S_gXRMmxDa9IjqwIUuwxM4c4z95Ez7RIVBXHyuWPEn00dSfHmnIsbXy/s16000/Astro%20412%20Server%20Islands.webp', 'showInlineAds': true}, {'id': '7002941267552322965', 'title': 'Building Modern UI with Beer CSS: A Lightweight Alternative for Material Design 3', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1FPGylYVYwmuCp1f1fC_nclUz7KtWap68niSVlEH18del7HQuI46QI6A7ia4Bs_pZVfYjxLhVdbGBd-u-ek_EvrzIJIHvk3qKdb1NaZ-eIa8dq2aWbUTu8eJ5ZcRFOHc5GgV7lGwfZcQ_zxcirwLjRyATRJX5tGiAWzecwBoMIQa0tSM9krbk6YXLjRBy/s16000/BeerCSS.webp', 'showInlineAds': true}, {'id': '3372929362057580656', 'title': 'What\x27s New in Astro 4.7', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvTvO9l2W-K-tKrfvzthUlekw850Y0LH8XXFxQr9WFUpF0csDPLKTJ9REkqs_OffctEQDji0_1M43q4RilbLVpfKXiUJX91dEO4R2WbtjRaMCzbwcwYhKRP-CV9s47dSZzntBAPYoVv7gHBWf3ssXzhGj4WP69d6Q1V8WglASiCsMBI3CrkwiZ4TrHKF09/s16000/Astro%204.7.webp', 'showInlineAds': true}, {'id': '1581797405106284460', 'title': 'What\x27s New in Astro 4.2', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnq_TixH1_qjSWXAiJYW0fCwJxjTeTTV1XbnfjQ8r0JURsAubUctidHwbbu8by3h9o2MowUnVTVwSMK1m-RR1FRNIlpjx2UuuUA80h6wM7xk4VYnvgO8Z3uuJvhPHHXrxpA4kdtJ9_MM_vjhzcnu46aF8UdhuZfF47NQDORWB64Tk0yEFTRFWuu2wyTJFZ/s16000/What%20is%20New%20in%20Astro%204.2.webp', 'showInlineAds': true}, {'id': '3740054207406035462', 'title': 'ShaDCN/UI: Transforming UI Development', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhURy69WRNL33k_HnS9Y71H2DmGQWs-hh-l_qAzO_1aYNPn7m_6QE_2ly_AWCmZXUlIQhbhfE99r5KFZ5f_xIgnE18DQ2gIdOcVUIORMusbFR227vkfN7pV0Ra0NOblfm_ojihqg07D08AZ0DlHQXjS6B411X6hzgrhhONTV6rD_QAiKUyQ75p3WDljsiQg/s16000/ShaDCN%20UI.webp', 'showInlineAds': true}, {'id': '7714664055047029666', 'title': 'Flutter UI Tutorial - Designing Clean Travel News App UI Design (Figma to Flutter)', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioi8doNbgEZAjdCJlssLB_BUWt7GK7cpzCbHVS6fwXyyMgGwMFmyzzVKilzkXrcXFc-np8Lm4PVJhO_T6ke-OLSYixFUnC_-Np7hyVJvPPxh5PcYz-StXM3PsPSWYpQay3l9zDt-Ybp_rDiTL9_00oxVIe6O57ga3De5a6fWiM5uXLi7h_NlUhLxg5ug/w640-h360/Flutter%20UI%20News%20App.png', 'showInlineAds': true}, {'id': '7209671616044318312', 'title': 'Designing Modern Dashboard UI Design with Flutter', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaei-FSg9mLzjbmDV8cG6sLGaPXo9xOEmpb4Hi8E_JcDbBDIbMbYMjjvVCTpzoKnW-CS9nmFgeUJeZ85OCiXhqbtjoGpFFpq6T52z6XVIK7jWRwmyDgJgRnfjuBnxGWKnIVPnoMspxHOUz/s640/Flutter+Tutorial+-+Designing+Modern+College+Dashboard+UI+Design+App.png', 'showInlineAds': true}, {'id': '5236413985223717197', 'title': 'Create a Modern Onboarding Walkthrough Screen Mentor App UI Design Android Studio', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnrmO4DvZDpI3Lw8nKV0xUfqLrcenbaw6P_Nbc9ZfqvoWEL0cf2rbDyhKuBxkiIiBdSgtVKQ4kW6wbgzYpxWb-Di3GM49aNn1TI66FAAwDvqxGzEZL-sx20hEf_YDoXWkcQxnZn4ZRjKq5/s640/Artboard_%25E2%2580%2593_2.png', 'showInlineAds': true}, {'id': '1835183708912784458', 'title': 'Designing Online Course Education App UI Design from Adobe XD to Android Studio (XD File + Source Code)', 'featuredImage': 'https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_vhalTrtXWw745iqE-Tur_PgPGt7FcLrYFzXvxTVHYfsuWo4RGMqjPWraRQTTIDWEMIQez60NCT07l-3kcPBvO2cQlxxku43shPUBF8wMEYa6y6iO5GVROme9MwPCGqEFAoB5H1hkGNH06eovOeu30j1me_xVEdpuI0BSXnVCldQhXJPat796rm', 'showInlineAds': true}], 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'author', 'label': 'Posted by'}, {'name': 'timestamp', 'label': 'd MMM, yyyy'}, {'name': 'comments', 'label': 'Comments'}, {'name': 'share', 'label': ''}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': 'Labels:'}]}], 'allBylineItems': [{'name': 'author', 'label': 'Posted by'}, {'name': 'timestamp', 'label': 'd MMM, yyyy'}, {'name': 'comments', 'label': 'Comments'}, {'name': 'share', 'label': ''}, {'name': 'labels', 'label': 'Labels:'}]}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML13'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML14'}, {'title': '#You may also like', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML15'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML16'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML17'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'after-blog', 'id': 'HTML18'}, {'title': '#Recent Post', 'type': 'HTML', 'sectionId': 'sidebar-static', 'id': 'HTML19'}, {'title': 'Blog Archive', 'type': 'BlogArchive', 'sectionId': 'sidebar-static', 'id': 'BlogArchive10'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'sidebar-sticky', 'id': 'HTML2'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'sidebar-sticky', 'id': 'HTML20'}, {'type': 'AdSense', 'sectionId': 'sidebar-sticky', 'id': 'AdSense1'}, {'title': 'About Us', 'type': 'HTML', 'sectionId': 'footer-widget', 'id': 'HTML21'}, {'title': 'Verified by', 'type': 'HTML', 'sectionId': 'footer-widget', 'id': 'HTML1'}, {'title': 'Learn More', 'type': 'LinkList', 'sectionId': 'footer-widget', 'id': 'LinkList13'}, {'title': 'Follow Us', 'type': 'LinkList', 'sectionId': 'footer-widget', 'id': 'LinkList14'}, {'title': 'Copyright', 'type': 'HTML', 'sectionId': 'copyright', 'id': 'HTML23'}, {'title': 'SVG Icons', 'type': 'HTML', 'sectionId': 'jet-options', 'id': 'HTML24'}]}]);
_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image10', 'upload-image', document.getElementById('Image10'), {'resize': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML10', 'header-main', document.getElementById('HTML10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList10', 'header-main', document.getElementById('LinkList10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList11', 'header-main', document.getElementById('LinkList11'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML11', 'before-blog', document.getElementById('HTML11'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML12', 'before-post', document.getElementById('HTML12'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'blog-post', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'navMessage': 'Showing posts with label \x3cb\x3emodern\x3c/b\x3e. \x3ca href\x3d\x22https://www.abdulazizahwan.com/\x22\x3eShow all posts\x3c/a\x3e', 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/2646514562-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/1964470060-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML13', 'ads-post', document.getElementById('HTML13'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML14', 'ads-post', document.getElementById('HTML14'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML15', 'ads-post', document.getElementById('HTML15'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML16', 'ads-post', document.getElementById('HTML16'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML17', 'ads-post', document.getElementById('HTML17'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML18', 'after-blog', document.getElementById('HTML18'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML19', 'sidebar-static', document.getElementById('HTML19'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogArchiveView', new _WidgetInfo('BlogArchive10', 'sidebar-static', document.getElementById('BlogArchive10'), {'languageDirection': 'ltr', 'loadingMessage': 'Loading\x26hellip;'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'sidebar-sticky', document.getElementById('HTML2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML20', 'sidebar-sticky', document.getElementById('HTML20'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_AdSenseView', new _WidgetInfo('AdSense1', 'sidebar-sticky', document.getElementById('AdSense1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML21', 'footer-widget', document.getElementById('HTML21'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'footer-widget', document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList13', 'footer-widget', document.getElementById('LinkList13'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList14', 'footer-widget', document.getElementById('LinkList14'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML23', 'copyright', document.getElementById('HTML23'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML24', 'jet-options', document.getElementById('HTML24'), {}, 'displayModeFull'));
</script>
</body>*/</style>