Bootstrap Grid Css Dosyası Nasıl Oluşturulur?

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

Reset Css Nedir? Ne İşe Yarar?

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

Hızlandırılmış Mobil Sayfalar Nedir? Nasıl Entegre Edilir?

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

CSS3 ile Hazırlanmış Modern Pre-Loader 6 Animasyon

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

HTML nedir?

Html, HyperText Markup Language kelimelerinin kısaltılmış halidir ve bugün görmüş olduğunuz birçok web sayfasının temelini oluşturur. Html karmaşık bir programlama dili değil;  zengin (hyper) metin biçimlendirme dili, bir betik dilidir. Web tarayıcısı içinde herhangi bir içeriği görüntülemek için, web sayfaları tarafından kullanılan bir dil olduğunu ifade eder. Peki ne yapar bu HTML? Çeşitli HTML etiket ve öznitelikleri, Web sayfasının yapısını ve

Devamını Oku

Sitenizde Sağ Klik Engelleme

Herkese merhaba, Optimizasyon çalışmalarımda zaman zaman sağ klik engelleme ile ilgili eklentilerle karşılaşıyorum. Eklenti kullanmaya hep karşı olduğum için bununla ilgili bir kod paylaşmak istedim. Benim işime çok yarıyor, sizinde işinize yaraması dileğiyle... Kolay gelsin. </head> kapanış etiketinden önce aşağıdaki javascripti ekleyin. <body> etiketine de aşağıdaki kodu ekleyerek, sitenizde sağ kliği engelleyebilirsiniz.