Bahar, bol miktarda yeni araç, özel renk ve CSS seçenekleri ile havada. Sezonun değişiminin yaratmaya ilham verdiğinizi ve bu yeni tasarım araçlarının iş hayatınızı biraz daha kolaylaştırabileceğini umuyoruz.

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!

Soyut Akrilik Grafik Paketi

Abstract Acrylic Graphics Pack Soyut Akrilik Grafik Paketi ahem, renkli vektör formatlarında doku ve sıçramalarla doludur. Arka plana hazır öğelerin tümü, JPG, PNG ve AI biçimlerinde yüksek çözünürlüklü bir biçimde tasarlanmıştır. Paket, kaplama olarak kullanılacak 12 akrilik sıçrama, sekiz doku ve 90 vektör şekli içeriyor. (İndirme işlemi bir e-posta adresi gerektiriyor ve isterseniz içerik oluşturucuyu desteklemek için isteğe bağlı bir bağış ekleyebilirsiniz.)

akrilik

istemleri

istemleri hafif ve estetik açıdan hoş bir interaktif komut setidir. Büyük bağımlılıkları veya düzinelerce küçük modülü olmayan basit bir kod konsepti ile yapılır. Tek bir cevap, bir cevap zinciri ve hatta dinamik uyarı istemek için bir uyarı isteyebilirsiniz.

istemleri

Dribbble Renk Paleti Üreticisi

Herhangi bir renk paletini bir Dribbble çekiminden Sketch-Palet eklentisi . En sevdiğiniz renkleri saklayın ve bunları projelerde kullanılmak üzere Sketch-Palette eklentisine indirin. Araç Firefox ve Chrome uzantıları içerir.

dribbble-kroki

FastPhotoStyle

FastPhotoStyle NVIDIA'nın bir kod deposu - evet, video kartı üreticileri - hızlı fotoğraf stili transfer algoritmasını içerir. Araç, kullanıcıların bir görüntünün görsel stilini diğerine aktarmalarını sağlar. Kod, Creative Commons Ticari Olmayan Paylaşım Alike lisansının altına düşer, bu yüzden projelerde kullanmadan önce kuralları kontrol edin.

fastphoto

CSS Renk Gradyanları

İle daha sezgisel bir renk geçişi oluşturun. CSS Renk Gradyanları . Bir başlangıç ​​ve bitiş rengi seçin ve araç size en iyi ve en görsel olarak hoş bir renk solmasını sağlamak için eğimi ayarlayın, böylece zorlu başlatma ve durmalarla bitmezsiniz. Ardından, renk geçişiniz için CSS'yi alabilir ve projelere ekleyebilirsiniz.

gradyanları

Launchaco

Launchaco küçük başlangıç ​​siteleri için basit bir web sitesi oluşturucusudur. Duyarlı tasarımlar, uygulamalar ve tüm web sitesi araçlarını, izleme için Google Analytics, HTTPS ve özel alanlar gibi ortak öğelerle entegre edebilirsiniz. Kullanıcılar, daha sağlam ve sınırsız özellikler için bir web sitesi oluşturmak için ücretsiz bir hesap oluşturabilir veya yıllık ücretli sürüme ($ 49.99 beta fiyatlandırması) geçebilir.

launchaco

Chrome Müzik Laboratuvarı: Song Maker

Renk örneklerinden ara verin ve Şarkı Yapıcı Chrome Müzik Laboratuvarı'ndan. Farenizle blokları renklendirin, bir müzik stili seçin ve görsel yaratımın nasıl bir şey yaptığını görün. Bu eğlenceli ve yaratıcı bir saptırma!

şarkı

.renkler

.colors .renkler araç günlük bir web tasarım ikilemini çözer: Kodunuzda bir renk diziniz vardır, ancak her zaman neye benzediklerini bilmezsiniz. Bu araç bir dizi kod girmenize ve kod ile tanımlanan her bir renge sahip bir renk paleti oluşturmanıza izin verir. Sadece kod parçalarını renkler içeren araca yapıştırın - hex, HSL veya RGB -.

dot-renkler

Bugünün tarihi SVG

