<style>/*<link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=6750859972426528886&zx=19bb68d7-bb49-4116-9548-3d75ddcb5153' media='none' onload='if(media!='all')media='all'' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=6750859972426528886&zx=19bb68d7-bb49-4116-9548-3d75ddcb5153' rel='stylesheet'/></noscript>
<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
<meta name='google-adsense-platform-domain' content='blogspot.com'/>

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

جوجل تريد نشر Material Design على الويب

جوجل تريد نشر Material Design على الويب

بعد نجاح واجهة Material Design على نظام أندرويد قررت شركة جوجل المرور إلى مرحلة أخرى حيث أشارت إلى رغبتها في تعزيز استخدام هذه الواجهة بالنسبة للمواقع الإلكترونية على الويب و ذلك عن طريق توفير أداة خاصة للمطورين.

جوجل قامت بنشر أداة جديدة خاصة بمطوري الويب تسمح لهم بإنشاء مواقع إلكترونية بالواجهة الشهيرة Material Design و التي ظهرت بشكل واسع مع ظهور نظام جوجل أندرويد 5.0 Lollipop، إطار العمل الجديد الذي ستوفره جوجل للمطورين سيحمل إسم "Material Design Lite".

و بالتالي فإن جميع العناصر الرسومية الموجودة في واجهة نظام أندرويد 5.0 Lollipop ستصبح متوفرة كذلك في المواقع الإلكترونية التي ستستخدم الواجهة الجديد و ذلك في سبيل التوافق في العرض بين هذه المواقع على نظام أندرويد، و من أجل القيام بذلك تقترح جوجل على المطورين تحميل إطار العمل البرمجي Material Design Lite.

<style>/*
<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/984859869-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY7BDqT9dI3wcEfeppL4ILR_aYmiUQ:1731819200230';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d6750859972426528886','//makeupandbeauty24.blogspot.com/2015/07/material-design.html','6750859972426528886');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '6750859972426528886', 'title': 'Makeup and beauty', 'url': 'https://makeupandbeauty24.blogspot.com/2015/07/material-design.html', 'canonicalUrl': 'https://makeupandbeauty24.blogspot.com/2015/07/material-design.html', 'homepageUrl': 'https://makeupandbeauty24.blogspot.com/', 'searchUrl': 'https://makeupandbeauty24.blogspot.com/search', 'canonicalHomepageUrl': 'https://makeupandbeauty24.blogspot.com/', 'blogspotFaviconUrl': 'https://makeupandbeauty24.blogspot.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': false, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': 'G-CWF2N9S15C', '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\x22Makeup and beauty - Atom\x22 href\x3d\x22https://makeupandbeauty24.blogspot.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Makeup and beauty - RSS\x22 href\x3d\x22https://makeupandbeauty24.blogspot.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Makeup and beauty - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/6750859972426528886/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Makeup and beauty - Atom\x22 href\x3d\x22https://makeupandbeauty24.blogspot.com/feeds/8597168072361231659/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/3d970d7188fc7945', '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': 'item', 'postId': '8597168072361231659', 'postImageThumbnailUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfkS-zXHcCthFvEXzq_Hpq61elbG6FUH00HUDQ_Sgk8pYp_-XhpKGverDiFh06vYM7eazb1mNE-Xjk7QxcAbn5UCC1sLXgaCsM46Kd-YKeqQ2M7jRU2NEgo_BlihTbtffMf6mLo90_KyQ/s72-c/mate.png', 'postImageUrl': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfkS-zXHcCthFvEXzq_Hpq61elbG6FUH00HUDQ_Sgk8pYp_-XhpKGverDiFh06vYM7eazb1mNE-Xjk7QxcAbn5UCC1sLXgaCsM46Kd-YKeqQ2M7jRU2NEgo_BlihTbtffMf6mLo90_KyQ/s320/mate.png', 'pageName': '\u062c\u0648\u062c\u0644 \u062a\u0631\u064a\u062f \u0646\u0634\u0631 Material Design \u0639\u0644\u0649 \u0627\u0644\u0648\u064a\u0628  ', 'pageTitle': 'Makeup and beauty: \u062c\u0648\u062c\u0644 \u062a\u0631\u064a\u062f \u0646\u0634\u0631 Material Design \u0639\u0644\u0649 \u0627\u0644\u0648\u064a\u0628  ', 'metaDescription': ''}}, {'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': '\u062c\u0648\u062c\u0644 \u062a\u0631\u064a\u062f \u0646\u0634\u0631 Material Design \u0639\u0644\u0649 \u0627\u0644\u0648\u064a\u0628  ', 'description': 'A beauty blog blooming with fresh makeup reviews, swatches and beauty tips from your friendly neighborhood beauty addict.', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfkS-zXHcCthFvEXzq_Hpq61elbG6FUH00HUDQ_Sgk8pYp_-XhpKGverDiFh06vYM7eazb1mNE-Xjk7QxcAbn5UCC1sLXgaCsM46Kd-YKeqQ2M7jRU2NEgo_BlihTbtffMf6mLo90_KyQ/s320/mate.png', 'url': 'https://makeupandbeauty24.blogspot.com/2015/07/material-design.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 8597168072361231659}}, {'name': 'widgets', 'data': [{'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': 'Featured Post', 'type': 'FeaturedPost', 'sectionId': 'before-blog', 'id': 'FeaturedPost1', 'postId': '4567660095339910753'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'before-post', 'id': 'HTML12'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'blog-post', 'id': 'Blog1', 'posts': [{'id': '8597168072361231659', 'title': '\u062c\u0648\u062c\u0644 \u062a\u0631\u064a\u062f \u0646\u0634\u0631 Material Design \u0639\u0644\u0649 \u0627\u0644\u0648\u064a\u0628  ', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfkS-zXHcCthFvEXzq_Hpq61elbG6FUH00HUDQ_Sgk8pYp_-XhpKGverDiFh06vYM7eazb1mNE-Xjk7QxcAbn5UCC1sLXgaCsM46Kd-YKeqQ2M7jRU2NEgo_BlihTbtffMf6mLo90_KyQ/s320/mate.png', 'showInlineAds': false}], 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'icons', 'label': ''}, {'name': 'share', 'label': ''}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': 'Labels:'}]}], 'allBylineItems': [{'name': 'icons', 'label': ''}, {'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': '#Advertisement', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML16'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'ads-post', 'id': 'HTML17'}, {'title': '#Recent Post', 'type': 'HTML', 'sectionId': 'sidebar-static', 'id': 'HTML19'}, {'title': '', 'type': 'HTML', 'sectionId': 'sidebar-sticky', 'id': 'HTML28'}, {'title': '', 'type': 'HTML', 'sectionId': 'sidebar-sticky', 'id': 'HTML27'}, {'title': '', 'type': 'HTML', 'sectionId': 'sidebar-sticky', 'id': 'HTML26'}, {'title': '', 'type': 'HTML', 'sectionId': 'sidebar-sticky', 'id': 'HTML25'}, {'title': '', 'type': 'HTML', 'sectionId': 'sidebar-sticky', 'id': 'HTML9'}, {'title': '', 'type': 'HTML', 'sectionId': 'sidebar-sticky', 'id': 'HTML8'}, {'title': '', 'type': 'HTML', 'sectionId': 'sidebar-sticky', 'id': 'HTML7'}, {'title': '', 'type': 'HTML', 'sectionId': 'sidebar-sticky', 'id': 'HTML2'}, {'title': '', 'type': 'HTML', 'sectionId': 'sidebar-sticky', 'id': 'HTML1'}, {'title': '#Advertisement', 'type': 'HTML', 'sectionId': 'sidebar-sticky', 'id': 'HTML20'}, {'title': 'SVG Icons', 'type': 'HTML', 'sectionId': 'jet-options', 'id': 'HTML24'}]}]);
_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('_FeaturedPostView', new _WidgetInfo('FeaturedPost1', 'before-blog', document.getElementById('FeaturedPost1'), {}, '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}, '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('HTML16', 'ads-post', document.getElementById('HTML16'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML17', 'ads-post', document.getElementById('HTML17'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML19', 'sidebar-static', document.getElementById('HTML19'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML28', 'sidebar-sticky', document.getElementById('HTML28'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML27', 'sidebar-sticky', document.getElementById('HTML27'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML26', 'sidebar-sticky', document.getElementById('HTML26'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML25', 'sidebar-sticky', document.getElementById('HTML25'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML9', 'sidebar-sticky', document.getElementById('HTML9'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML8', 'sidebar-sticky', document.getElementById('HTML8'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML7', 'sidebar-sticky', document.getElementById('HTML7'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'sidebar-sticky', document.getElementById('HTML2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'sidebar-sticky', document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML20', 'sidebar-sticky', document.getElementById('HTML20'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML24', 'jet-options', document.getElementById('HTML24'), {}, 'displayModeFull'));
</script>
</body>*/</style>