Git Product home page Git Product logo

coast-guide-of-turkey's People

Contributors

rssems avatar

Stargazers

 avatar

Watchers

 avatar  avatar

coast-guide-of-turkey's Issues

Listeleme sayfasi sabit fotograf yuksekligi

Onat: Fotoğraflar:
Fotoğraflar listelenirken dikey ve yatay olup ölçüleri farklı olan fotoğraflar listelenme yapısını kaydırıyor.
(Panoramiclerde bu güzel oluyor ama normal fotoğraflarda sıkıntı yaratabiliyor)

Örnek olarak: (Dikey olmayan örnek)
https://www.coastguidetr.com/tr/fotograflar/1012200112/d-marin-gocek-marina

screen shot 2014-10-11 at 5 00 56 pm

RSS: Durumu anladim, 2 cozum var, 1.si Masonry http://masonry.desandro.com/methods.html tarzi bir layout uygulamak (3.satiri doldurmayan kutularda kotu gorunebilir). 2. yontem ise kutuya belirli bir yukseklik vermek, o zaman da o yuksekligin ustunde olan gorsellerin tasan kisimlarini gizlemis olacagim.

Is tek satir css kodu ama hangisini uygulayalim karar vermek gerekiyor gibi. 2. secenek en makulu bence.

Onat: 2. seçenek bence de en makulu. Burada hem fotoğraflar hem de panoramikler için ayrı bir ölçü ayarlamak önemli.

Parallax Eklenmesi

Ana Sayfa'daki promo(geniş olanlar) görselleri ile panoramiclerin parallax yapılması.

Sticky headerda bug

image

sadece text değilde o li nin tıklanabilir olması bazen insanlar tıklayamıyorlarmış

Https Sorunu

Https üstünden yayın yaptığımız için dışarıdan çağırdığımız herşeyin https üstünden gelmesi gerekiyor.
Şu an googlefonts http üstünden çağırıyor, başka bu şekilde var mı bilmiyorum, https olarak güncelleyebilir misin?

Fotoğraf Widgetı: Kullanici bilgileri

Onat: Kullanıcılar fotoğraf yüklemeye başlayacakları için yine hoverda kullanıcı avatarı ve ad soyad yazması varsa minik açıklamasını gösterebilecek bir alan yaratabilir miyiz =)

Kullanıcıların avatarının kısmı da bizim için çok önemli =)

Fotoğraf Widgetı: 2 farkli layaout

Onat: Bu biraz başlıca ele almamız gereken bir konu.

Ancak en önemlisi dikey, panoramic ve yatay fotoğraflarda görsel alanı verimli kullanamıyoruz gibi geldi.

Örneğin facebook widgetı fotoğrafın boyutuna göre adapte olabiliyor aslında temelde söylemek istedim bu.
Panoramic geniş ve daha büyük şekilde görüntülenmesi daha keyif veriyor, deneyimi arttırıyor.
Panoramic ise yorum aşağıda olabilir gibi.

RSS: Bu alanda dilersen ben sana 2 tane layout olusturayim, birinde resim full kaplasin, sagdaki comment alani asagi insin, senin de dedigin gibi, fakat bunu css'ten anlayip yapmam imkansiz, senin tarafta belirleyebilir misin hangisinde neyin gelecegini? nasil ilerleyelim?

Onat: Farklı layoutlar olursa ben hangisinin gelmesi gerektiğini anlayıp ona göre ilgili olan layoutu çağırırım. Senin için ok midir? Facebook’ta fotoğraflar yatay ve dikey olarak fotoğrafa göre genişleyip, incelip, uzayıp, kısalabilir.

Fotoğraf Widgetı: JS mantigi

Onat:
Bu alan bizim için çok kıymetli o yüzden ne kadar geliştirebilirsek o kadar kullanıcı tarafında ekstra memnuniyet sağlamış oluruz =)

RSS:
O zaman ben bu alanin sana tasarimi bozmayacak sekilde js mantigini yazayim, sen de uyguluyor olursun abi, su an max 1140px genislik aliyor, bunu olabildigince arttiriyor oluruz.

Onat: Süper, inanılmaz önemli =)

Fotoğraflara 1x1 pxlik şeffaf bir layer ile koruma

Onat: Panoramic fotoğrafları şu an style back. image olarak verdim onun yerine fotoğrafa elle ulaşılamaması için 1x1 pxlik şeffaf bir layer ile koruma sağlayabilir miyiz? Bu korumayı aynı şekilde fotoğraf widgetı ve thumbnaillere de uygulayabilir miyiz?

RSS: Bunun notunu aldim abi, kod olarak ilk yapacaklarim arasinda.

Fotoğraf Widgetı: preroll

Onat:
Hatta belki önemlidir diye fotoğraf widgetı alanında preroll gibi bir uygulama yapmayı test etmek istiyoruz.
Bu yüzden Reklamı Geç butonu ve geri sayımın olduğu bir yapı da fotoğraf widgetında gerekiyor bu sadece video reklam olduğu zaman olacak.

RSS:
Fotograf widgeti dedigin neresi tam anlaymaaidm? popup icersinde mi?

Onat:
Fotoğrafları gösterdiğimiz popupı kastettim =)

300x250 Dil Seçeneklerini kapatıyor

300x250 gelince footerdaki TR EN, opsiyonları kullanımını yitiriyor.

Normal koşullarda dil seçenekleri şimdi durduğu gibi durup 300x250 geldiği zaman bir class ekleme ile yerine değiştirme şansımız olabilir mi?

Temsili olması adına görsel gönderiyorum
screen shot 2014-10-12 at 11 28 29

Kullanıcı Popup Bug

Kullanıcının profile,ayarlara, çıkış yapmasına yarayacak popup 4 li ye göre hazırlanmış. 2 veya 3 tane kullanmak istediğimde görsel bir bug oluşuyor.

screen shot 2014-11-16 at 17 18 32

CSS ekleme istekleri

RSS:
Senin CSS'e ekleyebilir misin dedigin 1-2 class vardi, onlari nereden iletmistin abi? kacirmisim ben?

Onat:
İletmek istediğim classlar: (Sanırım 1 tane :)) )
.hidden {display:none;}

mobil özelinde hoverı kaldırmak

Onat: otoğrafların thumbnailine 2 kere tıklandığı zaman fotoğrafların açılabildiği(linke yöneldiği) feedbacki geldi. Css ile ilgili gibi geldi baktığımda, sen de kontrol edebilir misin? Desktopta böyle bir durum olmuyor.

RSS: Bunun nedeni fotograflara hover effekti vermis olmamiz, yani bir tane ok isareti cikiyor ya, mobilde ilk tabte hover, ikinci tabte click oluyor eger hover tanimliysa. nasil yapalim? eger dilersen hover efektini kaldirabiliriz, sanirim bu durum sadece sizin icin sectiklerimiz alaninda var, karar verelim abi, uygulayayim ben onu mobil ozelinde.

Onat: Sadece mobil özelinde hoverı kaldırabilir miyiz? Web için çok şık ancak mobilde kullanıcı deneyimini bozuyor.

300x250 scroll popup

Onat:
Şimdilik 300x250 scroll popup bizim için önemli :)

RSS:
Bu hani scroll olunca sagdan cikan arkadas degil mi? :) Nokta'ya bu modeli blogcu'da chrome eklentisini tanitmak icin uydurdugum modeldi, yurudu gitti, tamamdir entegre ediyorum ben. bir de kapat butonu oalcak di mi? sen gerekirse koymazsin.

Onat:
Hahhaa, evet, kapat butonu da olabilirse süper olur, ben animasyonları fln ayarlarım =)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.