Vakfın yapımcıları olan Zurb, web geliştiricilerinin sevdiği güçlü araçları geliştirmek için bir üne sahip. Kendileriyle karşılaştıkları problemleri çözmeye başladıkları için etkili çözümler üretiyorlar.
engine called Şimdi, yepyeni, açık kaynaklı, ES6 JavaScript @mention motoru ile geri döndüler Tribute.js .
is a user interface technique for addressing someone directly. @mention , bir kişiyi doğrudan adreslemek için kullanılan bir kullanıcı arayüzü tekniğidir. someone, they are tagged into a conversation. Birini @ment ettiğinizde, bunlar bir sohbete kaydedilir. was first popularized by social media sites like Twitter, but you'll find it making its way into all manner of applications thanks to adoption by startups like Slack. @Mentment ilk olarak Twitter gibi sosyal medya siteleri tarafından popüler hale getirildi, ancak Slack gibi yeni başlayanlar tarafından benimsenmesi sayesinde her türlü uygulamada yerini aldığını göreceksiniz.
2014 yılında, Zurb tasarım uygulamalarının birçoğunu yeni bir platformda birleştirmeye başladı. Dikkate değer . system, but failing to find a reliable 3rd party option, they decided to build their own. Bir @mention sistemine ihtiyaç duyuyorlardı , ancak güvenilir bir 3. parti seçeneği bulamıyorlardı, kendileri inşa etmeye karar verdiler. Sonuç Tribute.js.
Tribute.js, yerel bir JavaScript çözümüdür, yani üçüncü taraf eklentilerine veya komut dosyalarına güvenmemek anlamına gelir. JQuery, Açısal ve benzerleri gibi kütüphanelerden kaçınılarak, Zurb, Tribute.js ve onunla bağlantılı olarak çalışan komut dosyaları arasında ortaya çıkan çatışma olasılığını azalttı; Bu, Tribute.js'yi kullanmayı tercih edebileceğiniz diğer bağımlılıklardan bağımsız olarak çok sayıda farklı uygulamada tutarlı bir şekilde uygulanabilen son derece kullanışlı bir araçtır.
Tribute.js uygulaması gerçekten çok basit. İlk önce Tribute.js 'CSS ve JS'yi içe aktarın:
: Ardından, işaretlemenizde bir @mention gösterecek bir öğeye ihtiyacınız var :
Son olarak, kullanıcılarınızı temsil eden bir dizi nesne ile Tribute'i başlatın ve ardından sayfa öğesine Tribute'u ekleyin:
Bir kullanıcı bir @ sembolü yazdığında, bir özellik seçtiğinde, ilgili özellik özelliği eklenecek anahtar özelliğine dayalı bir kullanıcı adları listesiyle sunulur.
Yapabilirsin indir Tribute Github'dan ücretsiz olarak veya npm ile yükleyin ve belgelerindeki seçeneklerin tam listesini bulacaksınız.
Öne çıkan resim, üzerinden yapılan görüşmeler Steve McClanahan .