Uued ressursid veebidisaineritele ja arendajatele (detsember 2015)

Veebiarenduse stseen on tänavu valguse kiirusega edenenud. CSS3 on hästi vastu võetud ja me oleme vähem sõltuvad polüfill kuna viimased brauserid toetavad tõesti uusimat veebistandardit. Microsoft Edge tutvustati, Google avaldas kaks avatud allikat veebi jaoks: Material Design Lite ja Polymer 2.0.

Niisiis, lähme aasta tagasi mõnede mugavate tööriistadega kaastöötajatele. Meil on paar JavaScripti teeki, samuti vahendid, mis aitavad tõhusamalt töötada jQueryga. Lisateabe saamiseks vaadake veebiarendajate seeria täielikke ressursse.

Klõpsake rohkem ressursse

Leia kogu meie soovitatud ressursside kogu ja parimad veebidisaini ja arendustööriistad.

Notie.js

Notie.js on ilusam JavaScript-märguanne, teade ja dialoogiboks. Selle asemel, et kasutada hoiatus () funktsiooni, mis näitab tühja ja pisut šokeeriv märkeruut, saate selle asendada notie () funktsiooni, et näidata stiilipõhist hoiatust. Notie.js'iga saate hõlpsasti sobitada hoiatuse stiili oma saidi üldise kujundusega.

Github Corner

Alles hiljuti sain aru, et Githubi nurgas, mida näeme tavaliselt avatud lähtekoodiga projekti kodulehel, on juba 7 aastat vana. Aeg näo kiirendamiseks. Github Corner on algatus Githubi lindi nüüdisaegsema ja värskema väljanägemise jaoks. Ta kasutab SVG asemel bitmap graafika, mis võimaldab tal jääda terav kõrglahutusega ekraanid.

Sweet (Slack) teemad

Slack on muutunud kõige populaarsemaks vestlusrakenduseks väikestes ettevõtetes, alustavatel ettevõtetel ja arendajatega. Võrdle teiste rakendustega nagu Skype ja Google Hangouts, Slack on kohandatav mitmel viisil, sealhulgas tema teema - rakenduse liidese välimus ja nüanss. Siin on valmis installitavate Slack-teemade kogum .

jQuery Config

jQuery on modulaarne, mis tähendab, et me saame sellest soovimatuid mooduleid eemaldada, et suurus oleks kergem. Meie eelmine õpetus, kuidas eemaldada ebavajalikud moodulid jQuery-s, näitab, kuidas seda teha Homebrew'iga, NPM-iga, kuid seda tehakse terminali kaudu. Kui te ei soovi seda kasutada, saate seda kasutada jQuery Config. See toimib lihtsalt klikkidega.

SummerNote

SummerNote on JavaScript-raamatukogu, et luua WYSIWYG-redaktor. SummerNote on välja töötatud väljapaistvate avatud lähtekoodiga projektide kõrval: jQuery, Bootstrap ja Font Awesome. SummerNote'i kasutuselevõtt on sama lihtne kui mõne muu JQuery raamatukogu kasutuselevõtt, ja see on ideaalne alternatiivraamatukogu TinyMCE-le, eriti kui teie veebi kasutab ka alustalana Bootstrapit.

BackstopJS

BackstopJS on suurepärane vahend veebilehe reageerimisvõime testimiseks, mis on tüütu protsess. Lühidalt öeldes teeb see raamatukogu automatiseerimise teel ülesandeks testida saiti mitme ekraaniga suuruses. Tööriist tabab veebisaidi ekraanipilte ja märkab, milline lehekülg läbib ja test ei vasta määratud parameetritele ja ekraani suurustele. See on nagu üksuse testimisvahend tundliku veebisaidi kasutamiseks.

SuitCSS

SuitCSS on boilerplate, mis koosneb oma CSS eelprotsessorist, mis toetab CSS-i tulevast süntaksit nagu Custom Property ja Custom Media Query; alustada hästi ehitatud veebisaidi arendamisest.

Bind

Bind on natiivne OS X rakendus, mis võimaldab teil luua veebi liideseid ja skeeme, kasutades GridStyleSheet'i, TheGridi väljatöötatud paigutusalgoritmi. GSS võimaldab teil veebisaite tõhusalt paigutada. Näiteks, vastupidiselt CSS-ile, võimaldab GSS oma elementide konteinerite vertikaalset joondamist ühe koodireaga.

AntiModerate

AntiModerate on JavaScripti raamatukogu, mis laadib pilte targemaks. Selle teegiga saate isegi aeglase Interneti-ühenduse korral esmalt laadida väiksema suurusega pilti, samas kui suurem pilt on ikka veel taustal. Kui täislaadimine on täis, võtab suurem pilt keskpunkti. See meetod võib teie veebilehtedele kiiremini laadida.

jQuery nõuanded, mida peaksite teadma

Cool pealkiri ja isegi jahedam sisu, see on kollektsiooni jQuery näpunäiteid, mida me peaksime teadma (pooled neist soovin, et oleksin palju teada saanud, palju varem). Täiesti tasub vaadata.