Direk içeriğe geç (Enter ↩︎) Erişilebilirlik için geri bildirim gönder (Enter ↩︎)
HTML, CSS, JS, tema, Yama Notu, Web Gelistirme, Web Tasarım

ege-theme Eski Yama Notları

Proje Adı: ege_theme

Geliştirici: Ege Esin

Projenin Başlama Tarihi: 29 Mart 2014

En Son Çıkan Versiyon: 1.0 beta 5 (1000b5)

İçindekiler

  • Tanıtım
  • Güncelleme Notları
  • Gelecek Versiyonlar

Tanıtım

Bu site, kendi adıma yapılacak kişisel bir blog, deneyimlerimi herkese paylaşabilecek bir platform olması için tasarlandı. Sitede; oyun, eğlence, kendi çalışmalarım, bilgilendirme, yardım, haber vs. içerikler barındırılacak. Genel amaç, hobi yapmak ve yardım isteyenlere sade, güvenilir, abartısız, kar amacı gütmeyen bir çözüm kaynağı yaratmak.

Sitenin ilk zamanlarında ücretsiz WordPress.com üzerinden kullanılıyordu. Kısıtlı ayarlarla tasarımı değiştirebiliyor fakat bu yeterli olmuyordu. Dolayısı ile kendi kendime ‘neden sadece kendi istediğim araçları kullanıp, sevdiğim tasarımları uygulamayayım?’ diye sordum. Bu sorunun cevabı ise bu site.


Versiyonlar

Sitenin ilk versiyonu egesite° (egesite v0.x) olarak adlandırılmakta. (Örn. 0.1, 0.2, 0.3, …) Bu versiyonun genel özelliklerine değinilecek olursak, HTML, CSS, JS, jQuery dillerini öğrenme çabalarını öğrenme sonucu oluşturmuş olduğum eski ve henüz kullanıma hazır olmayan versiyonlardır. Yeni yeni eklenen stiller, araçlar, eklentiler vs. bulunur. İlk sürüm 29 Mart 2014 tarihinde kapalı olarak yayınlanmış, 2014 yılının sonlarına doğru 0.x üzerinden güncellemeler yapılmamıştır.

İlk stabil sürüm ise ege_theme v1.0 olarak isimlendirilmiştir. Bu sürüm; ilk defa egeesin.com domaini üzerinde, Sass dili kullanılarak hazırlanan stillerle, WordPress ile stabil, ilk sürüm olma özelliğine sahiptir. İlk versiyonun çıkışının 1. senesinin şerefine Beta sürümü WordPress’te hazır hale getirilmiştir.

egesite v0.1 - 29 Mart ’14

v0.1.1 “İlk Güncelleme”- 29 Mart ’14

  • Eski denemedeki hatalar ders alınarak sitenin iskeletleri ortaya çıktı.
  • Site hakkında verilen bilgiler ve versiyon kısmı eklendi.
  • Yeni site yapımının nedeniyle egeesin.wordpress.com sitesi kenara bırakılıp ‘tumblr, blogger’ gibi varyasyonlara yönlenildi.

v0.1.2 - 1 Nisan ’14

  • Genel olarak stil değişiklikleri yapıldı.

  • Sitenin belli ayarları yapıldı ve responsive hale getirildi.

  • Bootstrap temasını kaynak olarak kullanarak azıcık araç düzenledik.

v0.1.3 - 5 Nisan ’14

  • Sitenin yazı bölümüne bir yarı saydam arkaplan yapıldı.
    ‘ege’ başlığının yerine avatar resmi yeni animasyonuyla eklendi.

  • Gereksiz yere aynı yazılmış bazı kodlar düzeltildi.

  • Sitenin yeni tanıtımı, amacını, içeriğini belirten bir kısa yazı yazıldı.

  • Başlık stilleri ve bazı stiller değiştirildi.

  • Başlıklara ve sonsöz kısmına gölgelendirmeler eklendi.

  • Arkaplan rengi değiştirildi.

v0.1.4 “Webfont Güncellemesi” - 8 Mayıs ’14

  • Sitenin gelecekteki olabilecek temaları şekli planlanarak yeni görünüme başlandı.
  • Yeni ikonlar için svg kodları yazıldı.
  • Google Fonts yardımıyla yeni, özel web fontları kullanımına başlandı. (Exo 2, Press Start 2B, Ubuntu Mono)
  • Bazı renkler düzenlendi.
  • Birkaç kod düzenlenmesi yapıldı.
  • Header geçici olarak temizlendi. Onun yerine navbar kullanılmaya başlandı.

v0.1.5 “Yeni tasarım “Sidebar” - 7 Haziran ’14

  • Site tasarımında değişiklik yapıldı.
  • Yeni ‘Sidebar’ alanı getirildi; top-bar kaldırıldı.
  • Gereksiz kodlar arındırıldı.

