Web Tasarımcıları ve Geliştiricileri İçin Yeni Kaynaklar (Haziran 2016)

Yıl ortası baskısı için listeyi genişletiyoruz. Bu kurulum birkaç CLI'ye sahiptir (ve neden komut satırını öğrenmeniz gerektiğine dair yazımız), iş ve eğlence için birkaç masaüstü uygulaması ve birkaç CSS ve JavaScript kütüphanesi içerir. Ayrıca, bir gün okumanız, yer imi koymanız ve bir gün okumanız gereken en iyi uygulamalar hakkında okuma materyalleri, referanslar ve rehberler de bulunmaktadır..

Listenin geri kalanını mahvetmeyeceğim, o yüzden sen git. Daha yeni kaynaklar için buraya tıklayın.

Daha Fazla Kaynak İçin Tıklayın

Önerilen kaynaklar koleksiyonumuzun tamamını ve en iyi web tasarım ve geliştirme araçlarını bulun.

CertBot

CertBot Let's Encrypt'tan sertifika dağıtmak için daha kullanışlı bir yol sağlar. Apache, NGINX ve Plesk gibi sayısız sunucu konfigürasyonunu destekleyen bir dizi komut satırı sağlar. Hangisini konuşalım, Let's Encrypt, ücretsiz bir SSL Sertifikası sağlayarak Web'i daha güvenli hale getirmek için ortak bir çabadır. Şu anda 3 milyondan fazla web sitesinde kullanılıyor.

Mononoki

Mononoki kod görüntülemek için özel olarak tasarlanmış bir yazı tipidir. Mononoki, yüklenebilir bir masaüstü fontu olarak kullanılabilir (.ttf) ve web yazı tipi (.EOT, ve .woff). Klasiklere taze bir alternatif. monotypes Monaco, Menlo ve Kurye gibi.

BideoJS

Ana sayfada tam sayfa otomatik oynatma videosu göstermek yükselen bir trend gibi görünüyor. BideoJS Daha az engel ile tam olarak bunu yapmanızı sağlayan bir JavaScript kütüphanesidir. Hafif, duyarlı ve ihtiyaçlarınızı karşılayacak şekilde yapılandırılabilir.

CSS Temizleme

CSS Temizleme CSS için referanslar, makaleler ve istatistikler topluluğudur. Bunun gibi becerikli bilgiler, projenizde hangi CSS metodolojilerini, araçlarını ve çerçevesini benimsemek istediğinizi iyi bilgilendirilmiş kararlar almanıza yardımcı olabilir.

Mailgen

Mailgen Güzel, basit, duyarlı bir HTML e-postası oluşturmak için kullanılan bir Düğüm modülüdür. E-postanın hemen hemen her alanını özelleştirmenize olanak tanıyan bir avuç seçenek vardır. E-postayı ayarlayabilirsiniz “tema”, e-posta başlığı ve “Eylem çağrısı” buton. Ayrıca Düğüm tabanlı masaüstünüze veya web uygulamanıza da entegre edilebilir.

Deco

Deco Facebook girişimi React Native kullanarak bir mobil uygulama oluşturmak için bir IDE. Sürükle ve bırak, kaydırıcılar ve renk toplayıcıları kullanarak kullanıcı dostu bir UI ile bir uygulama oluşturabileceğiniz, XCode veya Visual Studio gibi Deco düşünün.

IE8 Linter

Internet Explorer 8 (IE8), CSS3 Animasyonları, Dönüşümleri, Geçişleri ve çoğu HTML5 öğesi gibi modern Web teknolojilerini desteklemeyen antika bir tarayıcıdır. polyfill. KURU ilkesi, IE8 uyumluluğu için web sitelerini taramak için kullanabileceğimiz bir araçtır. Rapor ve çözümler sunar.

keçilerin

keçilerin resmi olmayan bir Facebook Messenger masaüstü uygulaması. Çapraz platform uygulaması olmasını sağlayan Node.js ve Electron üzerine inşa edilmiştir; OS X, Windows ve Linux'ta mevcuttur. Ayrıca iki renkte gelir, Karanlık ve Işık.

