Webhocam

YouTube, bugüne kadar birçok tasarım değişikliğine uğradı ve birçoğu gerçekten kullanıcının yararına da oldu. Ancak bazıları ise kullanıcıları bezdiren güncellemeler oldu (mobildeki video kalitesi bölümü gibi).

YouTube’un yine bir tasarım değişikliği peşinde olduğunu duyunca dolayısıyla iyi bir şeyler bekleyebilirsiniz. Hatta beklemenize gerek kalmasın, gelin YouTube’un yeni tasarımı nasıl biz size gösterelim.

Şu ana kadar birkaç kullanıcı, YouTube’un şu an test ettiği bu görsel değişiklik güncellemesini cihazlarına indirmiş durumdalar. Yukarıdaki örnekte YouTube’un iPad üzerindeki tasarımını görüyoruz. YouTube, video kenarlıklarını köşeliden yuvarlağa çevirmiş ve griden ziyade tamamen kara olan bir karanlık temaya geçiş yapmış.

.content-slider{ overflow: hidden; width: calc(100% + 60px); margin-top: 16px; padding-bottom: 57.8%; padding-top: 1.38889rem; position: relative; } .content-slider .img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; } .content-slider .foreground-img { width: 50%; } .content-slider .slider { position: absolute; -webkit-appearance: none; appearance: none; width: 100%; height: 100%; background: transparent; outline: none; margin: 0; transition: all 0.2s; display: flex; justify-content: center; align-items: center; top: 0px; left: 0px; } .content-slider .slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 20px; padding-bottom: 60%; padding-top: 1.38889rem; background: transparent; cursor: pointer; outline: none; box-shadow: none; border:none; } .content-slider .slider::-moz-range-thumb { width: 20px; padding-bottom: 60%; padding-top: 1.38889rem; background: white; cursor: pointer; outline: none; box-shadow: none; border:none; } .content-slider .slider-button { pointer-events: none; position: absolute; width: 30px; height: 30px; border-radius: 50%; background-color: white; left: calc(50% - 15px); top: calc(50% - 15px); display: flex; justify-content: center; align-items: center; } .content-slider .slider-button:after { content: ""; padding: 3px; display: inline-block; border: solid #5d5d5d; border-width: 0 2px 2px 0; transform: rotate(-45deg); } .content-slider .slider-button:before { content: ""; padding: 3px; display: inline-block; border: solid #5d5d5d; border-width: 0 2px 2px 0; transform: rotate(135deg); } .content-slider .slider-line { pointer-events: none; position: absolute; width: 6px; height: 100%; background-color: white; left: calc(50% - 3px); top: 0; display: flex; justify-content: center; align-items: center; } @media (max-width: 767px){ .content-slider { width: 100%; margin: 0; padding-top: 0; } }

Sadece bu da değil, YouTube’un normal tarayıcı sayfasında da değişiklikler var. Yukarıdaki arama butonu da artık köşeli olmaktan çıkıp bir kapsül şeklinde karşımıza çıkacak. YouTube’un beğeni, abone olma ve listeye ekleme gibi seçeneklerinin etrafı da kapsüllerle çevrilmiş.

İLGİLİ HABER YouTube, Şimdi de Arka Arkaya 10 Reklam Göstermeye Başladı: Biraz Abartmadınız mı?

Siz YouTube’un yeni tasarım değişiklikleri hakkında ne düşünüyorsunuz? Düşüncelerinizi yorumlarda bizlerle paylaşmayı lütfen unutmayın.