v0.1.5.1 “Büyük Güncelleme” - 8 Haziran ’14

  • Tumblr sitesi değiştirildi.
  • İkonlar başarıyla konuldu.
  • Sidebar (aside) arkaplanı gradientli oldu.
  • Tuşlara gölge efekti verildi.
  • Yazıların arasına ayraç konuldu.
  • Alıntı-Quote’ya özel Georgia fontu konuldu, tasarımlarda değişiklikler yapıldı.
  • Yeni ‘ege’ logosunun 192px’lik versiyonu yerleştirildi.
  • Site responsive özelliğini kaybetti (768px genişliğindeki cihazlara destek -verebiliyor)
  • Footer bölümü ‘sidebar’a yerleştirildi.
  • Küçük sayfalar eklendi (Arşiv, Hakkında vb.)
  • Başlıkların (header) boyutlarında değişiklik yapılıp dış alanın boyutu değiştirildi.
  • Sayfaların kenarlarındaki oluşan esrarengiz boşluk kaldırıldı.
  • Tumblr’a özel stil bölümleri yaratıldı.
  • Daha çok Meta etiketleri eklenip bölümlere ayrıldı.
  • Yeni temayla beraber avatar silindiğinde Tumblr’a tekrar aynı avatar eklenildi.
  • Nav Icon’ların rengi beyazdan maviye dönüştürüldü.
  • Iconlar için özel yuvarlak frame yaratıldı.
  • ‘ege’ logosuna hafif svg’li gölge eklendi.
  • Footer / Sonsöz bölümüne “Bilgi alırken lütfen kaynak bildirin” uyarısı eklendi.
  • Tumblr sayfalarındaki linkleme sorunu kalktı, tüm linklere başlık getirildi.
  • Yazı seçme renkleri düzenlendi.
  • index.html dosyasındaki “Site Hakkında ve Versiyonlar” bölümü kalktı, bütün günceler “benioku.rtf” dosyasına aktarıldı.

egesite v0.2 - 16 Temmuz ’14

v0.2.1 - 16 Temmuz ’14

  • Site tamamen yeniden yazıldı; ilk navbar tasarımı geri getirildi.
  • Web-fontu Exo 2’den Oxygen’e çevrildi.
  • Navbar’daki arama kutucuğu için temeller atıldı.
  • Navbar yeniden boyutlandırılarak 64px’lik boyuna kavuştu.
  • Yazılar/manşet kısmında yeni özellik; 640px’den sonra gereksiz doluluktan kurtulup, boşluk bırakıldı. Yazı artık daha okunabilir ve kolay arayüze sahip.
  • Pagination ve Aside bölgeleri içerikleri hariç eklenildi.
  • Bu versiyon ‘egesite 2 veya 2.1’ olarakta bilinir. Dolayısıyla her 5 versiyonda bir site önemli güncelleme alacak. (Ara versiyonlar sayılmaz)
  • Antalya’da yapılan ilk versiyon olma özelliğini taşıyor. ^_^

v0.2.2 - 27 Temmuz ’14

  • İkinci en büyük güncelleme! Arkaplan resimlerinde büyük değişiklik yapıldı. -Artık mobil cihazlarda arkaplan resimleri ‘fixed’ olarak gözükebiliyor.
  • Svg arkaplanı eklendi.
  • Sitenin stillerinde büyük düzenlemeler yapıldı.
  • JavaScript ile yapılan ilk güncelleme olarakta bilinir.
  • ‘Aside’ bölümüne yeni sosyal ikonlar eklendi. (Facebook, Twitter, YouTube, Steam) Artık sosyal medya sayfalarına kolayca erişilebilecek.
  • İkonların başlıklarını kolayca görebilmek için jQuery kullanılarak -‘tooltip’ler kullanılmaya başlandı ve sorunlar çözüldü.
  • Şıklık katmak için navbar’ın üst kısmına 1 px’lik mavi kenarlık eklendi.
  • Artık ikonların üzerine gelince arkaplanında hafif açık renk oluşuyor.
  • Linkler ve ikonlarda ‘transition’ yani geçişler eklendi. @media kullanılmaya başlandı. Artık site mobil cihazlarda da daha entegre.
  • Mobil cihazlarda yüklenmesi kolay olunsun diye arkaplan ‘resmi’ pasifleştirilip svg arkaplanı tutuldu.
  • Tablo stilleri eklendi, artık daha sade.
  • Footer kısmı yenilendi.

v0.2.3 - 13 Ağustos ’14

  • JavaScript, jQuery araçları yavaş yavaş dışarıdan alınmaya başlandı.
  • Yeni bir Ajax LoadingBar getirildi.
  • Paragraf stillerindeki problemler çözüldü.
  • Aside bloğundaki boyut sıkıntıları giderildi; artık mobil dostu.
  • Artık her bir tarayıcı, işletim sistemine göre farklı stil ve görevler yerlerine getirilecek; (Macintosh’ta Helvetica Neue kullanılırken, Windows’ta Oxygen Web fontu, Android mobil işletim sisteminde ise orijinal fontları olan Open Sans web fontu kullanılacak vs.)
  • Ana sayfanın başına ‘gecersiz’ adında kutu eklendi. Bu kutu uyumsuzluk sorunu yaşayan tarayıcılarda uyarı olarak gözükecek ve kullanıcıları modern web tarayıcılarına yönlendirecek.
  • Artık yeni script.js dosyası eklenildi. Bunun sayesinde sayfalar daha hızlı yüklenebilecek.
  • Navbarın üstündeki 1px’lik border/çizgi kaldırıldı.

