Front end

WordPress ile ilgili merak edilenleri blog yazılarımızda bulabilirsiniz.

Front-end

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ı […]

Front-end

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 […]

Front-end

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) […]

Front-end

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 […]