Herhangi bir elementi boyutlandırabilmek: resize

Aşağıdaki CSS’yi uygularsak herhangi bir öğe yeniden boyutlandırılabilir hale getirilebilir: Dikkat edeceğiniz en önemli noktalardan birisi de overflow özelliği olan elementlerde çalışabilir. Ayrıca max-width veya max-height gibi değerler ile ne kadar boyutlandırılabileceğine de karar verip sınırlar oluşturabilirsiniz. See the Pen Resize Any HTML Element by Ibrahim Nergiz (@phyesix) on CodePen.

CSS Revert Nedir?

Aslında CSS özelliğini default a çevirmek olarak kısaca özetleyebiliriz. Genel olarak yazdığımız class ve buna bağlı stillere bağlı olarak bu tip problemle eminim ki karşılaşmışsınızdır. Bazen yazdığımız kuralın default halinde olmasını isteriz. İşte tam bu noktada CSS revert devreye giriyor. Örnekle daha güzel açıklayabilirim. HTML: SCSS: See the Pen CSS Revert by Ibrahim Nergiz (@phyesix) …

Sosyal Medya Paylaşımları için Gerekli Meta Tag’ler

Facebook’un kendi Open Graph standartı, Twitter’ın kendi standartı derken meta tag kullanımlarımız giderek artıyor. Peki bu ikisini ortaklaştırabilmek mümkün mü diye araştırma yapıyorken. Aşağıdaki kod bloğunu buldum. Open Graph aslında çoğu işi çözüyor gibi… <!– Gerekli META Tagleri –> <meta property=”og:title” content=”European Travel Destinations”> <meta property=”og:description” content=”Offering tour packages for individuals or groups.”> <meta property=”og:image” …

Flexbox ile Footer Sabitleme

Hemen hemen tüm geliştiricilerin kariyerlerinde en az bir kere karşılaştığı sorunlardan birisi de, içeriği az olan sayfalarda footer’ın en aşağıda yer almaması olsa gerek. Aslında, footerın yüksekliği bilindiği taktirde bunun bi’ çözümü vardı. Flexbox, işte tam bu noktada yardımımıza koşuyor. Genellikle internette yatay pozisyonlamalar için kullanılsa da dikey yönlü çözümlerle de öne çıkıyor.Yapacağınız tek şey …