Terence Eden her zaman güncel tarihini kendi blogunda görüntüleyen bir SVG istedi - böylece bir tane yaptı. Bugünün tarihi SVG gün ve tarihi doğru şekilde görüntüleyen genel bir tarih simgesidir. Sadece birkaç satır kod ve JavaScript ekleyin ve gitmeye hazırsınız.

svg-cal

Kutt.it

Kutt Bağlantılarınızın markalı ve izlenebilir olması için sağlam özelliklere sahip yeni bir bağlantı kısaltıcısıdır. Kutt, linkleri oluşturmanıza, korumanıza ve silmenize izin verir; analitiği izlemek; özel bir alan adı kullanın ve bir API ile entegre edin. Ayrıca, araç açık kaynaklıdır ve kullanımı ücretsizdir (sunucunuzda bile barındırabilirsiniz).

Kutt

CSS'nin 30 Saniye

CSS'nin 30 Saniye Hemen hemen herkesin bir dakikadan kısa bir sürede anlayabileceği ve web sitesi tasarım projelerine yerleştirilebilecek kod parçacıklarının küratörlüğünde bir koleksiyonudur. Parçacıklar kategorilere ayrılırlar, böylece kodu yapmak için ihtiyacınız olanı bulabilir (ve daha iyi bir anlayış için bir açıklama).

30 saniye

Kroki İzometrik

Sketch Isometric plugin Sketch İzometrik eklenti kullanıcıların Sketch uygulamasında çalışma yüzeylerinden ve dikdörtgenlerden izometrik görünümler oluşturmasına olanak tanır. İki boyutlu üç boyutlu nesneleri temsil eden izometrik görünüm, tek bir görsel ekranda birden fazla ekran ile uygulama örneklerini göstermek için popüler bir seçimdir. Eklenti, rengi ve render derinliğini döndürmenize, döndürmenize, ölçeklendirmenize ve değiştirmenize izin verir.

isoetric

Duet Ekranı

Daha fazla monitör alanına mı ihtiyacınız var? Duet Ekranı iPad'inizi Mac veya PC'niz için ekstra bir monitöre dönüştürmenizi sağlar. Eski Apple mühendisleri tarafından üretilen araç, verimliliği artırmanıza ve iPad aracılığıyla dokunarak bilgisayarınız ile etkileşimde bulunmanıza yardımcı olabilir. Tüm bağlantı kurmak için bir yazılım indirme ve Yıldırım veya 30-pin kablo.

düet

Bildirimler

Herşey Dahil Bileşenler bildirimlere ve bildirim bileşenlerinin yalnızca “web uygulamalarından” daha fazlasına nasıl dahil edileceğine dair iyi bir makaleye sahiptir. Kısa bir mesajla bir şeye dikkat çekmeniz gerektiğinde bildirimler herhangi bir dinamik web deneyiminin bir parçası olabilir. Canlı bölgeleri sohbet uygulamalarından flash mesajlara dönüştürmekten bu makale her şeyi bozuyor.

Saf CSS Moleskine Dizüstü Bilgisayarlar

Aynı adı taşıyan defterin hayranları, bu kaleme sahip olanları sevecek CSS animasyonlu Moleskinler . Pen, vurgulu, düz, çizgili ve noktalı “kağıt” ile vurgulu sayfaların içinde yer almak üzere kapalı ve açık dört adet deftere sahiptir.

defterler

Mario Piksel Simgeler

Düşkün çocukluk anılarını pikselli bir site ile geri getirin, video oyun stili simgeler . Set, vektör formatında erken bir video oyununda görmeyi beklediğiniz tüm görüntüleri içerir. Onları çevrimiçi veya hatta bir gömlek tasarımında kullanın. Bu set AI, PNG ve SVG formatlarındaki 100 simgeleri içerir.

piksel simgeler

UI Tasarımında Gidonlar

