Sveži viri za spletne oblikovalce in razvijalce (december 2015)

Spletna razvojna scena je letos napredovala s hitrostjo svetlobe. CSS3 je bil dobro sprejet in od njega smo manj odvisni polyfill ker so najnovejši brskalniki resnično dobri pri podpori najnovejšega spletnega standarda. Uveden je bil Microsoft Edge, Google je izdal dva odprta vira za splet: Material Design Lite in Polymer 2.0.

Zato zaključimo leto z nekaj priročnimi orodji za druge razvijalce spletnih strani. Imamo nekaj knjižnic JavaScripta in orodja za učinkovitejše delo z jQuery. Če želite izvedeti več, si oglejte celotne vire za serije razvijalcev spletnih mest.

Kliknite za več virov

Poiščite celotno zbirko priporočenih virov in najboljše razpoložljivo spletno oblikovanje in razvojna orodja.

Notie.js

Notie.js je lepše opozorilo, obvestilo in pogovorno okno JavaScript. Namesto uporabe opozorilo () funkcija, ki kaže dolgočasno in rahlo šokantno polje z opozorilom, ga lahko zamenjate z notie () iz knjižnice prikaže opozorilo s stilom. S sistemom Notie.js preprosto ujemite slog opozorila s celotnim dizajnom vaše strani.

Github Corner

Šele pred kratkim sem spoznal, da je Githubov kotiček, ki ga ponavadi vidimo na domači strani odprtokodnega projekta, star že 7 let. Čas je za facelift. Github Corner je pobuda za sodobnejši in svež videz Githubovega traku. Uporablja SVG namesto bitne grafike, ki ji omogoča, da ostane oster v zaslonih z visoko ločljivostjo.

Sladke (Slack) teme

Slack je postal najbolj priljubljena aplikacija za klepet v malih podjetjih, startupih in razvijalcih. Primerjaj z drugimi aplikacijami, kot sta Skype in Google Hangouts, Slack je prilagodljiv na več načinov, vključno s temo - videz in barva vmesnika aplikacije. Tukaj je zbirka tem, ki so pripravljene za namestitev .

jQuery Config

jQuery je modularna, kar pomeni, da lahko iz njega odstranimo nezaželene module, tako da je velikost lažja. Naša prejšnja vadnica, Kako odstraniti nepotrebne module v jQuery, kaže, kako to storiti z Homebrew, NPM, vendar se to izvede prek Terminala. Če tega ne želite uporabiti, lahko uporabite jQuery Config. Enako počne s samo kliki.

SummerNote

SummerNote je knjižnica JavaScript za ustvarjanje urejevalnika WYSIWYG. SummerNote je razvit na vrhu uglednih odprtokodnih projektov: jQuery, Bootstrap in Font Awesome. Uvajanje programa SummerNote je tako enostavno kot uvajanje katere koli druge knjižnice JQuery in je popolna alternativna knjižnica za TinyMCE, še posebej, če vaša spletna stran uporablja tudi Bootstrap,.

BackstopJS

BackstopJS je odlično orodje za testiranje odzivnosti spletnega mesta, ki je dolgočasen proces. Na kratko, ta knjižnica naredi avtomatizacijo nalogo testiranja mesta na več velikostih zaslonov veliko bolj brezhibno. Orodje bo zajemalo posnetke spletnega mesta in označevalo, katera stran prehaja, in ne uspe preskus na podlagi določenih parametrov in velikosti zaslona. To je kot orodje za testiranje enot za uvajanje odzivnega spletnega mesta.

SuitCSS

SuitCSS je predpogoj, sestavljen iz lastnega predprocesorja CSS, ki podpira prihodnjo sintakso CSS, kot je lastnost po meri in poizvedba po meri, nekaj razredov, ki temeljijo na metodologiji BEM za uskladitev, velikost in pozicijske elemente ter veliko CSS modulov začeti z razvojem dobro zgrajene spletne strani.

Bind

Bind je izvirna aplikacija OS X, ki vam omogoča izdelavo spletnih vmesnikov in postavitev s pomočjo GridStyleSheet, algoritma postavitve, ki ga je razvil TheGrid. GSS vam omogoča učinkovito postavitev spletnih mest. Na primer, v nasprotju s CSS, GSS omogoča navpično poravnavo svojih elementov z eno vrstico kode.

AntiModerate

AntiModerate je knjižnica JavaScript, ki slike bolj pametno nalaga. S to knjižnico lahko tudi pri počasnih internetnih povezavah najprej naložite manjšo sliko, medtem ko se večja slika še vedno nalaga v ozadju. Ko je polna obremenjena, je večja slika v središču pozornosti. Ta tehnika bi lahko pomenila hitrejšo hitrost nalaganja za vaše spletne strani.

jQuery Nasveti, ki jih morate poznati

Kul naslov in celo hladnejša vsebina, to je zbirka jQuery nasvetov, ki bi jih morali vedeti (polovica od njih bi si želela, da bi vedel veliko, veliko prej). Popolnoma vredno preveriti.