Posts

“will-change: transform;” CSS özelliği, tarayıcıya belirli bir özelliğin değişeceğini bildirir ve böylece tarayıcı ilgili optimizasyonları yapabilir. Bu özelliği hangi zamanlarda kullanmanız gerektiği konusunda bazı rehberlikler vardır: Animasyonlu veya hareketli öğeler: Eğer bir öğe üzerinde yoğun animasyon veya hareket kullanıyorsanız, “will-change: transform;” kullanmak yararlı olabilir. Bu, tarayıcının öğenin dönüşümlerini optimize etmesine yardımcı olabilir ve daha pürüzsüz […]

  Tipografi nedir ? Tipografi, çevrimiçi veya basılı olarak yayınlanan metnin görünümünü ve stilini ifade eder. Özünde, metni okunaklı ve estetik olarak çekici hale getirmek için düzenleme sanatıdır. Bizle ilgili tanım olarak: h1,h2,h3 p, b, li gibi metin HTML etiketlerinin biçimleridir. Tipografi SCSS Dosyası Neden Kullanılmalıdır ? Orta çaplı bir web projesinde bir çok bölgede […]

Selamlar! Eğer ücretsiz 3D modellere ihtiyacınız varsa, Blender ve Three JS için aşağıdaki siteler tam size göre. Bu sitelerden faydalanarak ihtiyacınız olan modeli kolaylıkla bulabilirsiniz. Blenderkit Blender 3D models Blender Nation CGTrader Open3dmodel 3dsky Clarai.io Skethfab CadNav TurboSquid Free3D Smithsonian PolyHaven BlogScopia   Kaynaklar: 1) https://all3dp.com/2/free-blender-models-best-sites/#i-4-3-blender-3d-models 2) https://app.patika.dev/courses/temel-blender-egitimi      

See the Pen gsap 3 vertical text slider by Cengiz ilhan (@sawacrow) on CodePen. Yukarıdaki animasyonda gördüğümüz gibi vertical text slider animasyonu oluşturma konusunu inceleyelim. Animasyon kabaca 2 adımdan oluşmaktadır. İlk karede “1” yazısı 0 (sıfır) opacity ile Y ekseninde 100 px yukarıda bekler. Y ekseninde 0’a doğru hareket ederken  opacity ise 1’e doğru dönüşüp, […]

  HTML’de bizlere kolaylık olması için tasarlanan bir “gizli element / yardımcı element” sistemi vardır. shadow dom’a benzerdir. Kısaca shadow dom nedir ? HTML’e <video> elementi yazdığınızda, tarayıcıda inceledinizde, video etiketinin içerisine farklı farklı sizin yazdığınızın dışında elementler eklenmiştir. İşte bunlar gizli – shadow dom’lar. Tarayıcıda görünürler sadece. Tarayıcıda “shadow dom” ayarlarınızın açık olması gerekebilir. […]

Recursive ( Özyinelemeli ) Fonksiyon Nedir ? “Kendi kendini çağıran fonksiyonlara özyineli (recursive) fonksiyon denilir. Özyineli fonksiyonlar, ileri bilgisayar uygulamalarında çok kullanılır. Bilgi- sayar biliminin zor sayılan konularından birisidir. Çoğunlukla, döngülerle çözülebilen problemler, özyineli fonksiyonlarla çok daha kolay olarak çözü- lebilir. ” http://www.baskent.edu.tr/~tkaracay/etudio/ders/prg/c/recursive.pdf Yazılımda Recursive Fonksiyon Recursive fonksiyon, kendini çağıran bir fonksiyondur. Bu, bir fonksiyonun […]

T-shaped Skills Nedir? “Bir şeyin her şeyini, her şeyin bir şeyini bilmek.” temalı “T-shaped skills” ya da “T-şekilli beceriler”, bir kişinin belirli bir alan veya uzmanlık alanında derinlemesine bilgi sahibi olmasının yanı sıra, diğer alanlarda da yeterli bilgi ve deneyime sahip olmasını ifade eder. Bu kavram, birçok işveren tarafından önemli bir nitelik olarak kabul edilir […]

Yazılım sürecinde 3. parti scriptlere ihtiyacımız olabilir ve ilgili konuda aşina olduğumuz bir script yoksa işler bizler zorlaşabilir. Çünkü bir çok sebepten dolayı seçim yapmakta zorlanırız. En uygun scripti seçmemiz için bazı cevaplara ihtiyacımız olacak ve doğru cevaplar için doğru soruları sormamız gerekecektir. Sorulara gelmeden, önce ilgili scripti arama yönteminden bahsedelim. Carousel scripti arıyor olalım. […]

JavaScript’de videoyu oynatmak istediğinizde aşağıdaki gibi bir hata alabilirsiniz. Uncaught (in promise) DOMException: play() failed because the user didn’t interact with the document first. Bu hatanın sebebi, videoda “muted” özelliğinin olmamasıdır. Sesli bir şekilde autoplay yapıp kullanıcıyı rahatsız etmeniz önlenmiştir. Hatanın çözümü için video etiketine “muted” attribut’u eklemeniz ve aşağıdaki js komutunu çalıştırmanız yeterli olacaktır. […]

Arayüz geliştiricileri / front-end developer’lar, kullanıcıların bir web sitesinde veya uygulamada etkileşime girdiği görsel ve etkileşimli bileşenleri oluşturmaktan sorumlu oldukları için UI (kullanıcı arayüzü) tasarımı hakkında bilgi sahibi olmalıdır. Düzen, tipografi, renk teorisi ve kullanılabilirlik gibi UI tasarım ilkelerini iyi anlamak, front-end developer’ların hem estetik açıdan hoş hem de işlevsel arayüzler oluşturmasına olanak tanır. UI […]