Açık Kaynaklı Bir Düzenleyiciye Katkıda Bulundum, Siz de Yapabilirsiniz

Birkaç ay önce, Jason Grigsby'nin [formlarda otomatik tamamlama hakkındaki gönderisi](https://cloudfour.com/thinks/autofill-what-web-devs-should-know-but-dont/) ortalığı topladı. Kullanıcıların kartlarının fotoğrafını çekerek kredi kartı bilgilerini doldurmalarına izin verme fikrini sevdim. Sevmediğim şey [otomatik doldurma için olası tüm değerleri ezbere](https://html.spec.whatwg.org/multipage/forms.html#autofill) öğrenmekti. Yaşlılığımda tembelleşiyorum. Son zamanlarda, benim için akıllı otomatik tamamlama yapan bir düzenleyici kullanmaktan şımartıldım, geçmişte yalnızca devasa karmaşık IDE'lerin sunduğu bir şey. Seçtiğim editörü açarak, bir "giriş" öğesi yarattım ve bir "otomatik tamamlama" niteliği ekledim, yalnızca kod tamamlamanın bana "açık" veya "kapalı" durumunu sunduğunu gördüm. hayal kırıklığı

Daha fazla oku

Duyarlı Web Tasarımı İçin Photoshop Görgü Kuralları

[Photoshop Görgü Kuralları](https://photoshopetiquette.com/) lansmanından bu yana neredeyse beş yıl geçti, bu da onu resmi olarak web'de bir kalıntı haline getiriyor. Web'de birkaç yıl içinde pek çok şey olabilir ve bu son beş kişi bunu çoğundan daha iyi gösterdi.

Daha fazla oku

Bir UI Tasarım Eleştirisi Nasıl Çalıştırılır

Eleştiri kolaydır. Görünüşe göre herkesin bir fikri var ama yazar Harlan Ellison'ın da belirttiği gibi, "Fikrinize hakkınız yok. Bilgilendirilmiş fikrinize hakkınız var." Ancak bilgi sahibi olmak keşif gerektirir. Tasarım eleştirileri, herhangi bir ürün araştırmasının önemli bir parçasıdır. Yaratıcının ekibin geri kalanı ve/veya müşteri ile tasarımı tartıştığı ve açıkladığı bir tasarım eleştirisi, tasarımcıyı üzmek veya verdikleri her kararı haklı çıkarmaya zorlamakla ilgili değildir. Bu sadece eleştiri. **İyi bir tasarım eleştirisi, tasarımı keşfetmek**, nerede çalıştığını ve nerede geliştirilebileceğini bulmak içindir. İyi yapılırsa, tasarım eleştirileri ekipteki herkesin duyulmuş gibi hissetmesine ve müşterilerin değerli geri bildirimde bulunmasına izin verir.

Daha fazla oku

Aşamalı Web Uygulamaları İçin Başlangıç ​​Kılavuzu

PWA'lar, en iyi web ve mobil uygulamaları birleştirmek için en son teknolojilerden yararlanır. Bu makaleler, tarayıcıdaki son gelişmeleri ve geliştiriciler olarak yeni nesil web uygulamaları oluşturmak için sahip olduğumuz fırsatları incelemektedir.

Daha fazla oku

Tasarım Temellerini Deneyimleyin: Mobil Uygulamalarda Animasyonlu Mikro Etkileşimler

Ünlü sihirbaz Dariel Fitzkee bir keresinde "Büyü hem ayrıntılarda hem de performanstadır" demişti. Etkileşim tasarımı da aynen böyledir. Tasarımcılar büyük resmi doğru yakalamayı severler, ancak ayrıntılar doğru şekilde ele alınmazsa çözüm başarısız olur. **Büyü ayrıntılarda gizlidir**. Bu nedenle iyi tasarlanmış mikro etkileşimler, deneyimlerin işlenmiş olduğunu hissettirir. Tasarımınızın mikro etkileşimlerden nasıl yararlandığını daha iyi anlamak için uygulama fikirlerinizi çizmenize yardımcı olacaktır. Adobe, tel çerçeveler tasarlamanıza ve bunları etkileşimli hale getirmenize olanak tanıyan Experience Design (veya Adobe XD) adlı yeni bir tasarım ve tel çerçeve uygulaması tanıttı. Adobe XD'yi ücretsiz olarak indirebilir ve test edebilirsiniz.

Daha fazla oku

Geliştiriciler Kodun “Sahipliği”, O halde Tasarımcıların Deneyimin “Sahipliği” Olmamalı mı?

Hepimiz oradaydık. İş gereksinimlerini toplamak, karmaşık kullanıcı yolculukları üzerinde çalışmak, hassas arayüz öğeleri hazırlamak ve bunları temsili bir kullanıcı örneği üzerinde test etmek için aylar harcadınız ve yalnızca istenen deneyime çok az benzerlik gösteren nihai bir ürün gördünüz.

Daha fazla oku

Kullanıcı Belleği Tasarımı: Kalıcı Deneyimler İçin Nasıl Tasarlanır

Aşağıda resmedilen iki tablo, düşünme biçimimi değiştirdi. Klasik bir 1996 psikoloji çalışmasından alınan bu çizelgelerin arkasındaki hikaye, biz insanların dünyayı deneyimlediğimiz anda hissettiklerimizin, daha sonra bu deneyimleri düşündüğümüzde hissettiklerimizden çok farklı olabileceğinin canlı bir örneğidir.

Daha fazla oku

Masaüstü Duvar Kağıdı Takvimleri: Ağustos 2016

[Sekiz yıldan beri](https://www.smashingmagazine.com/tag/wallpapers/), aylık masaüstü duvar kağıtları yarışmamız, dünyanın dört bir yanından yetenekli tasarımcıların ve sanatçıların yorulmak bilmeyen çabaları olmadan mümkün olmayan, Çarpıcı bir favori. . Her zamanki kalabalıktan biraz daha farklı olan **duvar kağıtları** için bir arayış içinde, sizi, tasarım topluluğunu, yaratıcılığınızı ortaya çıkarmaya ve her ay yeniden bazı ilginç ve ilham verici tasarımlar üretmeye davet ediyoruz. Ve bu sefer de durum farklı değildi.

Daha fazla oku

Web Geliştirme Okuma Listesi #147: Güvenlik Yönergeleri, Erişilebilir Kullanıcı Arabirimi Bileşenleri ve Önce İçerik Tasarımı

Bir takımda çalışırken, kurallara bağlı kalmak önemlidir. Ortak bir zorluk, tüm projelerinizi benzer veya aynı araç seti ve **kodlama yönergeleri** ile oluşturmaktır. Daha dün, yıllar içinde ilk kod tabanını aşan bir projeyi yeni, React.js tabanlı bir kaynak koduna nasıl aktarabileceğimizi tartıştım. Bunun için karar vermek kolay olmadı, çünkü bu projeye zaten çok fazla iş ve para yatırmıştık ve React'e geçiş de oldukça zaman alacaktı. Ancak geçiş teknik açıdan mantıklı olduğundan ve ekip halihazırda React'i diğer üç proje için kullandığından, bunun iyi bir adım olacağı sonucuna vardık. Ekibin daha fazla geliştiricisinin projeye katkıda bulunmasını, kodu gözden geçirmesini ve şirketteki teknolojilerin değişimini azaltmasını sağlayacaktır. Bazen, projelerinizi yeniden değerlendirme ve devam etme zamanı.

Daha fazla oku