Flex bilmeyen var mı?

Flex hayatımıza girdikten sonra tasarımların mobile nasıl uyumlu olacağını düşünmek zorunda değiliz. Basit ve kısa flex css kodları ile sitenizi hızlı bir şekilde düzenleyebilirsiniz. Kodlara bakmanız için açık ve kodları html’in içine basılmış ve bir dökümanda birleştirilmiş halde kullanmak isteyenler için buraya koyuyorum. Flex css kodları basit ama yeni browser’lar için biçilmiş kaftan. Anlaması ve yazması kolay. Zaten kodları incelediğinizde abartılacak birşey olmadığını ve tasarımcılarında kendi kodlarını kolayca yazacağını veya yazması gerekmeden bu kodlarla sitesini oluşturabileceğini göreceksiniz. İşin detayı tabiki size kalıyor. Kodlarınızı test etmek için http://codepen.io/ sitesini kullanmanızda yarar var. Aynı zamanda bu site sizin kodları test ederek cross browser…

UI Kit – Web Designers

Basit bir UI Kit özellikle UI Kit arıyorsanız, bundan yararlanabilirsiniz. Basit form gereçleri için küçültülmüş versiyonunu paylaşıyorum. Renklerini pds dokumanından değiştirebilir kendi renklerinizi yarlayabilirsiniz. UI Kit PSD’sini indir

Web Form UI Kit

Tasarımlarınızda özellikle bu tarz UI Kitler gerekiyorsa, renk alternatiflerini kendiniz üretebilirsiniz. PSD dökümanını indirerek en altta bulunan Layer’ın renk kaplama özelliklerini kendinize göre değiştirin. UI Kit PSD indir

Mobile UI Kit PSD

Mobile UI Kit özellikle web ortamında en çok arananlardan. Bu UI kit’i tasarımlarınızda kullanabilirsiniz. iPhone mobile telefonları için bir görseli, yani en çok kullanılan bir UI Kit örneğini Türkçeleştirdim. Umarım beğenirsiniz. Mobile_UI – PSD versiyonunu buradan indirebilirsiniz.

Okullara kodlama dersi geliyor, hadi hayırlısı

Kodlama dersi ortaokul ve liselerdeki müfredatta yerini alıyor, Sanayi Bakanlığı müjdeledi, gelişmesi için zaman gereken ama bir çok güzel geleceğe kapı açacak bir uygulama. Hayırlı olsun. Sanayi bakanlığı’nın bu hamlesi gelecek nesiller için artı bir değer katacağı kesin. Ama kodlama uzmanlarının okullardaki müfredata nasıl adapte edileceği ve nasıl bir çizelge ile öğrenime geçeceği sanırım yakında belli olacaktır. Bakan IŞIK: Milli Eğitim Bakanlığımızla yapacağımız çalışma ile Kodlama dersini Ortaokul ve Liselerde Müfredeta alacağız. — Sanayi Bakanlığı (@TCSanayi) 17 Ocak 2016 Hemen kodlamaya başlayan ve kodlama öğrenmeye gönül vermiş çocuk kitlelerinin oluşacağı zaten aşikar. Eğer güzel bir sistemle sanayi bakanlığı’nın başlattığı bu…

Milligram CSS Framework

Minimalist yapısı ile Milligram, fazladan yüklerden ve Kb’lardan kurtulmanızı sağlayan, görünüşü, kullanımı ve uygulanması kolay bir framework. Fazla yük, kalabalık istemeyenler için hayati değeri var. Diğer framework, css kodamanlarının yoğunluğunu yaşamadan içine siz kendi kodlarınızı ekleyerek geliştirebilir. Mb ve Kb sıkıntısından muzdarip hosting’lerde görüntülenmeyi hızlandırabilirsiniz. Bir deneyim yaparak indirmeyi başlatın ve kurun. Ne kadar basit olduğunu göreceksiniz. http://milligram.github.io/index.html  

Instagram post dimensions

Instagram popüler network 300 milyon aktif kullanıcıya sahip, ister videonuzu ister anlık fotoğrafınızı paylaşın. Çektiğiniz veya ekleyeceğiniz videolarda bazı sınırlar ve pixel aralıkları var. Hızlı büyümesine rağmen siz kendi sosyal çevrenizi büyütmek istiyorsanız, beğenilecek fotoğraflar çekmeli ama sizde sizi beğenenlerin fotoğraflarını beğenmelisiniz. Yoksa gerçekten zor büyür sosyal ağınız. Instagram için ölçüler 612x612px fakat Instagram bunu 640x640px’e fiksliyor. Ama siz retina ekranlarıda düşünerek çözünürlüğü 1080×1080 olan fotoğraflar ve cep telefonunuzdan hd filmler ekleyebilirsiniz.

Ozozo.com

Ozozo.com‘da tüm alışveriş sitelerindeki ürünleri karşılaştırmak için bir site yaptık. Front-end ve back-endci arkadaşlar siteyi baştan sonra büyük bir titizlikle planladılar. Her adımında kullanıcıların neyi nasıl görmek istediğini tartışarak geliştirdik ve ortaya çıkardık. Ellerimize sağlık gerçekten kullanışlı ve hızlı bir site oldu. Üretim aşamasında alt kategorilerin, detay sayfaların nasıl dizayn edileceğini ve sonra hangi sitelerden nasıl ürün çekeceğini birerbirer tasarladılar. Ozozo.com‘un genel karşılaştırma sitelerinden bir fazlası da hızıdır. Ozozo.com bir fiyat karşılaştırma sitesi Fiyat karşılaştırma sitesi Alt kategoriler Ürün karşılaştırma sistemi Ürün detay sayfası

Css3 UI Kit

Pure Css3 kodları ile güzel bir UI kit oluşturabilirsiniz. Css3 neye mi yarar? İşte bu kodlarla tüm web sayfanızdaki elementleri tek bir hamlede hem browserlara uygun, hem de güzel bir şekilde gösterebilirsiniz. (Not. Her browserda aynı şekilde görüntülenmez, güncel browserlarda daha çok verim alırsınız. Bu aklınızda bulunsun.) Sitenize girenler güzel bir arayüzle karşılaşırlar. Kaynak dosyanın kodlarını aşağıdan indirebilirsiniz, html dosyası ile güzel bir arayüze sahip olacaksınız. Tabi bu sadece html dosyası ile yeterli değildir. Css için style ve javascript için jquery’nin damarlarındaki kandan yararlanılmıştır. Dökümanın içinde html içinde verilen linkleri gözden geçirdiğinizde style.css ve jquery.min.js linkleriyle karşılaşacaksınız. Bilmiyorsanız panik yapmayın, kodlar zaten…