Responsive Front-end Geliştirme’de – Modern Yöntemler – 1
Detaylara geçmeden önce “Responsive design” kavramına giriş yapalım. Responsive design, web sitenizin ya da web uygulamanızın en yalın haliyle bilgisayarlar, tabletler, telefonlar gibi farklı ekran boyutları ve çözünürlükleri olan cihazlarda uyumlu bir şekilde görüntülenmesini sağlayan bir tekniktir. Kullanıcılar farklı ekran çözünürlüklerinden sitenize eriştiğinde, sayfanın düzgün bir şekilde görüntülenmesini ve kullanılabilirliğini korumasını sağlar. Bu sayede, farklı […]
HTML’de İkon Eklemenin Modern Yöntemleri
Son yıllarda kullanımı gittikçe artan ve sunduğu avantajlarıyla SVG, Ölçeklenebilir Vektör Grafikleri (Scalable Vector Graphics) anlamına gelir. Bu vektör görüntü formatı JPEG, PNG ve GIF gibi diğer görüntü formatlarına kıyasla çok daha az yer kaplar. Aynı zamanda SVG’ler herhangi bir kalite kaybı olmadan ölçeklendirilebilir ve CSS aracılığıyla özelleştirilebilir. Küçük boyutlu olması sebebiyle web sayfalarının daha […]
Nucleo ile Font Dosyası Oluşturmak
SVG iconlarımızı, Icomoon ve Nucleo gibi font oluşturucu araçlar yardımıyla birer font dosyasına dönüştürebiliriz. Daha sonra ise CSS’de “font-face” ve “font-family” propertyleriyle kolayca kullanabiliriz. Güncel olması ve kullanım kolaylığı ile Nucleo’da font dosyası oluşturma işlemine bir göz atalım. Görsel 1. Nucleo uygulaması indirme ve yükleme işlemlerinin ardından aşağıdaki adımları takip ederek iconset oluşturmaya başlayabiliriz. 1) […]
Bootstrap V5 Alpha ile Gelen Özellikler
Bootstrap, Twitter ekibi tarafından geliştirilmiş bilinen en popüler arayüz geliştirme kütüphanelerinden biridir. Responsive ve dinamik web siteleri oluşturmayı sağlayan Bootstrap V5, 16 haziran 2020 tarihinde alpha sürümü olarak yayınlandı. Gelin Bootstrap V5 ile gelen yeni özelliklere bakalım. V5 sürümü ile neler değişti? Boostrap V5 ile gelen özelliklerin en göze çarpanı jQuery ve Internet Explorer desteğinin […]