HTML5

CSS ile Yapışkan ‘Goo’ Öğeler

Vatanay Özbeyli Yorum yazın CSS3, HTML5, Öne Çıkanlar

Merhaba, bugün sizlerle birlikte CSS kullanarak iki veya daha fazla öğenin birbirine yapışık gibi davranmasını sağlayacağız. Bu teknik ile ilgili internette daha fazla araştırma yapmak isterseniz aramanız gereken anahtar kelimeler Gooey, Sticky veya Liquid.

(daha&helliip;)

Material Design Öne Çıkarılmış Menü Tasarımı

Vatanay Özbeyli 2 Yorum CSS3, HTML5, jQuery, Öne Çıkanlar

Web sitenize NTVspor veya Yerel Futbol‘da da kullanılan material design menü tasarımını eklemek ister misiniz? Özellikle mobil erişimlerde öne çıkarılmasını istediğiniz içerikleri listelemenize yardımcı olacak bu tasarımı hazırlamak tahmin ettiğinizden de basit.

CSS ile Açılıp Kapanabilen Haber Kutucukları

Vatanay Özbeyli Yorum yazın CSS3, HTML5, Öne Çıkanlar

Bugün sizlerle birlikte görsel ve metinlerinizi bir arada şık bir şekilde sergilemenizi sağlayacak haber kutucukları tasarlayacağız. Mobil cihaz desteği de bulunan bu tasarım Material Design ruhunu da taşımaktadır.

Fareyle Birlikte Hareket Eden Arkaplan Resmi

Vatanay Özbeyli 2 Yorum CSS3, HTML5, jQuery

JavaScript ile fare hareketlerini takip etmek çok kolay. Geçtiğimiz sene bu fonksiyonu kullanarak fare pozisyonuna göre hareket eden yazı arka planı hazırlamıştık.

Bugün sizlerle birlikte yepyeni bir örnek, fare pozisyonuna göre dinamik bir şekilde hareket eden arkaplan resmi hazırlayacağız.

Mobil Sitenize WhatsApp ve Diğer Sosyal Paylaşım Linkleri Ekleyin

Vatanay Özbeyli 10 Yorum CSS3, HTML5, jQuery

Birçok popüler web sayfasının mobil versiyonunda karşımıza çıkan sosyal ağ paylaşım linklerini hatırlar mısınız? Özellikle Facebook, Twitter, LinkedIn gibi ağlar dışında mobil cihazlara özel WhatsApp‘ı da destekleyen bu yapılar sitenizin trafiğini ve bilinirliğini büyük bir hızla arttıracaktır.

Bugün sizlerle sadece HTML, CSS ve JavaScript yazarak sadece mobil cihazlarda gözüken şık bir sosyal ağ paylaşım barı oluşturacağız.

Hem de 1 satır programlama yazmadan!

Adobewordpress gururla sunar : “iPhone Mesajlar Ekranı”

Vatanay Özbeyli Yorum yazın CSS3, HTML5, jQuery, Öne Çıkanlar

Bugün sizlerle birlikte çok şık ve eğlenceli bir mesaj panosu tasarımı yapacağız.

iPhone‘un şık ve kullanışlı mesajlaşma ekranı hem sadeliği hem de kolay kullanılabilir olması sebebiyle izini sürebileceğimiz başarılı tasarımlardan birisi. Peki bu yapıyı web ortamına nasıl aktaracağız? HTML5 ve CSS3‘ün güçlendirilmiş yeni teknikleri ve jQuery‘nin fonksiyonelitesiyle bu iş sandığınız kadar zor olmayabilir.

Adobewordpress gururla sunar : Karşınızda responsive yapıdaki iPhone mesajlar ekranı tasarımı

HTML5 ve CSS3 ile Flat Giriş Ekranı

Vatanay Özbeyli Yorum yazın CSS3, HTML5

Ara verdiğimiz HTML5 ve CSS3 derslerimize güzel bir giriş ekranı tasarımı ile devam ediyoruz.

Pure CSS diye tabir edilen, hiçbir şekilde JavaScript desteği kullanılmadan hazırlanan layout tiplerine örnek olarak göstereceğimiz bu tasarım barındırdığı animetif ve fonksiyonel özellikleriyle de beğeninizi kazanacaktır.

Modern bir tasarım hazırlayacağız. Renklerimiz flat, yapımız minimal ve beraberinde de responsive olmak zorunda. Ayrıca css animasyonlarıyla da bir fade-in geçişi hazırlayabiliriz.

Front-end Developer ne yapar? -Super Mario

Vatanay Özbeyli Yorum yazın CSS3, HTML5, jQuery, Öne Çıkanlar

Facebook sayfamızdan bir takipçimiz sormuş : “Front-end Developer ne iş yapar?” diye. Hakkaten ne iş yapar bu insanlar?

Özellikle serbest çalışma statüsündeki makalelerimize başlık atmak bizleri zorluyor. Dolayısıyla yer yer üstüne oturduğumuz yerlerden başlıklar türetmek ya da gelen soruları evirip çevirip yanıtlamak zorunda kalıyoruz. Bugün de konumuz web dünyasının son kullanıcıyla olan etkileşimini yöneten front-end geliştiricileri ile alakalı.

Front-end developer sadece önyüz yapar deyip bu makaleyi bitirmek isterdik. Ancak bu iş o kadar basit değil. Günümüzde iyi bir önyüz geliştiricisi olmak istiyorsanız birkaç stil kodu biliyor olmakla yetinmemeli, fonksiyonelite tarafında da kendinizi geliştirmelisiniz. Biraz da grafik tasarım..

Adobewordpress‘in Adobe eğitimleri sizi grafik tasarımcı, HTML–CSS–JS dersleri web tasarımcısı yapabilir. Bu iki yola da hakim olmanız da sizi tasarımcı yapar. Bunu müzisyenin de, ressamın da sanatçı diye nitelendirilmesiyle örneklendirebiliriz.

Makalemizin devamında “Front-end Developer ne yapar?” sorusunu hazırlayacağımız çalışmayla, aynı anda grafik tasarım ve web tasarımı yaparak örneklendireceğiz.

Sadece HTML5 ile Geliştirilmiş 20 En Etkileyici Oyun

Vatanay Özbeyli 1 Yorum HTML5, Öne Çıkanlar

Kullandığımız tarayıcılar gelişmelerini sürdürdükçe önceleri Flash desteğiyle binbir güçlükle yapabildiğimiz şeyleri HTML5 ile kolayca hazırlayabilir olduk. Bu listenin en dikkat çekici yeniliklerinden biri de HTML5 ve WebGL‘in birlikte kullanıldığı uygulamalar oldu. Hal böyle olunca oyunlarımız da yavaş yavaş tarayıcılara taşınır oldu.

Bugün sizler için modern tarayıcılarda rahatlıkla oynayabileceğiniz 20 etkileyici oyunu derledik. İyi oyunlar! (daha&helliip;)