v0.2.4 - 17 Ağustos ’14

  • Okulun ilk yarısından önceki ilk ve son güncelleme niteliğindedir. (Dolayısıyla yarıyıl ve yaz tatilleri haricinde güncelleme olmayacak.)
  • Sitede önemli JavaScript, jQuery araçları eklenildi. (Nprogress, ResponsiveSlider.js vs.)
  • Sitenin üst kısmına slider eklendi. Böylelikle son yazıların önizlemesi başta gözükmüş olacak.
  • YouTube, uzmancevap.org, medium.com vb. Sitelerin başlarında olan LoadingBar sistemi siteye getirildi. (Nprogress)
  • Sitede bulunan svg kodlarının bir kısmı elenip dosya lokasyonu yazılarak yüklü miktarda boyut kaybı yaşandı. Sayfa artık daha hızlı yüklenecek.
  • Benioku.rtf, Style.css ve Script.js’de yüklü miktarda düzenleme yapıldı.
  • Benioku.rtf’de Geçmiş ve şuanki güncellemelerin görselini açıklayan resimler çizildi.

egesite v0.3 - ’14-’15

Özel dosya güncellemesi - 28 Ekim 2014

  • benioku.rtf’lerdeki güncelleme yazılarının bir farklı dosyada farklı yerlerde olduğu anlaşılınca dosyaları düzeltme kararı aldım. artık siteyle alakalı bütün hikaye, güncelleme geçmişi, tarih, kaynakların hepsi info.txt altında paylaşılacak. Dosyaların karışması halinde maalesef güncellemelerin önizlemesini yapan resim dosyalarıda gitmiş oldu. Tier 3’ün başlangıcı yakındır.
  • Artık bütün versiyonların isimlendirmesi ° yani derece karakteri ile gösteriliyor olacak. 0.x manasında kullanılacak.

v0.3.1 - 14 Kasım ’14

  • Tamamen yeni tema, işlevler ve estetik bir site. Yani büyük bir güncelleme demek.
  • Yeni temada sabah için beyaz arkaplanlı, akşam için siyah arkaplanlı; gerektiğinde göz yormayacak, gerektiğinde ise okunabilir nitelikte gözükecek halde tasarlanmış oldu.
  • İlk defa sosyal medya tuşları çalışabilir hale geldi. Facebook, Twitter, Tumblr, Pinterest, WordPress, Whatsapp, E-Posta,Google Plus gibi tuşlar tasarlandı, bir kısmı çalışabilir hale geldi.
  • Responsive nav için büyük düzenlemeler mevcut; büyük ekranlı masaüstüler için çirkin bir arayüz sunmayacak mobil arayüzde standart kullanım ile stiller düzenlendi.
  • LoadingBar eklendisi kaldırıldı. Daha önemli geliştirmeler için bazı yeni jQuery eklentileri kullanılmaya başlandı.
  • Eski akıllı telefonlardaki SVG dosyalarının gözükmeme problemi çözüldü, artık divlerin içerisinde rahatlıkla geçiş yapılabilecek.
  • Menüler baştan aşağı değişti. Her bir sayfa değil; kategori olarak ayrı ikon, tek düzlem içinde sıralanmış, ‘havalı’ gözüken bir tasarıma düzenlendi.
  • Fontların boyutlandırılması için ’em’ değerleri kullanılmaya başlandı. Mobil, tablet cihazları için yeniden boyutlandırma işleri kolaylaşmış oldu.
  • Menü’de yatay sürüklemeyi kolay hale getirmek amacıyla jQuery Mousewheel eklentisi kullanılmaya başlandı.
  • jKey adlı jQuery eklentisi klavye tuş kombinasyonlarını uygulaması amacıyla kullanılmaya başlandı.
  • CSS kodlamalarında cüzi miktarda küçültmeler yapıldı. Oldukça çok kullanılan stiller için özel classlar geliştirildi, hepsi bir araya getirildi. Örn. .day, .night, .sola, .saga vs…
  • script.js dosyası geçici olarak kaldırıldı.
  • Arama kutucuğu geçici olarak kaldırıldı.
  • Yeni, hoş bir arkaplan resmi eklendi.
  • Ana sayfa yazıları için yeni türler eklendi. Default, Media ve Quote şeklinde. Her bir çeşidin kendine has güzel stilleri bulunmakta.
  • Bütün kaynak dosyaları için files adlı dosya yaratıldı.
  • Yeni, bütün tarayıcı, modil cihazlara uyumlu olan faviconlar geliştirildi.
  • Apple cihazları için website ayrı bir web app olarak ayarlandı.
  • Site için kullanılacak olan yeni kategoriler eklendi, devam etmekte. Örn. Çizimler, anketler, hakkımda vs…
  • Site notları için yazılan dosya info.txt dosyası içerisine eklendi. Artık bulunan notlar Plain Text şekliyle kaydedilecek.

v0.3.2 “Uncalı”- 6 Aralık ’14

  • [Kod Adı Güncellemesi] Türkiye’deki ilçe isimlerini kod ismi olarak kullanmaya başladım, ilk olarak yaşadığım yer Antalya’dan olsun şimdilik.
  • Yeni arama kutusu nihayet geri geldi, buglarla beraber. 🙂
  • Türkçe karakter içeren, modern görünümlü Monsterrat ve Sax Mono adlı web fontları kullanıma başlandı. Her türlü tarayıcıya uyumlu olabilecek dosya formatlarıyla beraber.
  • Navbar’da display:table özelliği kullanıma başlandı.
  • Navbar’da bulunan ‘+’ tuşu tıklandığında 45 derece donerek kapatma tusu olarak gözükebiliyor.
  • jQuery özellikleri yoğun olarak kullanıldı.
  • CSS-Trick sitesinden oldukça yararlı olabilecek snippetler kullanıldı.
  • Alınan snippetler yardımıyla eski tarayıcılara destek getirilmiş olundu.
  • Navbar’ın gölgesi artık daha gerçekçi.
  • :focus, button ve form stili kullanıma geçti.
  • paper tasarımındaki border-radius değerleri küçültülerek biraz daha gerçekçi kağıt köşeleri yaptık. Bütün geniş radyanlı kutuların radyanı azaltıldı. Daha sade görünümlü bir tema oluşturuldu.
  • Gece teması stillerindeki buglar giderildi.

