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;)
mobil
Mobil Uygulama Tasarımı
Mobil uygulamalar için tasarım hazırlarken nelere dikkat etmeli? Hangi programlar elimizin altında bulunmalı? Hangi boyutlarda çalışılmalı? Hangi renklerden kaçınılmalı? Yeni trendler neler?
Uzun bir aradan sonra video dersleri ile yine sizlerleyiz. Karşınızda uzun soluklu bir mobil uygulama tasarımı rehberi.
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.
(daha&helliip;)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;)
180 Adet Ücretsiz Mobil Uygulama İconu
Compactions, 180 adet şık ve vektörel iconu içinde barındıran, mobil ve web uygulamalarında kullanılabilecek güzel bir set. (daha&helliip;)
CSS3 @Media
CSS2, 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.
(daha&helliip;)Responsive WordPress Temaları ~ Ağustos 2013
Responsive WordPress temaları üzerine konuşmaya devam ediyoruz.
Mobil cihazlarının kullanımının artmasıyla Responsive kelimesini daha sık duymaya başladık.İşte karşınızda Ağustos ayında sizler için seçtiğimiz 10 adet ücretsiz WordPress teması.
Liste gayet kaliteli, bu temaların niçin bedava dağıtıldığını merak edeceksiniz. (daha&helliip;)
Responsive HTML5
Günümüzde profesyonel tasarımlar artık WWW (World Wide Web) erişimine sahip tüm cihazlara uygun olarak hazırlanmakta. Bu liste ne yazık ki akıllı telefonlar ve tabletler ile bitmiyor. Her geçen gün farklı ekran boyutlarına sahip yeni cihazlar çıkmaya devam ediyor.
Bu makalemizde taşınabilir cihazlara uyumlu HTML5 taslağı oluşturacağız.
Sadece CSS ile Yatay Menü
Merhaba arkadaşlar, bu makalemde sizlerle birlikte bütün cihazlarda sorunsuz görüntülenebilen (responsive) yatay bir menü örneği hazırlayacağız. Yukarıda önizlemesini görüntülediğiniz bu tasarımı canlı olarak test etmek için aşağıdaki “Örneği Görüntüle” linkinden faydalanabilirsiniz.
(daha&helliip;)