Tablolarda bazen içeriğe göre tablonun genişlemesini istemeyiz veya içeriği aşağı kaymasını engellemek isteriz. İşte çözüm hemde Gmail’den.

Google bize web hakkında örnekleri ile de yardım ediyor. Gmail’de tablo genişliğini sabitlemenin daha doğrusu metinin tablo genişliğine göre overflow:hiden uygulamasını gösteren güzel bir yöntem

:::css
 .grid { table-layout: fixed; } .grid * td { empty-cells: show; overflow: hidden; width: 100%; }

Gmail Tablo genişliği

Güzel bir ayrıntıyı yakalamışlar. table-layout: fixed; tanımı işin püf noktası

Örnek sayfayı görmek için tıklayınız.

Kayanak: http://blog.opencomponentry.com/2007/08/22/gmail-table-column-sizing-css-fun/

font-display özelliği

Tipografinin web sitelerinde önemli bir yeri var. Yazı tipi tasarım ve okunabilirlik açısından bakıldığında gerekli bir öğedir. Yazı tipl...… Devamını oku

CSS4 sistem fontu (system-ui) değeri

03 April 2018 tarihinde yayınlandı.

Google Chrome Dev Tools ile Olayları (event) Yakalamak

21 March 2018 tarihinde yayınlandı.