Kariyerime Başlarken İhtiyacım Olan Eksik Tavsiye

Paul Boag, benzer hatalar yapmaktan ve hayatınızın değerli yıllarını boşa harcamaktan kaçınmanıza yardımcı olmak için, kariyerinin başlangıcında alınan dersleri ve acı gerçekleri paylaşıyor.

Daha fazla oku

Web Sitesi Hız Testi Görüntü Analizi Aracının Tanıtımı

Web geliştiricileri günlerini köprü metni yazarak geçirirler, ancak bayt bayt, web'in çoğu görüntülerden oluşur. Görüntülerin ortalama web sayfasının performansı üzerindeki etkisini abartmak zordur; daha hızlı web siteleri daha geniş erişime ve daha yüksek etkiye sahiptir. **Web sitenizdeki görsellerin performansını artırmak** için yapabileceğiniz ilk ve en önemli şey, onları nasıl ölçeceğinizi bulmaktır. Herhangi bir web sitesinin görüntü performansını ölçmenize, teşhis etmenize ve (önemli bir şekilde) iletişim kurmanıza izin vermek için (Cloudinary'nin) görüntü akıllılarımızdan yararlanan ücretsiz ve son derece basit bir araç olan _Web Sitesi Hız Testi'ne girin. Daha da iyisi, Pat Meenan'ın WebPagetest'inin üzerine inşa edilmiş ve entegre edilmiştir. Ilgilenen? Okumaya devam etmek!

Daha fazla oku

3D Video Çekmek İçin Bir iOS Uygulamasını Nasıl Oluşturduk (Örnek Olay)

Bu makalede, Evgeny Khrolenok ve Igor Mikheiko, insanların kendi 3D stereo videolarını oluşturmalarına yardımcı olacak bir uygulama geliştirirken öğrendiklerini paylaşıyorlar.

Daha fazla oku

Markdown'da Shadow DOM ile Model Kitaplıkları Oluşturma

Bazı insanlar belge yazmaktan nefret eder, bazıları ise sadece yazmaktan nefret eder. Ben yazmayı seviyorum; aksi takdirde, bunu okumazdın. Yazmayı sevmeme yardımcı oluyor çünkü profesyonel rehberlik sunan bir tasarım danışmanı olarak yazmak, yaptığım işin büyük bir parçası. Ama kelime işlemcilerden nefret ediyorum, nefret ediyorum. Teknik web belgeleri yazarken (okuyun: [desen kitaplıkları](https://www.smashingmagazine.com/taking-pattern-libraries-next-level/)), kelime işlemciler sadece itaatsiz değil, aynı zamanda uygunsuzdur. İdeal olarak, satır içinde belgelediğim bileşenleri eklememe izin veren bir yazma modu istiyorum ve bu, belgelerin kendisi HTML, CSS ve JavaScript'ten yapılmadığı sürece mümkün değil. Bu yazıda, kısa kodlar ve gölge DOM kapsülleme yardımı ile Markdown'a kod demolarını kolayca dahil etmek için bir yöntem paylaşacağım.

Daha fazla oku

Haftalık Tasarım Toplantılarından Nasıl Yararlanılır?

Bir ekibi nasıl meşgul tutarsınız? Ekibin yayınlanan her şeyden haberdar olmasını nasıl sağlıyorsunuz? Ekip üyeleri birbirleriyle ne sıklıkla yüz yüze konuşurlar? Görevlerini tamamlamak veya büyümelerini sürdürmek için yeterli desteğe sahipler mi?

Daha fazla oku

Solak Fırça Yazısı: Nasıl Başlanır

Yazı ve kaligrafi, bir tasarımcının araç kutusunda hızla istenen beceriler haline geliyor. Marian Bantjes, Jessica Hische, Sean Wes ve Martina Flor gibi tasarımcılar, sadece birkaçını saymak gerekirse, geri kalanımız için sadece bir ilham kaynağı değil, aynı zamanda bir standart haline geldi. Çalışmaları sadece müşteri bazlı değildir; takipçilerine de ürünler sunarak kendi markaları haline geldiler. Diğer tasarımcılar da aynı şeyi yaptı ve şimdi yazı ve kaligrafi her yerde görünüyor.

Daha fazla oku

Mükemmel Akordiyonu Tasarlamak

Tasarım desenleri. Genellikle ya huşu ya da küskünlük uyandıran neredeyse efsanevi bir ifade. Tasarımcılar olarak, tasarım modellerini, çeşitli bağlamlara neredeyse mekanik olarak, genellikle uygun bir şekilde dikkate alınmadan uygulanabilecek genel kullanıma hazır çözümler olarak düşünme eğilimindeyiz. Navigasyon? Tuval dışı! Günün fırsatları? Atlıkarınca! Kaptın bu işi.

Daha fazla oku

Büyük Yeterince Büyük Olmadığında: Kahraman Görsellerle Tasarlamak

Kullanıcılar sayfanıza geldiğinde bir tür tepki hissedeceklerdir. Olumlu ya da olumsuz olsun, bu tepki büyük ölçüde gördükleriyle belirlenir. **Görme belki de en güçlü insan duyusu** olduğundan, bir kahraman görüntüsü, kullanıcının dikkatini çekmenin en hızlı yollarından biridir. Cesur, grafik ve kasıtlı görüntüler, kullanıcının ilgisini çeker. Kullanıcıyı hemen içine çeker ve minimalist bir uygulama veya web sitesi için mükemmel bir merkez parçası yapar. Bir kahraman resmi, güzel bir resimden daha fazlasıdır. Güçlü bir iletişim aracıdır. Bu yazıda size kahraman görsellerini kullanmayla ilgili birkaç ipucu vereceğim. Ayrıca, kendi tasarımlarınızı biraz daha farklı bir şekilde prototiplemeye ve tel çerçevelemeye başlamak ve denemek isterseniz, _Adobe XD_'yi ücretsiz olarak indirebilir ve test edebilirsiniz.

Daha fazla oku

Sadece Kaydırmaya Devam Edin! Uzun, Uzun Sayfalar Nasıl Tasarlanır

Uzun veya [sonsuz kaydırma](https://www.smashingmagazine.com/2013/05/infinite-scrolling-lets-get-to-the-bottom-of-this/) olan web siteleri son zamanlarda giderek daha yaygın hale geliyor, ve bu sadece bir trend ya da tesadüf değil. Uzun kaydırma tekniği, kullanıcıların herhangi bir kesinti veya ek etkileşim olmaksızın içerik parçalarını geçmesine olanak tanır - bilgiler, kullanıcı sayfayı aşağı kaydırdıkça görünür.

Daha fazla oku

CSS Çoklu Akışkan Boyutlandırma ile Akışkan Duyarlı Tipografi

Akışkan düzenleri, yıllardır ön uç geliştirmenin normal bir parçası olmuştur. Bununla birlikte, akışkan tipografi fikri nispeten yenidir ve henüz tam olarak keşfedilmemiştir. Şimdiye kadar, çoğu geliştiricinin akışkan tipografi fikri, yalnızca bazı minimum ve maksimum boyutlarda Viewport birimlerini kullanmaktı. Bu yazıda, onu başka bir seviyeye taşıyacağız. İyi desteklenen tarayıcı özelliklerini ve bazı temel cebirleri kullanarak birden çok kesme noktasında ve önceden tanımlanmış yazı tipi boyutlarında **ölçeklenebilir, akıcı tipografinin nasıl oluşturulacağını** inceleyeceğiz. En iyi yanı, hepsini Sass kullanarak otomatikleştirebilmenizdir.

Daha fazla oku