Angie'nin Listesi'nde bir tasarımcı olan Shankar Balasubramanian gidonlara iyi bir bakış , popülerlik kazandıran yeni bir kullanıcı arayüzü öğesi. Bunu bilgilendirici yazıyla şöyle tarif ediyor: “Gidonlar, kullanıcının bu tuval üzerindeki farklı bölümleri yeniden boyutlandırmasına ve yeniden düzenlemesine yardımcı olacak bir arayüz öğesi (veya modern arayüzde arayüz). İPad'de iOS çoklu görev bölünmüş görünümünü kullandıysanız, iki uygulamadan birindeki küçük dikey ve yatay tutamaçlar, "Gidon Çubukları" olarak adlandırdığım şeydir.

gidonlar

Soyu tükenmiş hayvanlar simgeler

İnsanoğlu, daha önce hiç olmadığı gibi hayvan krallığında yok olma oranlarını hızlandırdı. Avlanma, habitat tahribatı veya yiyecek kaynağı rekabeti yüzünden olsun, daha fazla hayvan bir daha asla görülmeyecektir. Bu çeşitli set soyu tükenmiş hayvan simgeler iyi bir kaynak sağlamanın yanı sıra eğitmek istiyor.

nesli tükenmiş hayvanlar

2018 Kariyer Mutluluk Anketi

Kariyerinizden ne elde etmeye çalışıyorsunuz? Hangi iş parçaları sizi mutlu ediyor? Career Happiness Survey Kariyer Mutluluk Anketi Bu bilgiyi, iyi kararlar almak isteyen bireyler ve liderler için bir anketle bulmaya çalışıyor. Katılan herkes sonuçları e-postayla alır.

kariyer anket

Öğretici: CSS Değişkenleri ile çarpıcı Hover Etkileri

Tobias Reich'in eğlenceli bir öğretici Bu, bir düğme için serin bir vurgulu efekti oluşturmanıza yardımcı olur. Tasarım basittir, ancak genellikle kullanılan standart renk değişikliği durumlarının tümünden biraz farklı olan şık bir eğim ile dikkat çeker. Süreç boyunca size yol gösterir, böylece vurgulu efekti özelleştirebilir ve oluşturabilirsiniz.

duraksamak

Fonts.LOL

Fonts.LOL Renkli yazı tiplerine adanan ilk tip dökümhane. Tipografi stili, birden fazla renk, kontur (ve genişlik) ve degradeler içeren açık tip SVG yazı tiplerini temel alır. Renkli yazı tiplerinin toplanmasının ardındaki konsept, teknolojiyi ilerletmek ve renk fontunu benimsemeyi daha kolay ve daha yaygın hale getirmektir. Sadece bir renk yazı tipi seçin, indirin ve kullanmak için yükleyin. (Lisanslar yazı tipine göre değişebilir.)

renk yazı tipi

Lüfer

Lüfer Ücretsiz demo setinde sınırlı sayıda stilde biraz bloklu bir sans serif var. (Tam bir sürüm de mevcuttur.) Güzel bir görüntüleme seçeneği yapabilir ve demo, her birinde 378 karakterle düzenli, italik, kalın ve kalın italik stilleri içerir.

lüfer

Gudlak

Aziz Patrick Günü için tam zamanında Gudlak yonca geliştiği bir el yazısı stili yazı. Demo sürümü sınırlı sayıda 53 karakter içerir, ancak tam bir yazı seçeneği mevcuttur. Bu yazı tipi, tutumlu kullanıldığında mevsimsel projeler için eğlenceli olabilir.

gudlak

JMH Arkham

JMH Arkham çok karakterli bir vintage tarzı serif yazı. Yazı karakteri, eğlenceli eğimler ve çentiklerle dolu bir üst ve küçük harf kümesini içerir. Harflerin bir kısmı tipografinize de daha fazla yazı eklemek için daha uzun kuyruklara sahiptir.

JMH

Kabe

Kabe çok karakterli bir tek aralıklı yazı karakteri. Kullanımı, baskı ve web sitesi tasarımları için metni göstermek için kolayca genişletilebilir. Yazı karakteri, üst ve küçük harfler, sayılar ve noktalama işaretleri içerir.

kabe

Klas kal

Klas kal çok sayıda ligatür ve uzun duruş ile basit, çizgi stili bir el yazısı yazı. Işık yazı biçimi, davetler için gösterim veya yazı için mükemmeldir; tam karakter kümesi, sayılar ve noktalama işaretleri ile alternatifleri içerir.

şık