Anasayfa » Web Tasarımı » Web Tasarımcıları ve Geliştiricileri İçin Yeni Kaynaklar (Aralık 2017)

    Web Tasarımcıları ve Geliştiricileri İçin Yeni Kaynaklar (Aralık 2017)

    “Başsız CMS” bugünlerde çok dikkat çekiyor. Kısaca, “başsız CMS” ön uç ile ilgilenmez; sadece CMS içeriği gösterir genellikle RESTful API biçiminde geliştiriciler içeriği oluşturmak için ne isterlerse kullanabilirler. Bu uygulamanın artan popülaritesi ile, hızlı bir şekilde kurulması ve çalıştırılması için yeni çerçeveler ortaya çıkıyor.

    Bu yüzden, bu toparlanmaya, bu çerçevelerden bir kaçını birlikte incelemeye değer diğer yararlı araçlarla bir araya getirdim.

    Başsız WP Başlangıç

    Bu bir WordPress başlangıç ​​teması, ancak diğerlerinin aksine, bu başlangıç ​​teması WP-API, içeriği almak ve ardından statik bir HTML haline getirmek için Düğüm ve React’i kullanarak web sitenizi yapın “başsız”.

    VueStoreFront

    VueStoreFront başka “Başsız CMS” iskelet. Vue.js ve Node üzerine inşa edilmiştir, VueStoreFront ve API'ler aracılığıyla Magento, Prestashop ve Shopware gibi e-Ticaret platformları için tasarlanmıştır. Aynı zamanda PWA yaklaşımını da içerir. sitenin kullanılabilir olmasına izin verir çevrimdışı.

    GatsbyJS

    Gatsby bir site statik üreteci React.js ile oluşturulmuş. İçeriği beslemek için CMS'leri WordPress, Markdown, JSON gibi bir API ile kullanabilirsiniz. Benzer şekilde bazı son teknolojiler kullanır Düğüm, PWA ve inanılmaz derecede hızlı yüklenmesine izin veren React.

    DustPress

    DustPress bir Modern gelişim anlayışıyla WordPress başlangıç ​​teması. Dust.js şablon dilinden yararlanan DustPress, HTML şablon düzenini PHP mantığından ayırır ve geliştiricilerin daha temiz bir kod üretmesini sağlar. Ayrıca yapar gelişim daha hızlı, daha sürdürülebilir ve temaya organize bir yapı kazandırıyor.

    VSCode Simgeleri

    Visual Studio Code, hızla en popüler kod editörlerinden biri haline geldi. Bu hafiftir, bol miktarda eklenti vardır ve şimdi farklı simgelerden oluşan seçimlere sahiptir. Varsayılan Visual Studio Kod simgesinin sıkıcı olduğunu düşünüyorsanız, bu simgelerden birine geçin.

    TailWindCSS

    TailWindCSS başka bir CSS çerçevesidir. Ancak, Bootstrap ve Foundation gibi popüler CSS çerçevelerinden UI bileşenleri sağlamayacak şekilde farklılık gösterir. Yerine, TailWindCSS, kendi UI'nızı oluşturmanıza olanak tanıyan küçük CSS sınıflarıyla gelir.

    Traefik

    Docker'ı deniyordum ve tek bir makinede alan adının birkaç farklı konteynere nasıl yönlendirileceğini merak ediyordum. Sonra Traefik'i buldum. Modern HTTP ters vekil ve yük dengeleyici. Docker'ın yanı sıra, Kubernetes, Rancher ve Amazon Elastic Container gibi diğer hizmetleri de destekliyor.

    CubeUI

    Vue.js üzerine kurulu CubeUI bir mobil uygulamalar oluşturmak için harika UI bileşeni. Button, Popup, TimePicker, Slide ve Checkbox gibi birçok bileşenden oluşur. Her bir bileşen sürekli entegrasyon sağlayan bir TestUnit ile ve ayrıca her bileşende hatayı minimize etmek.

    Hava

    Hava en az WordPress başlangıç ​​temasıdır. _S genişletilerek, Air gibi bazı ek bileşenler eklenir. Slaytlar, Sabit Gezinti Çubuğu ve WooCommerce-hazır.

    EmptyStates

    EmptyStates bir web'de ve mobil uygulamalarda boş durum sayfalarının toplanması Ilham almak için. Boş durum sayfası, genellikle gözden kaçan bir sayfa türüdür.

    Kısayol Tasarımı

    Bu web sitesi bir popüler uygulamaların kısayollarının toplanması ve geliştiriciler ve tasarımcılar tarafından kullanılan araçlar. Burada Sketch, Photoshop, InDesign, Sublime Text, WordPress ve daha pek çok şey için kısayollar bulacaksınız. şu anda liste yalnızca macOS için kısayollar içeriyor, ancak eklenmesi gereken Windows kısayollarını görmek harika olurdu.

    uppy

    Uppy bir Dosya yükleme arayüzü oluşturmak için JavaScript çerçeveleri. Uppy ile, dosyaları yalnızca yerel sürücüden değil, aynı zamanda Google Drive, Dropbox, Instagram ve diğer hizmetler gibi harici depolama hizmetlerinden de alabilirsiniz. Onun Özel eklentilerle hafif, modüler ve genişletilebilir.

    VuetifyJS

    VuetifyJS, John Leider'den bir girişim Vue.js etrafında Materyal Tasarımı oluşturun. Google’ın MDL veya Material Design Lite ile benzer bir girişimi var, ancak toplulukta ve gelişme son birkaç aydır çok yavaş ilerliyor gibi görünüyor. Yani bir alternatif arıyorsanız, VuetifyJS doğru seçim olabilir.

    WP ULike

    WP Ulike bir Eklemek için WordPress eklentisi “Sevmek” içeriğinize yerleşik WordPress yazı tipinde, özel yazı tiplerinde ve bbPress'in yanı sıra BuddyPress'te olup olmadığı. Aynı zamanda bazı diğer harika özelliklerle birlikte geliyor Bildirim Sistemi, Analytics ve Widget'lar en çekici olanlardan biri “Sevmek” WordPress siteniz için sistem.

    Vee Validate

    Vee Validate, bir JavaScript kütüphanesidir. doğrulama yerleşik olarak giriş alanı ekleyin. E-posta, Numara, Tarihler, URL, IP adresi vb. Gibi birçok giriş türünü destekler..

    Vue Veri Tabloları

    Başka bir kullanışlı Vue.js eklentisi. VueDataTables oluşturmak için basit bir eklenti Vue.js ile özelleştirilebilir ve sayfalanabilir tablo. Eklenti, masanın üzerinde büyük miktarda kusursuz veri sunabileceğini göz önünde bulundurarak oluşturuldu. Aynı zamanda sevk edilir Masanızı Güçlendirme, Arama Kutusu ve Filtre gibi güçlendirmek için bazı ekstra bileşenler.

    Google çalışanı

    Google çalışanı bir Google’da komut satırları üzerinden arama yapmanızı sağlayan CLI. Arayüze benzer şekilde aynı zamanda başlık, açıklama, URL ve sayfalandırma bilgilerini de alır. MacOS ve Linux kullanıcıları için kullanışlı bir araçtır.

    Cıvata CMS

    Bolt, PHP ile oluşturulan CMS'dir. Bu kurulumu hızlı, şablon motor olarak Twig'i kullanıyor, tamamen PHP7'yi destekliyor, özelleştirmesi kolay basit bir YAML dosyası aracılığıyla. Genel olarak bana ilginç geliyor; Şansım varken kesinlikle daha fazla keşfetmek için biraz zaman harcayacağım.

    teletype

    Teletype, Atom Editör'den yeni bir girişim. Bu yeni özellik size sağlar kod yazma konusunda arkadaşlarınızla işbirliği yapın. Kullanmak için resmi Teletype eklentisini yüklemeniz gerekir..

    Plyr

    Plyr (Oyuncu olarak telaffuz edilir) bir sadece 10kb boyutunda modern medya oynatıcı kütüphanesi. Bununla HTML video ve ses oynatıcısını, Youtube ve Vimeo ile bir Canlı akış ortamını özelleştirebileceksiniz. Daha planlı olan aktif bir gelişim içinde Wistia ve Facebook için gömülü video için teşvik desteği eklenecek özellikler.