Tier 4’e Geçiş Süreci Güncellemesi - 6 Aralık ’14

Son zamanlarda sitede yüklü, olmazsa olmaz araçlar kullanmayı planlıyorum. Bunlar widget, sorunsuz bir arama kutucuğu ve slider’ı geri getirme çabalarından olacak. Fakat yeni bir widget özelliği ekleyebilmek için HTML iskeletini baştan aşağı değiştirmek ve stil class/id’leri değiştirme kararı doğurduğundan dolayı, 3. defa siteyi yeniden yazacağım. Siteyi yeniden yazarken bu zamana kadar sazan gibi hep aynı metadatalar, sık kullanılan classlar vs. kodlamalar yapılıyordu. Ama artık bu önemli sorunun önüne geçmek için ‘important.css’ adında yeni bir dosya yarattım. Bu dosyada çoğu genelde kullanılacak olan snippetler, h1,h2, tablo, liste stilleri vs. stil kuralları bulunuyor olacak. Diğer bir yandan her yeni bir versiyonda HTML’deki olmazsa olmaz meta dataları yeniden toplu bir şekilde alabileceğim bir dosya daha yarattım. Bu iki ‘sidekick’lerle beraber her yeni versiyonlarda daha sade, tertipli bir site kuruyor olacağız. Bu ayrı dosya yaratma meselesi haricinde nav-icon, menu-icon gibi simge kaynaklarımızın sayısı oldukça fazla olduğu için bütün kaynakları tek bir resim içerisinde tutarak viewbox özelliğini kullanmayı düşünüyorum. Bunun sayesinde gelecekte kullanabilecek olacağım simgelerde olacak, yeni simge tasarımı değiştirileceği zaman sıkıntı yaratmayacak bir yardımcı olacak. Yeni Tier 4’de işi daha kolay hale getirerek daha çok özellikler olacak. Önceden belirlenen 2015 yılının aksine daha erken zamanda (2014’ün son ayı olan Aralık, belki 2015 değecek kadar) Tier 4’ü oldukça yüklü özelliklerle yeni tasarımdan çok, olması gerektiği araçların olduğu bir site olmuş olacak. Bütün bu CSS HTML sorunları çözüldüğü vakit jQuery, php sistemlerinde öğrenmem gerek birkaç temeller olacak. Bunlarda belki Tier 5’e kalır belki. 🙂

Epic Fail Güncellemesi

Ayrı ayrı dosyalar açtığımızdan dolayı yaşanan sorunlar nedeniyle sitenin yeniden yazımı olduğundan çok uzun sürdü ancak sorunlar çözüldüğüne göre sitenin yeniliklerine geçebiliriz. Hadi hayırlısı…

egesite v0.4 - 9 Aralık ’14

v0.4.0 “Yağmur” - 6-9 Aralık ’14

  • Bu hafta Antalya’da bardaklar boşalırcasına yağmur yağmasının ve radikal değişiklik geçiren sitemizin anısına kod adı ‘Yağmur’ oldu.
  • Yeni widget sistemi getirildi. Responsive sistemine uyumlu.
  • Eskiden kullanılmaya başlanılan slider sistemi daha çok araçlarla beraber geri döndü.
  • important.css, vs. dosyalar ayrıştırılarak bir düzende site yazıldı ancak iletimsizlik hatasından dolayı tekrar tek bir kaynak olan style.css’e geçirildi.
  • style.css’teki stil kurallarının dizilişleri düzenlendi. Artık stil kuralı eklemek daha kolay ve sade.
  • socailbox (yeni ismiyle .paylas olacak olan) geçici olarak askıya alındı. Fakat yakında dönecekler.
  • Arama kutusu uzun uğraşlar sonrası tekrar geri döndürülerek hatasız bir biçimde yeniden yaratıldı.
  • Önceden jQuery kodlarının harici dosyada geçerli olamamasından dolayı yaşanan sorun çözülerek script.js adlı dosyayı yarattık. Böylece HTML dosyası biraz ferahladı diyebiliriz. 🙂
  • Birkaç stil sorunları halledildi.
  • webkit yani bir yandan iPod, vs. cihazlara özel stil metodları kullanılmaya başlandı.
  • nav ve menü artık daha ‘yapışık’. Bu bitirim ikili ekranın üstüne gelince yapışıyor, üstten ayrılınca çıkıyor. jQuery kodları sağolsun. Uzun lafın kısası navigasyon çubuğu artık daha iyi.
  • Çoğu yerde display:table kullanımına başlandı.
  • Artık ikonlar ayrı ayrı dosya yerine tek resim dosyasından kaynak edilecek. svg yerine img kullanımına başlandı. Tabi retina kullanıcılarını unutmayarak @2x resimleride kullanmayı ihmal etmedik.
  • Menudeki ikonların başlıklarında birkça bug meydana geldi.
  • Search bölümü işlev açısından tam olarak geliştirilemedi. (Tasarımsal sorun değil)
  • Slider’daki navigasyon tuşları henüz ayarlanmadı.

