Bu ayın koleksiyonu, web sitesi tasarım projelerinin kapsamını kapsayan araçlar ile doludur. Simge paketlerinden mevsimsel vektörlere, birkaç serin yazıyüzüne ve hayatınızı kolaylaştırmak için bazı kod parçacıklarına kadar, kullandığınız bu toparlamada en az bir öğe bulacağınızı düşünüyoruz.

Listede olması gerektiğini düşündüğünüz bir şeyi kaçırırsak, yorumlarda bize bildirin. Gelecek ay öne çıkarılması gereken yeni bir uygulama veya kaynak biliyorsanız, bunu @carriecousins dikkat edilmesi gereken!

Dropbox Tasarımı

Dropbox Bu ay yeni bir tasarım taslağı çıkardı ve markalaştı, cesur, renkli ve modaya uygun konseptlerle doluydu. Bu senin için ne ifade ediyor? Büyük markalar yeni tasarım kalıpları başlattığında, genellikle trend olarak ortaya çıkıyor. Cesur, mod tarzı tasarım konseptinin daha fazla web sitesi arasında trend olup olmayacağını görmek ilginç olacaktır.

dropboxatchia

Khroma

Khroma hala beta sürümünde, kendisini “tasarımcılar için bir AI renk aracı” olarak adlandırıyor. İstediğiniz renkleri oluşturmak ve engellemediğinizleri oluşturmak için bir algoritma seçtiğiniz ve seçebileceğiniz bir dizi 50 renkle başlıyorsunuz. Algoritma, internetteki en popüler renk paletlerinden bazılarını harika kombinasyonlar üretmek için öğrenmiştir; Renklerinizi renk paletine, degradeye, palete veya görüntü veya türe göre tarayabilirsiniz.

khroma

Data Viz Projesi

Verileri en iyi nasıl görselleştirirsiniz? Bu büyük bir tasarım sorusu. Bu proje anlaşılması kolay bir ekran için bilgi içeren grafikler ve grafikler oluşturmanın birçok yolunu sunar. Nasıl çalışır, işlev, şekil ve canlı veri örnekleri hakkında bilgi için herhangi bir görselleştirme türüne tıklayın.

Veri yani

Devices.css

En yeni cihazların saf CSS sürümlerini mi arıyorsunuz? Onları al Devices.css iPhone X ve 8, Google Pixel, Galaxy S8, tabletler ve daha fazlası dahil.

cihazlar

URL’den PDF’ye

URL’den PDF’ye makbuzları, faturaları veya diğer herhangi bir web içeriğini bir PDF'ye dönüştürmek için kullanılan bir mikro hizmettir. API, HTML + CSS içeriğini Kukla Kullanıcısı'nı kullanarak başsız bir Chrome ile PDF'ye dönüştürür.

pdf

Bubbly Arka Planlar

Hareketli kabarcıklar ile serin bir animasyonlu arka plan resmi oluşturun. Kodun küçük bir kodu 1kB'den azdır ve her zaman görünümün genişliğini ve yüksekliğini doldurur, bu yüzden birkaç proje için bir tak ve çalıştır çözümü olur. Alet özel bir görünüm için tuvalinizde "kabarcıklı" olmanızı sağlar.

kabarcıklar

Draggable

Shopify'ın harika bir aracı var. Draggable Bu modüler bir sürükle ve bırak kütüphanesidir. Öğeleri taşıyabilir, hızlı ve duyarlı sıralama ile her şeyi yerinde sıralayabilir ve izleyebilirsiniz. Tıklama, dokunma ve zorla dokunma ile çalışır. Ayrıca, genişletilebilir - ilave işlevsellik için özel bir modül yazın ve inceleme için Github repo'ya gönderin.

sürüklenebilir

modülatör

spacing tool aralama aracı ızgara ve tasarım sisteminizi anlamlandırmanıza yardımcı olabilir. Üniteler, boşluklar ve genişlikler için artı girdiler için çeşitli girişler vardır.

modülatör

Eskiz için Semboller ve Otomatik Güncelleme Stili Kılavuzları

Eskiz kullanıcıları sevecek bu “akıllı” şablon iç içe semboller kullanır. Şablon bir başlangıç ​​noktasıdır, bu yüzden her yeni projeyle bazı başlangıç ​​tasarım aşamalarını çoğaltmazsınız ve doğrudan tel örgü içine dalmak mümkündür. Paket, tümüyle bir Sketch şablonu olarak düğmeler, girişler, açılır listeler, bildirimler, sayfalar, araç ipuçları, takvim vb. İçerir. Sadece öğeleri sürükleyip bırakarak yükleyin.

İç içe

Flow.ai

Flow.ai yapay zeka kullanarak chatbots ile sohbet oluşturmak için bir araçtır. Sürükle ve bırak arabirimi, gelişmiş işlevselliğe sahip sohbet botları oluşturmanın kolay bir yolunu sunar.

