Yearly Archives: 2016
CSS3 ve Çoklu Arkaplan (Multiple Background)
CSS3 ile birlikte gelen yeniliklerden biride, body’e yada sitenizin arka planına birden fazla arka plan eklemek. Artık CSS3 sayesinde background tanımında birden fazla görsel tanımlamanıza izin veriyor. Birden fazla görsel tanımlamak için aşağıda ki örneği kullanabilirsiniz. { background: url(image_1.jpg) top left no-repeat, url(image_2.gif) top right no-repeat, url(image_2.png) bottom center no-repeat; } Background kodu eklediğiniz sıraya...
- 0 Comment
- 2 Eylül 2016
CSS ile Hazırlanmış Roket Animasyonu
Javascript kullanmadan sadece CSS ile yapılmış roket animasyonu. See the Pen CSS only animated rocket by eva (@eva_trostlos) on CodePen.
- 0 Comment
- 8 Ağustos 2016
Linux Sunucuda .htaccess Kullanarak GZip (Sıkıştırma) Etkinleştirme
Sitenizin anadizininde bulunan .htaccess dosyasının içine aşağıdaki kodları ekleyerek GZip özelliğini ektinleştirebilirsiniz. Normalde bu ayarı sunucunun root’undan yapamız gerekiyor, fakat hizmet aldığınız firma buna izin vermiyor/kurmamış olabilir (Örn; MediaTemple, GoDaddy vb.). Bu durumda .htaccess kullanarak GZip özelliğini etkinleştirebilirsiniz. AddOutputFilterByType DEFLATE text/html text/plain text/xml AddOutputFilterByType DEFLATE text/css application/x-javascript AddOutputFilterByType DEFLATE text/css text/html text/plain text/xml text/javascript
- 0 Comment
- 18 Şubat 2016
CSS3 child ve nth-child Kullanımı
child ve nth-child, CSS3 ile birlikte gelen en güzel özelliklerden biri.Belirtmekte fayda var, CSS3 sadece IE9+ üzeri ve diğer güncel tarayıcılarda çalışıyor. İlk yada son nesneyi seçmek; :first-child { } /*İlk nesne*/ :last-child { } /*Son nesne*/ ul’un içinde bulunan li’lerden ilkini seçmek için; ul li:first-child ul’un içinde bulunan li’lerden sonuncuyu seçmek için; ul li:last-child...
- 0 Comment
- 15 Şubat 2016
CSS Reset Nedir?
Css/html yazan arkadaşların genel olarak sorunu tüm tarayıcılarda aynı sonucu alamamaktır. Bunu sorunu en aza indirmek için reset css güzel yöntemlerden biridir. Css Reset yada css sıfırlamak olarak bilinen teknik, css kodlama yaparken html elementlerinin çeşitli tarayıcılarda tanınmış olan mesafeleri sıfırlamak için kullanılmaktadır. Basit olarak css reseti şu şekilde kullanabilirsiniz; body,div,span,applet, h1,h2,h3,h4,h5,h6, p,a,img,strong,sub,sup,center, dl,dt,dd,ol,ul,li, table,tr,th,td...
- 0 Comment
- 9 Şubat 2016