v0.4.1 “Muratpaşa”- 14 Aralık ’14

  • Slider navigasyon tuşları için simge setimizdeki okları kullandık. Geçici olarak kullanılacak.
  • Menü ikon başlıkları data ekleriyle kullanıma başlandı. HTML’de bulunan başlıklar artık :after olarak gözükecek. İkonlara daha iyi animasyonlar getirildi.
  • HTML’deki ek olarak yazılan script
  • Formlardaki gece temasındaki siyah gözükmesi sıkıntısı giderildi.
  • Sık kullanılan stil kuralları daha da zenginleştirildi.
  • Retinalı ekranlardaki ikonların daha net gözükmeme problemi çözüldü (Safari’de sıkıntı devam ediyor maalesef)
  • perfectScrollbar için stil düzenlenmesi yapıldı. Yeni kaydırma çubuğu artık mavi ve border-radius’ları sıfırlandı. Daha sert görünümlü.
  • Safari’deki bazı animasyonları oynatamama problemi çözüldü, eski tarayıcılar için önek kullanımlarına başlandı.
  • Gereksiz kodlardan arındırıldı.
  • Arama kutucuğuna bazı animasyonlar eklendi. Hover, Active, Focus vs.
  • Safari’deki ° karakterinini URL’de okuyamaması sebebiyle, sitenin dosya başlığı ‘egesitev0.4’den ‘egesite4’e değiştirildi. egesite 4.0 olarak anlaşılmaması için, 1.0 sürümüne kadar harici dosya olarak değil, WordPress’e aktarmak amaçlı kullanılacak.

Uzun bir ara/Nice senelere- 22 Aralık ’14

Görünüşe göre bir yılbaşı, bir sınav maratonu yaklaşmakta. Şuan savaşın ortasındayız maalesef. Şu sıralar eksik ama aşırı önemsiz kodlar kalmış idi. Fakat yeterince zaman kalmadığından ele birşey geçmiyor. Şuan ki mola içerisinde yapabildiklerimizi yazalım o zaman. Geçen ve bu haftasonu biraz yeni logo üzerinde durduk ve kişisel dosyalarım için düzenlemeler yaptım. Vakit öyle geçiverdi. Şuan yazdığım haftasonu içerisinde iken yeni logo ile beraber gerektiren yeni bir favicon serisi hazırlandı ve nihayetinde sona erildi, tumblr linkleri hazırlanıp saklandı. Bu Tier 4’de bayadır Tumblr’a önizleme için hazırlık yapamadık. Ve muhtemelen yapıldıktan sonra süper bir bug dalgasına gireceğimizi düşünüyorum. İnşallah olmaması dileğiyle… Eğer ki güncelleme yazısı olmaz ise -ki gerçekten olacağını düşünmüyorum- buradan sitemizle geçirdiğimiz ilk yılbaşını kutluyorum. Zaten siteyle başladığımız ilk serüvenin tarihi olan 29 Mart’a biraz daha yaklaştığımız için, bu da demektir ki ilk yıldönümü yaklaşıyor demektir. O zamana kadar bütün gerçekten ‘ciddi’ işleri hallettikten sonra nihayetinde siteyi yayına hazırlamayı planlıyorum. Tabi baştan itibaren yazdığımız gibi ‘egeesin.com’ domainine sahip olacak bu site. egees.in diye alternatifler düşünmüştük ama Hint olmadığımızdan sıkıntı yaratacağından işler büyüyebilirdi. 🙂 Şimdilik ve en iyi haliyle egeesin.com olacak sitemiz. WordPress’teki eski blog yazıları da yine aynen geçirilecek. Paginator olayınıda belki bu sırada keşfetmiş ve bitiriyor olacağız. Her ne kadar stil olarak gerçekten siteyi geliştirebilsekte hemen hemen her websitelerde olması gereken malzemeler yok. Ona göre deneme-yanılma, kopya çekerek, bir yöntemle siteyi hazır getirmeyi çalışacağım. Neyse saat gecenin yarısı 0.53, gidip yatmam gerek, yarın da sınav var. 🙂

  • Yeni logo, yeni faviconlar…
  • Tumblr kaynak linkleri düzenlendi.

v0.4.2 “Kepez” - 27 Aralık ’14

  • Blockquote, Quote ve Var tipli olan fontların Georgia olmaması sorunu halledildi.
  • Yapışkan navbar script’inde düzenleme yapıldı.
  • Responsive Slide yeniden yapıldı artık eklentiye gerek yok, daha basit, gereksiz kodlar olmaksızın.
  • Retina sorunu kökten çözülerek img’den tekrar svg dosyaya geçildi.
  • Tam boyutlu arkaplan resmi kaldırıldı. Parallax arkaplanına dönüldü. Özel bir arkaplan yapıldı.
  • Media’da bulunan gereksiz stil kuralları silindi.

