Material Design - 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>

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

Android , Android Studio , Aziz Ahwan

Flutter UI Designing Modern Moora Money Managemenet App

Hi everyone. My name is Abdul Aziz Ahwan from Indonesia. In this post, we are gonna talk about Flutter UI Designing Moora Money Banking Man...

Abdul Aziz Ahwan 1 Jun, 2020 2

Android , Android Studio , apple

Designing Finance Banking App UI Design with Flutter

Hi everyone. My name is Abdul Aziz Ahwan from Indonesia. In this post, we are gonna talk about Designing Modern Finance Banking App UI Desig...

Abdul Aziz Ahwan 26 May, 2020 5

app , build , create

Create a Flutter Firebase CRUD TodoList App from Scratch

Hello guys. My name is Abdul Aziz Ahwan from Indonesia. In this post, we are gonna talk about How to Build a Simple Flutter Firebase CRUD...

Abdul Aziz Ahwan 7 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

Android , Android Studio , Aziz Ahwan

How to Customize Background Shape Bottom Navigation View Material Design Component in Android Studio

#CustomShape #BottomNavigationView #AndroidStudio #Modern Hi everyone, I am Abdul Aziz Ahwan . In this post, we are going to Learn Ho...

Abdul Aziz Ahwan 27 Jan, 2020

<style>/*
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/181982280-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'ACvIOeDcNTvWsNbsDAjLFqJIIGPF:1788334046492';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d548045071468246972','//www.abdulazizahwan.com/search/label/Material%20Design','548045071468246972');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '548045071468246972', 'title': 'Abdul Aziz Ahwan', 'url': 'https://www.abdulazizahwan.com/search/label/Material%20Design', 'canonicalUrl': 'https://www.abdulazizahwan.com/search/label/Material%20Design', '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': '', 'isGoogleEverywhereLinkTooltipEnabled': true, 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/5bf010e0e476f358', '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': 'Material Design', 'pageName': 'Material Design', 'pageTitle': 'Abdul Aziz Ahwan: Material Design', '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/Material%20Design', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': false, 'isArchive': false, 'isSearch': true, 'isLabelSearch': true, 'search': {'label': 'Material Design', 'resultsMessage': 'Showing posts with the label Material Design', 'resultsMessageHtml': 'Showing posts with the label \x3cspan class\x3d\x27search-label\x27\x3eMaterial Design\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': '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': '1923107032821722907', 'title': 'Flutter UI Designing Modern Moora Money Managemenet App ', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKnd5jwGElY5kDAWTSEpnWrSLTVid2tcoVsDXCoQWGs3LFIExqN3uwKd01xYZ2IWaVxWV49BlKIRsGLD9ya1ZEHfVZnOSdE7HvB3mPTgtcTB6cGcT4Dj8I9UAydHDTJkTKSFKuxB3prpqD/w640-h360/MoneyManagementApp.png', 'showInlineAds': true}, {'id': '2188169170052387691', 'title': 'Designing Finance Banking App UI Design with Flutter ', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjagMKoVAd8xloztr6bEi1Wa4oesCLPvkUugY-W9ANQ3rNMPEGmZHv-UWCyz13ecH4yJVrFKuLSUn1MF3vWDF5Lw2QWSkvJIruobUAga76ikgBBprWaNS8gxdDiIPt8FMsi6qRWypgFwJoT/w640-h360/FinanceApp+thumbs.png', 'showInlineAds': true}, {'id': '3681735829043478085', 'title': 'Create a Flutter Firebase CRUD TodoList App from Scratch ', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPTIylY1Qa20RVxjhMc6JfP0YlOlkbuAkTF3F9K9rwmTnsQNPe0Mlpm21fDoBZNwTHfoE9O3M9MaAuytOfBH4UUHIZf2-1Zz1d9aSnA7ia-2JEVZffzb09D7H8wLKLSkk89KCBlWg_6D4a/s640/Create+a+Simple+Flutter+Firebase+TodoList+App+from+Scratch.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_ukudwyyJRzs_Wsuo3CzCX8msG_LbuC4mPfayMlNFpsXBo13-L08ttMOH_jlER6cAhd814fyvGPBcKBtODsxpF1kdvdBxjV6tJZ0lXxC95gslGXkwT4gv8HeGt-4-EXsvlUj6t-3P7fnUrlQw9RYHBx2M-_i71Rsh-5vBXTAbud2E95qW3jIZMe', 'showInlineAds': true}, {'id': '2170809270918164940', 'title': 'How to Customize Background Shape Bottom Navigation View Material Design Component in Android Studio', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXZTxx70tf922j863COvtRVqwK8RWYDksoHRU3hrTTXXxvi9u65YFKUqDSUi13VdyOGTbW_HPzGiv_uT706VCMes382tnzbMY_rlfQAv0Zfy130KT1R9FM7MAdEvI2VPCVShUEFwhJBMoV/s640/How+to+Customize+Background+Shape+Bottom+Navigation+View+Material+Design+Component+in+Android+Studio.png', 'showInlineAds': true}], 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'author', 'label': 'by'}, {'name': 'timestamp', 'label': 'd MMM, yyyy'}, {'name': 'comments', 'label': 'Comments'}, {'name': 'share', 'label': ''}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': 'Tags:'}]}], 'allBylineItems': [{'name': 'author', 'label': 'by'}, {'name': 'timestamp', 'label': 'd MMM, yyyy'}, {'name': 'comments', 'label': 'Comments'}, {'name': 'share', 'label': ''}, {'name': 'labels', 'label': 'Tags:'}]}, {'title': '#You may also like', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML15'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML9'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML5'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML7'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML6'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'after-blog', 'id': 'HTML18'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'sidebar-static', 'id': 'HTML4'}, {'title': 'Popular Posts', 'type': 'PopularPosts', 'sectionId': 'sidebar-static', 'id': 'PopularPosts10', 'posts': [{'title': 'OpenChatCut Review: A Free Open-Source AI Video Editor With an Editable Timeline', 'id': 7371529289516206052}, {'title': 'vMLX Review: The Fastest Local AI Engine for Apple Silicon Macs', 'id': 1862649946540270545}, {'title': 'The Ultimate Guide to Osaurus AI: Run Powerful Local AI on Your Mac for Free', 'id': 8240952704985386333}, {'title': 'MLX Studio Review: The Ultimate Free AI App for Apple Silicon Macs in 2026', 'id': 2095730391393893124}, {'title': 'OMT Explained: Unlock High-Quality, Low-Latency Video on Your Local Network with vMix', 'id': 2642298275038653704}]}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'sidebar-static', 'id': 'HTML2'}, {'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': 'HTML3'}, {'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\x3eMaterial Design\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/321315994-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/828616780-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML15', 'ads-post', document.getElementById('HTML15'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML9', 'ads-post', document.getElementById('HTML9'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML5', 'ads-post', document.getElementById('HTML5'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML7', 'ads-post', document.getElementById('HTML7'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML6', 'ads-post', document.getElementById('HTML6'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML18', 'after-blog', document.getElementById('HTML18'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML4', 'sidebar-static', document.getElementById('HTML4'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts10', 'sidebar-static', document.getElementById('PopularPosts10'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'sidebar-static', document.getElementById('HTML2'), {}, '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('HTML3', 'sidebar-sticky', document.getElementById('HTML3'), {}, '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>