HTML & CSS Kategorisi

Birçok web sitelerinde kullanılan Bootstrap frameworkünü bende sıkça projelerimde kullanıyorum. Bootstrap'ın grid yapısı, responsive tasarımlar için büyük kolaylık sağlarken kullanılmayan cssler ise sitede yük yaratıyor. Eğer sizde benim gibi Bootstrap'ın sadece grid sistemini kullanma taraftarı iseniz,  http://getbootstrap.com/customize adresinden Bootstrap'ı özelleştirerek projenize dahil edebilirsiniz. Bootstrap Grid Css Dosyası Nasıl Oluşturulur? Less files bölümünde, Grid system ve Responsive utilities seçenekleri işaretlenerek

Devamını Oku

Front-end developerların sıkça kullandığı reset.css nedir tanımından önce, cross browser ve client-side tanımlarını öğrenmekte fayda var. Client-side, kullanıcıların tarayıcılar vasıtasıyla siteyi ziyaret ettiklerinde html, javascript, silverlight, flash gibi kodların tarayıcılar tarafından yorumlanmasıdır. Hangi tarayıcılar bunlar? Google Chrome, Mozilla, Internet Explorer, Safari gibi web tarayıcıları... Cross Browser ise, client-side dillerinin (html, javascript vb.) tüm tarayıcılarda aynı

Devamını Oku

Herkese merhaba, Bugün Google'ın yakın zamanda aktif ettiği Google AMP' a vakit ayırmak istedim. Nedir bu Google Amp? Açılımı Accelerated Mobile Pages olan projenin Türkçe karşılığı Hızlandırılmış Mobil Sayfalar anlamına gelir. Amacımız nedir? Mobil cihaz kullanımın artması nedeniyle, mobil cihazlara uygun daha hızlı web sayfaları geliştirmek. Google Amp'ın en önemli özelliği Normal Html yapısına farklı etiketler eklenerek

Devamını Oku

Web sayfaların içerikleri yüklenirken zaman zaman küçük animasyonlar izleriz. İşte modern web tasarımın bir parçası olarak kabul edilen css3 ile hazırlanmış 6 pre-loader animasyon... Pre-Loader 1 – Dairesel Hareket Pre-Loader 2 - Dairesel Kare Hareketi Pre-Loader 3 - Kare Uçurtmalar Pre-Loader 4 - Gölge Kareler Pre-Loader 5 - Dönen Kutular Pre-Loader 6 - Sihirli Kutular