Tasarımın Evrimi

17 Aralık Perşembe günü Sakarya Üniversitesi öğrencileriyle buluşmak ve sohbet etmek için yollara düştük. Tasarım ve IoT konulu etkinliğimizin sonunda da öğrencilerin sorularını cevaplayacaktık. Öyle de oldu. Saat 10 gibi Burak Özkan sazı eline aldı ve “Bir Mühendisin Gözünden IoT” isimli anlatımını yaptı. Gömülü sistemler, Big Data, Sensörler ve IoT’nin temas ettiği birçok konuyu ele alan anlatım ilgiyle dinlendi.
(daha&helliip;)

Devamını Oku


CSS ile Mobil Menü

Özellikle mobil uygulamalarda gördüğümüz açılıp kapatılabilir menü örnekleri artık web tarafında da fazlasıyla kullanılıyor. Minimalist tasarımın vazgeçilmezi haline gelen bu yapı, genellikle responsive web sitelerin mobil versiyonlarında navigasyon yükünü sırtlıyor.

Bu makalemizde CSS ve biraz da jQuery desteğiyle açılıp kapatılabilir şık bir menü tasarlayacağız.

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku

Tasarımcılara Özel 48 Adet Flat Icon

Kabartma, gölgelendirme veya et payı verme gibi tasarım tipleri artık tarihe karıştı. Keskin ve düz olarak Türkçeleştirebileceğimiz Flat Design günden güne popülerliğini arttırıyor.

Hiç kuşkusuz bizim neslimizin en büyük trendi sadelik. Bu yüzden Adobewordpress ailesi olarak web sayfanızda veya baskı işlerinde kullanabileceğiz sade ve şık kaynakları sizlerle sıklıkla paylaşıyoruz. Bu yazımızda ise sizlerle 48 adet ofis, sosyal ağ, fotoğraf, seyahat ve mobil teknoloji konulu flat icon paylaşacağız. Vektörel yapıdaki bu tasarımları .ai ve .png formatıyla indirebilirsiniz.

Tabii ki herbiri ücretsiz(daha&helliip;)

Devamını Oku

CSS3 @Media

CSS3 Media QueriesCSS2, farklı ekran çözünürlükleri için farklı stylesheet atamamızı sağlıyordu. CSS3 ise media sorgulamaları sayesinde tüm bu işlemleri tek dosyada yapmamızı sağlıyor.

CSS3 media sorgulamaları sayesinde her tip ekran çözünürlüğü için tasarımlar oluşturabiliyoruz. Özellikle sayfalarınıza mobil sürüm hazırlarken kullanabileceğiniz media etiketi web tasarımınıda yeni bir devrin başlamasına sebep oldu.

Makalemizin devamında media sorgularını örneklendireceğiz, tanıyacağız ve bu teknik ile hazırlanmış birkaç web sayfası paylaşacağız.

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku