Facebook Devices, dizüstü bilgisayarlardan cep telefonlarına ve akıllı saatlere kadar popüler cihazlar için resim ve mockup dosyaları paylaşmakta. Özellikle tasarımlarınız için harika bir kaynak.
(daha&helliip;)
ekran
Tek Sayfalık Web Sitesi
Günümüz web sitesi trendlerinden birisi de tek ekranda birden fazla sayfayı ve sunumu göstermek. Bu tip renkli geçişler hem görsel hem de işlevsel bazda kullanıcıları fazlasıyla etkilemekte.
Bu makalemizde CSS ve jQuery desteğiyle tek sayfalık web sayfası hazırlayacağız.
(daha&helliip;)Web Sayfanıza Etkileyici Giriş Paneli
Üyelik sistemi ve yönetici sayfaları bulunan tüm web sayfaları kullanıcıların giriş yapabileceği formlar barındırmakta. Siz kendi kullanıcı giriş formunuzun tasarımından memnun musunuz?
Uzun bir aradan sonra tekrar bir giriş formu tasarımıyla sizlerleyiz. Bu sefer açık tonlar ve basit bir tasarım kullandık. Bu sefer iskeletimiz ise son teknoloji CSS3 ve HTML5 kod satırlarından oluşmakta!
(daha&helliip;)HTML ile Mavi Ekran Hatası
6 ay kadar minik bir aradan sonra merhabalar. İçinde bulunduğum boşluktan yararlanarak ben silah altındayken neler konuşulmuş diye bakınıyordum. Çıkış yolum Jan Reimers’ın çalışmaları oldu. İşte karşınızda HTML ve CSS ile hazırlanmış güzel tasarlanmış bir blue screen örneği.
HTML5 ile Tam Ekran (Full Screen)
Önceki yıllarda Flash ile yaptığımız tam ekran (Full Screen) desteği artık HTML5 ile rahatça yapılabilmekte. Tek yapmanız gereken Section tagını doğru kullanmak.
Vereceğim örnek section içerisindeki görsel ile çalışmakta. Yani resmin orjinal boyutunu gösterebileceğiniz bir çalışma. Fakat siz isterseniz CSS kodlarıyla biraz oynayıp farklı tekniklerde kullanabilirsiniz.
(daha&helliip;)Web Geliştiricilerinin El Kitabı
Üniversite hayatımın son yılında yazmaya başladığım “The Differences Between Web 1.0 and Web 2.0” konulu tezim hiç yönelmediğim, web tasarımının sosyal yönünü bana öğretti.
WWW içinde fazlasıyla yer etmiş onlarca akademisyenin çalışmalarını okumak üniversite eğitimi hayatımdaki tek verimli dönem olmuştu.
Bu makale dizesinde web geliştiricilerinin bilmesi gereken bazı ipuçlarından bahsedeceğiz. Web teknolojilerini verimli kullanarak sayfalarımızı geliştireceğiz bir yandan da SEO dostu tasarımı konuşacağız.
Okumakta olduğunuz makale sizlerle etkileşim içinde gelişecektir. Önemli bir bilgi bankası olana kadar genişlemeye devam edecektir. (daha&helliip;)
WordPress Kullanıcılarının En Sık Karşılaştığı Hatalar ve Çözümleri
Sitenize Kolayca Slider Ekleyin
Photoshop’u Türkçe Yapma, Türkçeleştirme
Kolayca fotoğraflarınızın kalitesini arttırın!
CSS Renk İsimleri
Preloader.js ile Sayfalarınıza ‘Yükleniyor’ Barı
CSS ile Form Tasarımı
Photoshop ile Fotoğraf Eskitme
Material Design Öne Çıkarılmış Menü Tasarımı