v0.4.3 “Kemer” - Ocak ’15

  • Hyphenator.js 4.3 kurumu yapıldı; artık yapılan paylaşımlarda kestirme işareti konuluyor olacak. Daha düzgün bir dizilim vs.
  • Kurdele bugları halledildi.
  • Stellar.js üzerinde çalışan arkaplan resimlerinin WebKit mobil tarayıcılardaki tuhaf görünüm sorunu çözüldü.
  • Sol alt kısma minik bir menü yerleştirildi. Buradan temayı sabah/gece yapabiliyor, ekran çözünürlüğünü görebiliriz.
  • Footer’daki erişimsizlik nedeniyle Stick Footer snippeti silinip jQuery’de çalışan versiyona geçildi. Artık footer’daki linkler nihayetinde tıklanabilir halde.
  • start.html adında yeni bir sayfa yapıldı. Blogun girişinde böyle bir sayfa ile karşılaşıyor olacağız. Bunun üzerine div#grid adı altında yeni bir alan yapıldı.
  • Yeni hoş görünümlü bir gökyüzü arkaplan yapıldı.
  • Yazı kısmındaki .media içeriği geçici olarak kaldırıldı.
  • Artık gece modunda iken ikonlar beyaz renge bürünecekler.
  • Yeni bir GTA Vice City hile kodu yapıldı. Bu da sır olsun. 😉

İlk WordPress Sitesi/Güncellemesi - 10 Ocak ’15

  • Yerel bir sunucu kurulup nihayet WordPress entegrasyonu sağlandı. Bununla beraber sonraki sürümlerde WordPress’e ağırlık verilecek elementler yapılacak. Ve yeni bir kodlama dilini öğreniyor olacağım; php.
  • Ayrıca WordPress’e geçişten sonra sitemiz baştan aşağı kodlanıyor olacak. Daha düzgün, bir ızgara sistemiyle beraber gelecek.

v0.4.4 ‘Kurtuluş’ - 19 Ocak ’15

  • Bölümlerin boyutları baştan aşağı değişti. Bazıları cüzi miktarda küçüldü, bazıları büyüdü.
  • Sık kullanılan class’ların isimleri değişti, artık daha çok kullanılıyor olacak.
  • night.css kalktı, artık geceleri farklı bir tema yüklemek yerine jQuery yardımıyla stili değişecek elementler kökünden değiştiriliyor olacak.
  • Önceki kullanımda olan menü, ismi değişerek bir varyasyon olarak kaldırıldı; fakat stil kuralları olduğu gibi kalacak. Yeni menü sistemi sadece kategori başlıklarından oluşuyor olacak.
  • Arama kutucuğu çalıştırılabilir hale getirildi. (WP)
  • Tagbar tasarımı eklendi.
  • Socialbar elementinde ufak değişiklikler yapıldı.
  • WordPress için, resim stil kuralları değiştirildi. Bununla beraber Featured Image için farklı bir tasarım geliştirildi.
  • SyntaxHighlighter kurumu yapıldı; bazı paylaşımlarda kod yazma ihtiyacı doğabileceğinden kod kutusu stilize edilerek düzenlenmiş oldu.
  • Daha büyük ekran genişliğine sahip kullanıcılara özel daha iyi geliştirilmiş responsive düzenlemeler yapıldı. Boş alan kaplayabilsin diye fontlar daha da büyütüldü, widgetlar (-öhöm artık sidebar) daha yana kaydırıldı.
  • Bazı class, id’lerin isimleri değişti.
  • CSS’deki gereksiz width kuralları kaldırıldı; artık gelecek işlerde sorun çıkartmaz.
  • reset.css adlı çalışmalar eklendi. Tablo stillerinde önemli temizlemeye gidildi, liste stili tamamen kapatılarak bazı kod yığınından kurtulduk.
  • perfectScrollbar.css dosyası kaldırılarak style.css’e taşındı. Artık harici dosya olarak kullanılmayacak.
  • mainbox, sidebar_left, sidebar_right gibi elementler için stil kuralları hazırlanmaya başlandı.

egesite v0.5 ‘Meltem’ - 27 Ocak ’15

  • Yepyeni bir searchbar (arama kutucuğu) yapıldı. Pop-up şeklinde olması özelliğiyle mobil uyumlu da.
  • night.css kaldırıldı artık her tema değişiminde dosyalar eklenme sorunu ortadan kalkacak. Bütün kod yığınları script.js’ye taşındı. Gelecekte çıkabilecek sorunlar için elemeler yapılacak. (Uzun lafın kısası dünya kadar bug olacak 😀 )
  • Sitenin iskeletinde ilerde çıkabilecek sorunları engelleyebilmek için temiz, düzenli değişiklikler yapıldı.
  • Mobil kullanıcılar için kutucukların arasına 8px’lik boşluk bırakıldı.
  • Menu (yeni ismiyle menu_icon) navigasyon çubuğunun içine girdi. Cüzi miktarda olsa da script’teki bazı kodlardan arındırılması sağlandı.
  • Bazı gölgelendirmeler kullanılmaya başlandı.
  • Etiketler kısmı (tagbar) eklendi. WordPress için tasarlandı.
  • Webkit tarayıcılardaki otomatik font boyutlandırması ile ilgili sıkıntılar çözüldü. Landscape iPhone ekranlarında font artık normal boyunda gözüküyor olacak.
  • Stillerde hafif değişiklikler yapıldı.
  • Mobile uyumlu yeni liste menüsü yapıldı. WordPress için tasarlandı.
  • iPhone 320 genişliğindeki cihazlarda yaşanan sağa kayma sıkıntısı giderildi.
  • WordPress’e özel olarak yeni sitenin yeni sayfaların yapımına başlandı.
  • Nav, Menü gibi kutucuklar üzerinde seçme işlemi yapılmaması sağlandı.
  • post .media bölümü tamamen kaldırıldı.
  • Slide kısmı geçici olarak askıya alındı, daha iyi çalışan responsive slayt eklentisi için çalışılacak.
  • Yeni searchbar tasarımına özel, search ikonu yeniden tasarlandı.
  • Navmenu (Liste Menü) için yeni ikon yapıldı.

