WordPress – WordPress Nedir? – Kurulum (1)

Sağdan soldan heryerden WordPress lafını duyuyorsunuzdur. Peki nedir bu wordpress? WordPress kendini kanıtlamış bir içerik yönetim sistemidir. Peki içerik yönetim sistemi nedir? İçerik, yani metin, resim, video ve başka bilgilerden oluşur. Temelde belli başlı kategorilere ait olan bilgilerdir. İçeriğin zaman boyutu da olursa (Haberler, günlük gibi.), o zaman bu içerik yönetim sistemine blog denir. WordPress’te […]

Nesne Yönelimli Programlama Mantığı – OOP

Sürekli sağdan soldan duyuyorsunuzdur. Artık hayatımızda OOP ve NYP diye kavramlar var. Bu yazıda size teknik detaylardan daha çok sınıfları neden kullanmalıyız ve mantığı nedir onu anlatmaya çalışacağım. Eğer siz de “ben fonksiyon yazıyorum, oop neymiş yeaaaee” demiyorsanız, kendinizi geliştirmeye de açıksanız oop’nin, yani nesne yönelimli programlamanın faydalarından başlayalım. 1. Kodunuz okunabilir olur. Kodda kullandığınız […]

Tasarımı HTML5 ve CSS3′e dökmek (Son) – CSS Yazma – 2

Bu yazıda CSS Kodumuzu yazmaya devam ediyoruz. Özet navigasyonu bitirdik ve detaylı navigasyonu bitirmemiz gerek. İlk iş detaylı navigasyonla başlayalım. Navigasyonun şu anki durumu bu şekilde. Bunu şu şekle çevirmeliyiz: Yani üst başlıklar yatay ama her üst başlığın alt menüleri dikey olacak. Bunu da #detail-navigation > ul > li{ float: left; display: inline-block; margin-right: 72px; […]

Tasarımı HTML5 ve CSS3′e dökmek (5) – CSS Yazma – 1

Neredeyse herşey hazır. Hala tek satır kod yazmadık. Ama bütün bileşenler yerli yerinde. Şimdi sıra bu bileşenlerin görünümlerini tasarımcının istediği gibi şekillendirmemizde. Bildiğiniz gibi ben bu blog’da PHP veya CSS el kitabı gibi herşeyi detaylı olarak anlatmıyorum. Konuların önce mantığını vermeye, daha sonra mantığını anlayan kişinin de merak ederek üreterek detaylara ineceğine inanıyorum. Sonuçta öğrenmeye […]

Spagetti kod nedir?

Sıklıkla duyduğumuz spagetti kod bütün PHP geliştiricilerinin (ben dahil) içinden geçtiği bi aşamadır. Eğer “ben böyle iyiyim yeaa!” derseniz, içinde “OOP” geçen iş ilanlarından kaçarsınız. Ama doğru dürüst program yazacağım, kaliteli ve uzun ömürlü iş çıkarmak istiyorum diyorsanız, KENDİNİZİ GELİŞTİRECEKSİNİZ. Gelelim spaghettiye. Spaghetti kodun ilk özelliği, hiçbir sınıf veya daha açık bi şekilde nesne yönelimli […]

Tasarımı HTML5 ve CSS3′e dökmek (4) – Bileşenleri yerleştirmek

İmajları aldık, fontları yerleştirdik, css dosyamızı düzenledik. Tasarımcıdan “lorem ipsum” metinleri, navigasyon isimlerini istedik, çoğunu verdi, bazıları için de “eeah, psd verdik ya bak ordan işte” dedi. Dikkat ederseniz hala tek satır CSS kodu yazmadık. Ona da sıra gelecek. Önce tek tek imajlarımızı, menülerimizi, bileşenlerimizi yerleştirmemiz gerekiyor. Bunu böyle yapmamızdaki amaç, CSS olmadan da bütün […]

Tasarımı HTML5 ve CSS3′e dökmek (3) – Klasör yapısı, CSS Framework Seçimi

Tasarımcı arkadaşları psd kesmeleri için zorlayıp imajları, logoları, ikonları ve faviconları aldıktan sonra kullanmamız gereken css frameworküne karar vermemiz gerekiyor. CSS çerçeveleri genellikle 960px genişliğinde ve bizim için ortalanmış ve sayfa bileşenleri için önceden 12’ye bölünmüş genişlikleri kullanabilmemizi sağlayan class’ları verirler. Ayrıca barındırdıkları @media-query’ler sayesinde (responsive) “tepkileşimli” yani gösterildikleri ekrana, cihaza, cihazın yatay/dikeyliğine göre bozulmadan […]

Tasarımı HTML5 ve CSS3′e dökmek (2) – Mantıksal Tasarım

Genellikle tasarımcılar bize tasarımlarını .psd olarak gönderirler ve bu tasarımı bizim koda dökmemiz gerekir. Öncelikle yapmamız gereken, hiçbir süsleme öğesi kulanmadan HTML5 kodu çıkarabilmek için tasarımı analiz etmek. Şimdi tasarıma göz atalım. home.psd dosyamız şu şekilde: Burada tasarımcı bize yardımcı olacak bazı rehber noktaları vermiş. Fakat bizim koda dökmemiz için daha detaylı incelememiz gerekiyor. Bunun […]

Tasarımı HTML5 ve CSS3’e dökmek (1) – Font işleri

Genellikle bir web projesine başladığımda, tasarımcıdan tasarım Psd formatında gelir. Bazı tembel tasarımcı arkadaşlar, aynı psd dosyası üzerinde katman katman çalışıp o photoshop gözleriyle oynattırırlar insanı, buradan onlara sesleniyorum. Ayrı ayrı her sayfa için .psd yapın şunu lütfen. Tasarımı koda dökerken kulaklarını baya çınlatıyoruz o photoshop gözlerini açıp kapatırken. Aşama aşama yapacağımız şeyler şöyle: PSD […]