Tavsiye, 2019

Editörün Seçimi

Chrome Tarayıcıda Materyal Tasarımı Nasıl Etkinleştirilir

Google I / O 2014'te Google, Android OS, Chrome OS ve Web de dahil olmak üzere tüm büyük platformları için Materyal Tasarımı standardını benimseme vizyonunu açıkladı. Tüm platform için aynı tasarım dilini benimsemenin nedeni, Google’ın tüm hizmetleri boyunca kullanıcılarına birleşik bir kullanıcı deneyimi sağlama vizyonuydu. Materyal Tasarımı dilinin Google’ın Android ve Chrome OS platformlarına yoğun bir şekilde dahil edildiğini gördük. Bununla birlikte, Android ve Chrome OS, Material Design ile önemli bir facelift almış olsa da, Chrome tarayıcısı geçmişte kaldı. Ancak bu, Google’ın Chrome tarayıcısını tamamen terk ettiği anlamına gelmez (Materyal Tasarımı söz konusu olduğunda).

Aslında, 2016'dan bu yana, Chrome tarayıcısında birçok deneysel Materyal Tasarımı öğesi görüyoruz. Son zamanlarda, Chrome tarayıcısının Ayarlar sayfası Malzeme Tasarımı dili ile güncellendi. Ancak, yine de, Chrome'un kullanıcı arayüzünün çoğu, değişiklikler hala gelişim aşamasında olduğu için Malzeme Tasarımını desteklememektedir. Bu değişiklikler hala “beta” da olduğundan, Chrome Tarayıcınızda varsayılan olarak görünmezler. Ancak, eğer istersen onları etkinleştirmenin bir yolu var. Sadece bu özelliklerin hala geliştirilmediğini unutmayın, bu yüzden burada ve orada bazı hatalar olabilir. Öyleyse, bunun dışında, Chrome Tarayıcıda Materyal Tasarımı'nı nasıl etkinleştireceğimizi görelim :

Materyal Tasarımı Kullanıcı Arayüzünü Chrome'da Etkinleştir

Başlamadan önce, Chrome tarayıcısında çok fazla tasarım öğesi bulunduğunu anlamalısınız. Bu elementlerin birçoğunun gelişiminde karşılık gelen bir Materyal Tasarımı elemanı vardır. Malzeme Tasarımı öğelerini etkinleştirmeye başlamadan önce, yaptığınız değişikliklerin ne olduğunu bir kenara bırakmak için önce onlar hakkında biraz okumalısınız. Sizin için işleri kolaylaştırmak için, tüm değişiklikler için kısa bir açıklama ekleyeceğim. . Pekala, daha fazla zaman kaybetmeyip başlayalım.

1. Adres çubuğuna “ chrome://flags ” yazıp enter / return tuşuna basarak Chrome'un “Bayraklar” sayfasına gidin . Seni yukarıda uyardığım gibi, bu sayfada, Chrome size bir uyarı bildirimi gösterecektir. Çok fazla endişelenmeyin, yazılımın beta sürümünü kullanmak gibi olacak. Bazı hatalar yaşayabilirsiniz ama önemli değil.

2. Şimdi, Ctrl + F (Mac’te iseniz Cmd + F) tuşlarına basın ve “malzeme tasarımı” kelimelerini (tırnak işaretleri olmadan) açılan kutu türüne yazın .

3. Şimdi, bu öğreticiyi ne zaman kullandığınıza bağlı olarak, alacağınız hit sayısı değişebilir (13 aldım). Bunun nedeni, Google’ın bu öğeleri eklemeye ve silmeye devam etmesidir. Şimdi, isabetler arasında hareket etmek için metin alanının yanındaki “ok düğmelerini” kullanın .

Chrome'un Farklı Öğelerinde Materyal Tasarımını Etkinleştirme

Şimdi, elementler arasında nasıl hareket edeceğinizi bildiğinize göre, değişecek olanlara bir göz atalım. Ne zaman bir değişiklik yaparsak, Chrome sizden değişiklikleri yansıtmak için tarayıcıyı yeniden başlatmanızı isteyecektir. Ancak, her değişiklik için yapmanız gerekmez, tüm değişiklikleri yaptıktan sonra tarayıcıyı yeniden başlatmanız yeterlidir .

  • Tarayıcının geri kalan kısmındaki Materyal Tasarımı Kullanıcı Arayüzü : Bu alt başlığı “Bayraklar” sayfasında bulmak için ok tuşlarını kullanın ve ardından etkinleştirin. Bu ayarın etkinleştirilmesi, malzeme tasarımını, Chrome tarayıcıda iletişim kutuları, baloncuklar vb. Gibi daha ince tasarım öğelerine uygulayacaktır. Mac'te, bu ayar MacView'leri etkinleştirecektir.

  • Malzeme Tasarımı ilke sayfasını etkinleştir : Bu, Chrome'un Malzeme sayfasını yansıtacak şekilde Chrome'un politika sayfasını ( chrome://policy ) değiştirir.

  • Malzeme Tasarımı yer imlerini etkinleştirme: Bu ayarı etkinleştirdiğinizde, “ chrome://bookmarks ” URL'si Malzeme Tasarımı yer imleri sayfasını yükler. Bunu yapmak için resimde işaretli açılır menüyü tıklayın ve “Enabled” seçeneğini seçin.

  • Materyal Tasarımı geri bildirimini etkinleştirme : Adından da anlaşılacağı gibi, bu, Materyal Tasarımı dilini dahil etmek için geribildirim sayfasını değiştirir.

  • Malzeme Tasarımı Gizli NTP : Bu ayar, Gizli Yeni sekmelerinizin Malzeme Tasarımı'na uymasını sağlar.

  • Malzeme Tasarımı ayarlarını etkinleştirin : Chrome'un en son sürümündeyseniz, Ayarlar sayfanız zaten yeni Malzeme Tasarımı ile uyumlu olmalıdır. Ancak, değilse, etkinleştirebileceğiniz yer burasıdır.

  • Malzeme Tasarımı uzantılarını etkinleştirin : Bu, Malzeme Tasarımını benimsemek için Chrome'un “Uzantılar” sayfasını değiştirir ( chrome://extensions ).

  • Yukarıdaki seçeneklerin tümünü etkinleştirdikten sonra, bu değişiklikleri etkinleştirmek için tarayıcınızın altındaki "Şimdi Yeniden Başlat" düğmesini tıklamanız yeterlidir .

Bu yazıyı yazarken, mevcut olan tek seçenek bunlar. Ancak, daha önce de belirttiğim gibi, bu seçenekler zaman zaman değişmeye devam ediyor. Bu nedenle, en son güncellemeleri almak için “Bayraklar” sayfasını arada bir kontrol ettiğinizden emin olun . Ayrıca, Eklentiler sayfamın önceki ve sonraki fotoğraflarını ekledim. Fotoğrafta, bu değişiklikleri yapmanın etkilerini görebilirsiniz.

Chrome'da Malzeme Tasarımını Etkinleştir

Google’ın Materyal Tasarımı dilini gerçekten çok seviyorum. Her şeyin güzel görünmesini ve akışkan hissetmesini sağlar. Animasyonlar sadece mükemmel. Google’ın kullanıcı deneyimini tüm platformlarında birleştirmeye çalıştığını görmek güzel. Bu hamle tüm kullanıcılara fayda sağlayacak. Ama bu benim bakış açım, peki ya seninki? Chrome tarayıcısındaki yeni Materyal Tasarımı'nın daha iyisini değiştireceğini düşünüyor musunuz? Düşüncelerinizi aşağıdaki yorumlar bölümünde bırakarak bize bildirin.

Top