Foton Kiti

Foton Kiti Electron ile yeni bir uygulama başlatmak için bir çerçevedir. Bootstrap, Foundation ve beğenilere benzer şekilde Photon, düğmeler, araç çubuğu ve kenar çubuğu gibi bir uygulamada ortak UI öğeleri oluşturmanıza izin veren bir dizi Bileşen ile birlikte gelir.

Yeoman App

Yeoman App Yeoman'dan proje parçaları, iskelet ve iskeleler üreten bir masaüstü uygulamasıdır. Terminal ve komut satırlarında rahatça çalışmayanlar için iyi bir alternatiftir.

SQLectron

SQLectron Birkaç SQL işlemini daha rahat görüntülemenizi ve gerçekleştirmenizi sağlayan bir SQL masaüstü istemcisidir. MySQL, PostgreSQL ve Microsoft SQL Server'ı destekler. SQLectron OS X, Windows ve Linux için kullanılabilir.

Aile SCSS

FamilySCSS ile seçim elemanlarını oluşturan karışımların bir koleksiyonudur. : N'inci-çocuk daha sezgisel. Karışımlar bildiricidir. Mesela yazabilirsiniz @include önce (3) ilk üç alt öğeyi seçip yazmak @ (2, 4 arası) 2. ila 4. alt öğeyi seçmek için.

EasyEngine

EasyEngine, WordPress'inizi Redis, Önbellekleme eklentisi ve PageSpeed gibi araçlar ve modüller ile yapılandırmanıza izin veren bir komut satırı koleksiyonudur. WordPress sunucusunu bir esinti hızına göre ayarlamayı sağlar.

Phinx

Phinx veritabanı yönetimi ve geçişi için bir PHP modülüdür. Yazma, İndirme ve Yükleme gibi neredeyse tüm veritabanı işlemlerini yapmanızı sağlayan Sınıflar ve Komut Satırları ile birlikte gelir. Phinx Dokümanlar, başlamanıza yardımcı olacak becerikli bir referanstır.

RichCSS

RichCSS akıllıca bir yapı sağlayan bir CSS çerçevesidir. Çerçeve, klasörleri, dizinleri ve sınıfları DRY yanlısı bir şekilde yeniden kullanılabilir olmasını sağlayan şekilde düzenler. Düğmelerin, listelerin ve formların üstünde RichCSS, Bower, Git ve NPM gibi yeni bir Rich projesini başlatmak için kullanabileceğiniz kendi CLI'siyle birlikte gelir.

Frend

Frend ortak web bileşenleri topluluğudur. Koleksiyon şu anda Akordeon, Dialog Modal, Offcanvas, Araç İpucu, Sekmelerden oluşuyor ve bir sonraki sürümde yer alacak. Frend, jQuery UI'ye iyi bir alternatif olabilir.

FLA

Flexbox ile uyumlu bir ızgara düzeni oluşturmak için bu kapsamlı bir çerçevedir.

PHP Doğru Yol

PHP, öğrenmesi kolay bir programlama dilidir, ancak kodları da kolayca yanlış gidebilirsiniz ve bu sonuçta web sitenizin güvenliğini ve performansını tehlikeye atabilir. PHP Doğru Yol PHP'deki en iyi uygulamaları öğrenmek için kapsamlı bir referanstır.

Starability

Starability fantezi animasyonlu geribildirim ile bir yıldız derecelendirme sistemi oluşturmak için bir CSS kütüphanesidir. Yıldız derecelendirmesi akılda erişilebilirliği ile inşa edilmiştir; Klavye arasında gezinebilir ve yıldız atayabilirsiniz.

WaitAnimate

WaitAnimate hesaplamak için kullanışlı bir web aracıdır “Duraklat” Tek bir CSS animasyonunda zamanlama @keyframe. “Duraklat”, doğru yapıldığında, animasyonu daha ilgi çekici hale getirebilir - işte bazı örnekler.