• css flexible box layout: http://www.w3.org/tr/css3-flexbox/

    css'in yillardir suregelen sikik problemlerini cozmek icin atilmis buyuk adim. artik butun yaygin browserlarin guncel surumlerinde calisir halde ve grid system, alignment gibi bir cok ozellikle geliyor. demolari: https://philipwalton.github.io/solved-by-flexbox/
  • (bkz: draft mraft akarim bununla)

    flex-direction ve flex-wrap property'leri ile hungur hungur aglatan. gencligimiz heba olduydu bunlarin yoklugu yuzunden.

    gelecek nesiller kiymetini bilsin :' )
  • bu gün bile hala tam olarak desteklenmemektedir. tahmin edin bakalım hangi tarayıcılarda? tabii ki internet explorer denen gubidik taracıyıda. edge'de sıkıntı yok ama windows 10'a sahip değilseniz başka tarayıcı kullanmanız gerekir.

    bir örnek verelim.
    normal tarayıcılar flex: 1; kısaltmasını :

    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0%;

    olarak algılarken, internet explorer 11

    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0px;

    internet explorer 10

    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 0px;

    olarak algılar. internet explorer 9 ve aşağısını saymıyorum, onlar hiç desteklemez. ayrıca bu gerizekalı internet explorer, bir elemanın flexbox başlangıç (initial) değerini de farklı algılar. üstelik ie10'da faklı ie11'de farklı. bari biriniz düzgün olaydı dersiniz, o da yok.

    ayrıca eski android versiyonlarındaki ön tanımlı gelen tarayıcı da desteklemez.

    bu kadar gecikmiş olmasının bir sebebi de isimlendirme ve kurallarının belirlenmesinde yaşanan sıkıntılardır.

    şimdi display: flex; olarak yazılan kodu önceleri display:box; olarak yazmak gerekiyordu. ayrıca her tarayıcının kendine has bir önek (prefix) yazmak gerekiyordu. bu durum eski tarayıcılar için hala gerekli.

    bu sıkıntılardan dolayı modern css frameworklar (bootstrap, vb) bile flex olayına girmeye korkuyorlar. bootstrap 4. versiyonunda bile (daha alfa) tam geçmeye korkuyor gibi. nerden biliyorsun derseniz flex için ayrı, eski clear'lı float'lı için ayrı veriyon sunacak herhalde. github'daki repositorisinden anladığım kadarıyla yazıyorum.

    zurb foundation 6. versiyon ile çoktan geçti. google, material design ile geçti. flex ile yazılmış bir çok framework var. fakat onlar da bootstrap kadar yaygın olamadıkları için çok etkili olamıyorlar.

    eğer css ve responsive design ile ilgiliyseniz en kısa zamanda flex layout öğrenmeye başlayın.
    bu bir yatırım tavsiyesidir.
  • artık tüm projelerimde kullandığım nane. bu nedir nasıl çalışır diyenler şu oyun ile öğrenebilirler. bana çok yardımı dokundu.
  • https://lucasgruwez.github.io/waffle-grid/
  • grid benzeri responsive yaklaşımını css standartına getirerek ileride bootstrap tarzı kütüphanelere olan talebi azaltacağını düşündüğüm css3 teknolojisi.

    aşağıdaki linkte çok iyi bir makale var.
    https://css-tricks.com/…ets/css/a-guide-to-flexbox/
  • http://wreply.com/…lex-yapisi-kapsamli-anlatim.html
    yukardaki adresden oldukça detaylı bilgi elde edinilebilir.
    anladığım kadarıyla flexbox;web sitelerine öğe yerleşirilmek istendiğinde;kullanılıbilir boş alana öğeleri en iyi şekilde pozisyonlamak olarak tanımlanabilir. ie 10 ve sonrası tam destek sağlamaktadır
  • artik buna gecmenin vakti geldi de geciyor. yemisim desteklemeyen tarayicilari. ios 6'li ipod touch'imin safarisinde calismayacak diye ben bu nimetten mi yararlanmayacagim? float, clearfix vs. bunlardan kurtulmak bile basli basina bir devrimken hem de?

    hele o flex-basis ile flex-wrap yok mu? *
  • responsive tekniğinide devrim olmasının yanısıra kod karmaşıklığının da önüne geçen flexbox ile css'in en önemli property'si de çöp oluyor (float,clear..vs.) temiz ve okunabilir semantik bir yapı sağlayan flexbox ile aynı zamanda saç baş yormayada gerek kalmıyor ayrıca zamandan tasarruf yaptırmasıda cabası..flexbox > css...
  • sensiz geçen yıllarımı yaşanmamış sayıyorum dediğimdir.
hesabın var mı? giriş yap