akış

Başlıksız Kaydırıcı

Nathan Taylor Başlıksız Kaydırıcı Aynı eski kaydırıcı animasyonuna yeni ve eğlenceli bir dokunuş getirir. Dönen, renk değiştiren sürgü, dramatik, ilginç ve dikkat çekicidir.

kaydırıcı

Yapışkan Kenar Çubuğu

Yapışkan Kenar Çubuğu kabın boyutu değiştirildiğinde boyutları otomatik olarak belirlemek için bir yeniden boyutlandırma sensörü ile entegre akıllı ve yüksek performanslı kenar çubukları yapmak için saf bir JavaScript eklentisidir.

yapışkan kenar çubuğu

Kablolu noktalar

Kablolu noktalar ücretsiz Bootstrap temaları, elemanları ve bileşenleri topluluğudur. Yeni site freebies eklemeye devam edecek.

Serbest önyükleme

Clockify

Clockify Ajanslar ve serbest çalışanlar için yeni (ve ücretsiz) bir zaman izleme aracıdır. Kendiniz veya bir takım için çalışılan projeleri ve saatleri takip edebilirsiniz. Projeye göre izleyin veya ne kadar verimli olduğunuzu görün. Manuel ve otomatik zaman izleme seçenekleri dahildir.

Clockify

Moocha

Doğru çevrimiçi kursu bulmak çok uzun sürüyor mu? Moocha tüm çevrimiçi kurs sitelerini arar, böylece yapmanız gereken tek şey bir konuya - örneğin UX tasarımına - girmektir ve edX, Coursera, Udacity ve daha fazlası gibi yerlerden her şeyi görebilirsiniz.

moocha

Cadılar Bayramı Vektör Toolkit

Ürkütücü her şeyin bir ayı ve bu küçük vektör kiti web siteleri ve baskı tasarımları için Halloween temalı elemanları ile doludur. (Ürpertici olmaktan biraz tuhaf olabilirler.)

cadılar bayramı

Happtizens Karakter Yaratıcısı Seti

Bu eğlenceli seti sevimli karakterler vektör yaratıklar ve kişilikler oluşturmak için bir başlangıç ​​noktası sağlar. Her karakter neredeyse minimalist bir tarzda bir parmak kukla gibi görünüyor.

happ

iOS 11 Glifler

Bu büyük set açık kaynaklı gliflerin yeni doldurulmuş simge tasarımı ile yeni iOS 11 tarzıdır. (Bu eski anahat simgeleri artık sekme çubuğunda kullanılmamaktadır.) Paket, Apple Yönergeleriyle tutarlı 200 simgeler içermektedir.

ios-glifleri

Sıkışma Simgeleri

Sıkışma Simgeleri 422 piksel mükemmel çizgi simgeleri bir pakettir. Web tabanlı simgelere, yönsüz oyuncu simgelerine, metin ikonlarına ve sosyal medya simgelerine kadar her şey var. Simgeyi bir CSS stil sayfası veya bağımsız SVG dosyaları olarak bir font olarak kullanabilirsiniz. (Ve hepsi özgür.)

tıka simgeler

TypeStrap

TypeStrap kullanıcıların tipografiyi kontrol etmesine yardımcı olmak için modüler bir ölçek kullanan CSS tabanlı bir tiptir. Bootstrap 4 üzerine kurulmuştur.

typestrap

Gelecek Fontlar

Bir grup tasarımcı, “projeyi kullanan ve onu yaratan tasarımcılar için bir platform” olarak adlandırdıkları bir proje üzerinde çalışıyor. Gelecek Fontlar kullanıcıların hala devam ederken yazı tiplerini lisanslamalarına ve daha iyi ve daha kullanışlı hale getirmelerine yardımcı olmak için girdi sağlamasına olanak tanır. Tip için bir beta sitesi gibi.

geleceğe yazı

Archia

Archia çoğunlukla tekdüze vuruşlar ve minik serifler ile basit bir yazı. Bu altı stilleri içerir - sadece düzenli ücretsiz indirmenin bir parçası - ve ekran veya daha küçük tip uygulamalar için çalışabilir. Birden çok dili destekler ve tabloları, fiyat listeleri veya finansal raporlar oluşturuyorsanız, büyük rakamlar ile birlikte gelir.

atchia

Jullian Komut Dosyası

Jullian ilginç ve modern bir yeteneğe sahip eğlenceli bir senaryo. Konturlar suluboya bir his verir ve yazı karakteri tam ve küçük harf karakter kümesi, noktalama işaretleri ve rakamlarla gelir.

Jullian

Mouron

Mouron tam bir büyük harf tarzı güzel, modern sans serif yazı. Harika bir poster ya da ekran yazı karakteri oluşturur ve sayılar ve bir dizi eğlenceli alternatif karakter içerir.

Mouron