Merhaba arkadaşlar, ders anlatımına geçmeden önce bir şeyden bahsetmek istiyorum. Bugün Teknosa, Bimeks ve MediaMarkt’ı dolaştım, bir mikrofon alıp sizi bu eziyetten kurtarmak için, fakat bu üçünde de sadece mikrofon…
Devamını OkuMerhaba arkadaşlar, bu dersimizde CSS3 ile animasyonlu şık bir ders menü hazırlayacağız, umarım beğenirsiniz. Dersin zorluğu orta derecede, bazı terimleri bilmemiz gerekiyor. Örneğin nth-child() seçicisi, yada transform özellikleri vs. Ama…
Devamını OkuMerhaba arkadaşlar, bu dersimde size css3 transition özelliğini kullanarak gayet güzel ve kullanışlı bir animasyon hazırladım. Dersimiz toplamda 3 adet div’den oluşuyor; “person”, “front”, “back” divleri. Bu yaptığımız animasyon ile, kurumsal…
Devamını OkuMerhaba arkadaşlar, Bu dersimizde CSS3’ün transition ve transform özelliklerini kullanarak dönen kutu nasıl yapabiliriz onu gösterdim. Konuyu en basit ve sade haliyle anlatmak istedim. Bu derste bazı vurgulanması gereken yada…
Devamını OkuMerhaba arkadaşlar, ben Uğur Türkmen Bir önceki dersimde Ubuntu Sublime Text üzerinde kullanmış olduğumu emmet eklentisinde kendimize özel kısayolları nasıl ayarlayabileceğimizi göstermiştim. Şimdi ise Notepad++’da sık kullandığımız Zen Coding Eklentisinde…
Devamını OkuUbuntu’da genel olarak kodlamada kullanmış olduğumuz Sublime Text editöründe Emmet eklentisini kullanıyoruz. Fakat bazen kendi kısayollarımızı da kullanmak isteyebiliriz. Ben kendim çok sık kullandığım eklentiler için baya bir kısayol oluşturdum….
Devamını Okuİster blog isterse kişisel site olarak kullanabilirsiniz. Temayı hazırlarken ilk hedefim Themeforest ile satmaktı fakat daha sonra karar değiştirerek sizlerle ücretsiz olarak paylaşmak istedim. Tema tamamen responsive’dir. Toplamda 6 sayfadan…
Devamını OkuPlaceholder özelliğini nasıl düzenlerim ? Diye düşünen bir çok arkadaşımız vardır elbet ve bende bu arkadaşlarımıza yardım etmek için size nasıl düzenleyeceğimizi aşağıda bir örnekle anlatmak istiyorum. Blogumda uzun zamandır…
Devamını OkuAslında bu datalisti bir bakıma autocomplete gibi algılayabiliriz. Var olan dataların anahtar kelimelerini girerek bulmamızı sağlayan bir araç. Kullanımı ise şu şekilde; Bir adet input oluşturuyoruz type=”text” olacak fakat ekstra…
Devamını OkuBu dersimizde size ::selection seçicisinin kullanımını göstereceğim. Selection seçicisi bizim mouse ile veya klavyeden sitemizde belirli bir alanı seçtiğimizde default gelen mavi background üzerine beyaz renkli seçimini değiştirmek için kullanırız….
Devamını OkuBazen sitemizde paylaştığımız bir makalenin yada bir yazının bir dive sığmasını ve sığmayan kısmında üç noktayla sınırlandırılmasını isteriz, bu makalemizde sığmayan yazı sonuna html&css kullanarak nasıl üç nokta ekleyebileceğimizi göreceğiz….
Devamını OkuBu dersimizde CSS3’ün shape-outside özelliğini kullanarak metnimizi resmimize göre şekillendireceğiz. Hemen index.html sayfamızı oluşturuyoruz ve içine aşağıdaki kodu yazıyoruz. <div> <img src=”http://googledrive.com/host/0B6BQOnCe69f9SU1WcXNEb1k3SUE/rabbit-shape.png” alt=”Tavşan” /> </div> <p> Alice is feeling bored and…
Devamını Oku