ege_theme v1.0 - 29 Mart ’15

v1.0 beta 1-2 - 29 Mart ’15

  • egeesin.com domainine geçişteki ilk site olma özelliğine sahip. İlk yaş günü kutlu olsun. ^_^
  • div elementlerinden çıkılıp HTML5 elementlerine geçildi. (nav, menu vs.)
  • Site artık daha ‘responsive’. Kutucukların enleri artık yüzdesel değere sahip. 1920px, 1440px, 960px, 488px, 320px gibi enlere sahip olan cihazlarda uyumluluk sağlanıyor olacak.
  • Menüde kullanılan ikonlu menüler artık kaldırıldı. Direk listeli menüye geçildi.
  • Navigasyon ikonlarının büyüklükleri 32’den 36’ya pixel yükseltildi, navigasyon üzerinde hafif tasarım değişiklikleri yapıldı.
  • Menü açılış animasyonu değiştirildi.
  • Arkaplan resmi ile ilgili önemli değişiklikler yapıldı. Artık orada bir renk filtresi olacak. Böylece arkaplan resminin yazıları okunaklı olmamasını engelleyecek. Aynı şekilde koyu ve açık renk seçenekleri mevcut.
  • Webkit tarayıcılarında olan çirkin webfont kalınlaştırılma işlemi engellendi. Artık tüm kullanıcılar kalın fontu daha iyi şekilde görebilecek.
  • Tablo stilleri tekrardan düzenlendi. Demodaki th etiketinin olmaması problemi halledildi.
  • Heading’lerin font büyüklük farkları çoğaldı. Dolayısıyla her h1,h2,h3… etiketi kullanışlı olabilecek.
  • Socialbar ikonları tekrardan düzenlendi. Yazının linkini kopyalayabilme seçeneği getirildi.
  • Yazının bittiğini gösteren küçük :after eki ile yapılan ayraç yapıldı.
  • Footer elementinde küçük tasarımsal değişiklikler yapıldı.
  • Arama kutucuğu menünün içine taşındı.
  • Yazının içinde kullanılan çoğu elementlerin altlarında boşluk bırakılması sağlandı. Artık daha düzgün yerleşime sahip.
  • WordPress’teki WISYWG için kullanılan elementlerin varsayılan stilleri yazıldı. Artık resmin konumlandırılmasında sıkıntı yaşanmayacak.
  • Artık Sass programlama dili üzerinden stil düzenlenebilecek. Özellikle ‘Nested’ edilmiş elementlerle beraber sitedeki elementlere stil verirken sıkıntı yaşanmayacak.
  • Night.css tamamen tarih oldu; style.css’e taşındı. Otomatik temada artık ‘html’ elementine class eklenip/çıkarılarak çalışıyor olacak. Böylece gece teması için ayrı dosya gerekmeyecek; WordPress’te rahatça kullanılabilecek.
  • WordPress için, liste menülerinde sub-menu eklendi.
  • WordPress’te kullanılan bütün şablonların (header.php, footer.php, index.php, loop.php, archive.php, …) yapımı tamamlandı.
  • ‘textarea’, ‘input’, ‘button’ gibi form elementlerinde stiller verildi. Yorum yazma bölümü artık daha şık.

v1.0 beta 3 - Nisan-Ortası ’15

  • WordPress’teki ‘single.php’ ve ‘page.php’ şablonlarındaki eksik yazım giderildi.
  • Socialbar’daki element konumları değiştirildi; Böylece açılabilir seçenek kısmında JavaScript’e gerek kalmayacak.
  • Navigasyon menüsünde radikal değişiklikler yapıldı; İkonların yanında artık sayfa ismi de yer alacak, ayrı kategoriler için aralarında ayraç bulunacak, sadece logo ve artı sembolünden ibaret olmayacak.
  • Footer kısmında WordPress’te kullanılabilecek bir menü bölümü oluşturuldu.
  • Header için özel bir menü çubuğu oluşturuldu.
  • Arama çubuğundaki element adlandırılmalarındaki problem giderildi; artık daha doğru görünüme sahip olacak.
  • Bileşenlerin olduğu kısımda önemli düzenlemeler yapıldı.
  • ‘menu’ elementinin ismi değiştirilerek ‘div#sidebar’ adı altında kullanılacak. Adı üstünde, içinde sadece bileşenlerin bulunduğu bir bölüm yapılacak.
  • Sitenin adına özel yeni logo yapıldı.
  • Sitenin dışında, ‘about.txt’ kısmında sitenin tanıtımı düzenlendi.

İsim Değişikliği - 14 Nisan ’15

Projenin ismi, gelecekte olabilecek yanılsamaları engellemek amacıyla; “egesite”den, “ege_theme” olarak değiştirildi. Proje, 1.0’ın tam sürümü dahil, değişiklik yaşanmadığı takdirde artık “ege_theme” olarak bilinecek.

