CSS ile Ghost Button nasıl hazırlanır?

Günümüz web tasarımı trendlerinden biri de Türkçe karşılığıyla hayalet butonlar.

Literatüre göre ghost button, web sayfalarının birincil aksiyonuna kullanıcıları taşımakla ilişkilendirilmiş. Ayrıca çizgisel ve şık bir tasarıma sahip bu butonlar sitenizin cazibesini arttırmanıza yardımcı olacaktır.

Bu dersimizde sizlerle birlikte CSS kullanarak iki adet ghost button tasarımı oluşturacağız.

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku


Front-end Developer ne yapar? -Super Mario

marioFacebook 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ı, HTMLCSSJS 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.

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku

Haftalık

Haftanın Ücretsiz Web Teması #38


Warning: sizeof(): Parameter must be an array or an object that implements Countable in /home/adobew/public_html/wp-content/plugins/ad-injection/ad-injection.php on line 824

Warning: count(): Parameter must be an array or an object that implements Countable in /home/adobew/public_html/wp-content/plugins/ad-injection/ad-injection.php on line 831

Designa, inanılmaz basit ve şık bir web teması. Minimal yapısı onu özellikle portfolio siteler için kullanılabilir kılıyor. (daha&helliip;)

Devamını Oku

Haftalık

Haftanın Ücretsiz Web Teması #37


Warning: sizeof(): Parameter must be an array or an object that implements Countable in /home/adobew/public_html/wp-content/plugins/ad-injection/ad-injection.php on line 824

Warning: count(): Parameter must be an array or an object that implements Countable in /home/adobew/public_html/wp-content/plugins/ad-injection/ad-injection.php on line 831

Fractal, HTML5up tarafından geliştirilmiş bir diğer web teması. Mavi rengin hakim olduğu tema sade ve şık tasarımıyla dikkat çekiyor. (daha&helliip;)

Devamını Oku

Haftalık

Haftanın Ücretsiz Web Teması #36


Warning: sizeof(): Parameter must be an array or an object that implements Countable in /home/adobew/public_html/wp-content/plugins/ad-injection/ad-injection.php on line 824

Warning: count(): Parameter must be an array or an object that implements Countable in /home/adobew/public_html/wp-content/plugins/ad-injection/ad-injection.php on line 831

Halcyon Days Peter Finlan tarafından hazırlanmış şık ve bir o kadar da sade bir web temasıdır. Özellikle portfolio ve start-up için uygun olan bu tema her türden cihazda da sorunsuz olarak çalışmakta. (daha&helliip;)

Devamını Oku

Haftalık

Haftanın Ücretsiz Web Teması #35


Warning: sizeof(): Parameter must be an array or an object that implements Countable in /home/adobew/public_html/wp-content/plugins/ad-injection/ad-injection.php on line 824

Warning: count(): Parameter must be an array or an object that implements Countable in /home/adobew/public_html/wp-content/plugins/ad-injection/ad-injection.php on line 831

Mamba ürün veya mobil uygulamanız için bir duyuru web sayfası yapmanızı sağlayan bir taslak. Bu responsive yapı takipçileriniz mail adreslerini toplayıp sesinizi daha geniş çevrelere duyurmanız için size her şeyi sağlıyor. (daha&helliip;)

Devamını Oku

Haftalık

Haftanın Ücretsiz Web Teması #34


Warning: sizeof(): Parameter must be an array or an object that implements Countable in /home/adobew/public_html/wp-content/plugins/ad-injection/ad-injection.php on line 824

Warning: count(): Parameter must be an array or an object that implements Countable in /home/adobew/public_html/wp-content/plugins/ad-injection/ad-injection.php on line 831

Triangle Bootstrap ile hazırlanmış, üçgenlerden oluşmuş şık bir tasarım. Renkli ve minimal ekranlardan oluşan Triangle toplam 44 alt sayfa ile birlikte ücretsiz olarak geliyor. (daha&helliip;)

Devamını Oku

Haftalık

Haftanın Ücretsiz Web Teması #33


Warning: sizeof(): Parameter must be an array or an object that implements Countable in /home/adobew/public_html/wp-content/plugins/ad-injection/ad-injection.php on line 824

Warning: count(): Parameter must be an array or an object that implements Countable in /home/adobew/public_html/wp-content/plugins/ad-injection/ad-injection.php on line 831

Eventrum adından da anlaşılabileceği gibi her türden etkinliğe rehberlik edebilecek tarzda bir web teması. Sade ve şık tasarımı responsive öğelerle birleştirilmiş ve kullanımınıza ücretsiz olarak sunulmuş. (daha&helliip;)

Devamını Oku

Haftalık

Haftanın Ücretsiz Web Teması #32


Warning: sizeof(): Parameter must be an array or an object that implements Countable in /home/adobew/public_html/wp-content/plugins/ad-injection/ad-injection.php on line 824

Warning: count(): Parameter must be an array or an object that implements Countable in /home/adobew/public_html/wp-content/plugins/ad-injection/ad-injection.php on line 831

Unique, modern, çekici ve sadece one page HTML5 temasıdır. Bootstrap ile hazırlanmış olan tema tamamıyla responsive olup tüm tarayıcı ve cihazlarla uyumludur. Çözüm odaklı, kurumsal, şahsi kullanımlar gibi çok amaçlı kullanılabilir. (daha&helliip;)

Devamını Oku