v1.0 beta 4 - 14 Nisan ’15

  • Arama kurucuğu menüden kaldırıldı. Artık navigasyon menüsündeki ikona tıklayarak kolayca ulaşılabilinecek.
  • SVG uzantılı ikon dosyaları artık olarak değil Inline SVG metodu ile kullanılmaya başlanacak. Bu da stilize edilebilen ikonların önünü açtı. İkonlarda stil düzenlenmesi ve daha fazlası yapılabilecek. Ayrıca bu ikonlardaki tarayıcı desteği de artmış oldu. Daha eski tarayıcılar ikonları görüntüleyebilecek.
  • Sass’da navigasyon ikonlarının yan boşluklarını, kendi boyutunu daha kolayca ayarlayabilmek için değişkenler kullanıma girdi. En sık kullanılan ve sık değiştirilmesi beklenen stil kurallarında değişkenler kullanılarak, tek bir yerden bütün stiller değiştirilebilinecek.
  • Fare üzerinden :active üzerinden bazı stil eklemeleri yapıldı.
  • ‘Fazla’ menü eklendi. Mobilde ayrı olarak açılabilen bir bölüm eklendi.
  • Mobildeki navigasyon elementinin stili büyük ölçüde düzenlendi.
  • Yan Menü artık 1536 değil, 1280px büyüklüğe sahip ekranlarda da gözükebilecek.
  • ege_theme adı altındaki ilk sürüm olma özelliğini taşır.
  • HTML dosyasında, özellikle yan menü ve navigasyon bölümünde köklü değişiklikler yapıldı.
  • Inline SVG’nin kullanılmasıyla beraber socialbar’daki çoğu ikonlar artık daha destekli durumda.
  • Firefox’un CSS’deki background-position-y’yi çalıştıramaması durumunda ‘socialbar’daki ikonların düzgün gözükmemesii problemi halledildi.
  • clearfix, Sass yardımıyla artık HTML’den çıkarıldı ve direk element stillerinde kullanıldı.

v1.0 beta 5 - 23 Nisan ’15

  • Bayram zamanına denk gelen ilk versiyon olma özelliğini taşıyor. ^^
  • Navigasyon menüsünde nihayet ‘tooltip’ler eklendi. Artık 1280 pikselden büyük ekrana sahip kullanıcılar, navigasyon ikonlarının yanında isimlerini görebilecekler.
  • Birkaç elemente box-shadow süslemesi yaptık.
  • Yeni yapılan #modal’in çocuk elementlerinde büyük stil güncellemeleri yapıldı.
  • Menü elementinde kullanılan iletişim vs. stilleri kaldırılıp #modal’e taşındı.
  • Kategoriler ve Son Yazılar seçeneklerinden vazgeçildi. WordPress’te menü elementinin içinde listelenmiş olacak.
  • [Henüz bitmedi!] Yeni Portfolio bölümü eklendi. Kendi adım üzerine yaptığım bir takım çalışmalarımı sitenin takipçilerine, iş verenlere, ilgililere gösterebilmek için kolay bir platform yaptık.
  • WordPress’te erişilen sayfaların başlıklarını gösterebilmek için yeni #page_title elementi yaratıldı ve stillendirildi. Ana sayfada, arşivlerde vs iken her yerde sitenin başında gözüküyor olacak.
  • Navigasyon, menü ve alt menü elementlerinde border/hr kullanımı değiştirildi.
  • Geçen güncellemede yapılan yeniliklerin sebebi ile eksik kalmış birkaç gece teması stilleri tamamlandı.
  • Header elementindeki site başlık bölümünün açık renklilerde pek okunabilir olmaması sebebiyle text-shadow eklenildi.
  • Box-shadow’un kullanıma girmesiyle beraber, kendi ‘mixin’indeki sorunlar giderildi.
  • ege_theme logosunun sitede bulanık gözükmesi problemi giderildi.
  • Yeni Araçlar seçeneği navigasyon bölümüne getirildi. Bununla beraber ‘Temayı Değiştir’ seçeneği oraya taşındı. Geliştirici malzemeleri için ve site hakkında bilgi almak isteyen kullanıcıları hedefleyen bir bölüm olacak.
  • Hakkımda, İletişim vs. elementlerindeki içeriklerin yapımı tamamlandı.
  • Birkaç eksik elementlere, geçişler (transition) eklendi.
  • Blog yazısı içeriğindeki linklere birkaç stil eklemesi yapıldı.

Gelecek Versiyonlar

Yapmayı planladığımız yeni versiyonlar ve tarihleri burada verilir.

  • ege_theme v1.0 GM ‘Zaman’ Nisan-Sonu ’15
  • ege_theme v1.1 Mayıs ’15
  • ege_theme v1.2 Mayıs-Sonu ’15
  • ege_theme v1.3 N/A
  • ege_theme v1.4 N/A
  • ege_theme v1.5 N/A
  • ege_theme v1.0 Tumblr Edition N/A
  • ege_theme v2.0 Beta Temmuz ’15
  • ege_theme v2.0 GM Temmuz-Sonu ’15
Twitter | Instagram | GitHub | Behance
Humans.txt • Bu site bendeniz tarafından tasarlandı, 11ty ile oluşturuldu. • 20082019