Nauji ištekliai žiniatinklio dizaineriams ir kūrėjams (2016 m. Birželio mėn.)

Mes plečiame sąrašą vidurio metų leidimui. Ši įmoka turi keletą CLI (ir čia yra mūsų pranešimas apie tai, kodėl turėtumėte išmokti komandų eilutę), darbalaukio programa, skirta darbui ir įdomiam darbui, ir keletas CSS ir JavaScript bibliotekų. Taip pat yra skaitomos medžiagos, nuorodos ir geriausios praktikos vadovai, kuriuos turėtumėte patikrinti, pažymėti ir galbūt skaityti vieną dieną.

Aš neketinu sugadinti likusio sąrašo, kad išeitumėte. Jei norite gauti daugiau naujų išteklių, spustelėkite čia.

Spustelėkite Daugiau išteklių

Raskite visą mūsų rekomenduojamų išteklių rinkinį ir geriausias žiniatinklio dizaino ir kūrimo priemones.

CertBot

CertBot suteikia patogesnį būdą, kaip įdiegti sertifikatus iš „Let's Encrypt“. Ji suteikia komandų eilutes su parama daugeliui serverio konfigūracijų, pavyzdžiui, „Apache“, „NGINX“ ir „Plesk“. Kalbant apie tai, Leiskite šifruoti - tai bendruomenės pastangos padaryti internetą saugesnį, suteikiant nemokamą SSL sertifikatą. Šiuo metu ji naudojama daugiau nei 3 milijonuose svetainių.

Mononoki

Mononoki yra šriftas, specialiai sukurtas kodui rodyti. „Mononoki“ galima įdiegti kaip darbalaukio šriftą (.ttf) ir žiniatinklio šriftas (.eot, ir .atsipalaiduoti). Tai nauja alternatyva klasikinei monotipai kaip Monakas, Menlo ir Courier.

BideoJS

Atrodo, kad pagrindiniame puslapyje rodomas viso puslapio automatinio paleidimo vaizdo įrašas. BideoJS yra „JavaScript“ biblioteka, kuri leidžia jums tai padaryti tik su mažiau kliūčių. Jis yra lengvas, reaguoja ir gali būti sukonfigūruotas pagal jūsų poreikius.

CSS valymas

CSS valymas yra nuorodų, straipsnių ir statistikos rinkinys CSS. Tokia išradinga informacija gali padėti jums priimti gerai informuotus sprendimus dėl to, kokių CSS metodikų, įrankių ir sistemos norėtumėte patvirtinti savo projekte.

Mailgen

Mailgen yra „Node“ modulis, sukuriantis gražų, paprastą HTML el. laišką. Pateikiamos kelios parinktys, leidžiančios pritaikyti beveik kiekvieną el. Pašto sritį. Galite nustatyti el. Laišką “tema”, el. laiško antraštę ir “Kvietimas veikti” mygtukas. Jis taip pat gali būti integruotas į „Node“ darbalaukį ar žiniatinklio programą.

Deco

Deco yra IDE, kurianti mobiliąją programą naudojant „Facebook“ iniciatyvą React Native. Pagalvokite apie „Deco“, pavyzdžiui, „XCode“ arba „Visual Studio“, kur galite sukurti programą su patogia vartotojo sąsaja, naudodami vilkite ir nusileiskite, slankiklius ir spalvų rinkiklius.

IE8 Linter

„Internet Explorer 8“ (IE8) yra senovinė naršyklė, kuri nepalaiko šiuolaikinių žiniatinklio technologijų, tokių kaip CSS3 animacijos, transformacijos, perėjimai ir dauguma HTML5 elementų be polifilis. DRY principas yra įrankis, kurį galime naudoti, kad nuskaitytume svetaines IE8 suderinamumui. Joje pateikiama ataskaita ir sprendimai.

Ožkos

Ožkos yra neoficiali „Facebook Messenger“ darbalaukio programa. Jis yra pastatytas ant „Node.js“ ir „Electron“, leidžiančio jį naudoti kaip platformą; ji yra prieinama OS X, Windows ir Linux. Be to, ateina dvi spalvos: tamsus ir šviesus.

Fotonų rinkinys

Fotonų rinkinys yra pagrindas pradėti naują programą su „Electron“. Panašiai kaip „Bootstrap“, „Foundation“ ir pan., „Photon“ pateikiamas numeris „Components“, leidžiantis jums sukurti bendrus UI elementus programoje, pavyzdžiui, mygtukus, įrankių juostą ir šoninę juostą.

Yeoman App

Yeoman App yra darbalaukio programa, kuri generuoja projekto „Boilerplates“, „Framework“ ir pastolius iš „Yeoman“. Tai gera alternatyva tiems, kurie nepatinka dirbti per terminalo ir komandų eilutes.

SQLectron

SQLectron yra „SQL“ darbalaukio klientas, leidžiantis patogiau peržiūrėti ir atlikti kelias SQL operacijas. Jis palaiko „MySQL“, „PostgreSQL“ ir „Microsoft SQL Server“. „SQLectron“ yra prieinama OS X, Windows ir Linux.

Šeimos SCSS

FamilySCSS yra kolekcijų rinkinys, kuris leidžia pasirinkti elementus : n-os vaikas labiau intuityvus. Mišiniai yra deklaratyvūs. Pavyzdžiui, galite rašyti @ įtraukti pirmąjį (3) pasirinkti pirmuosius tris vaiko elementus ir rašyti @įtraukti tarp (2, 4) pasirinkti antrąjį - ketvirtąjį vaikų elementą.

„EasyEngine“

„EasyEngine“ yra komandų eilutės, leidžiančios konfigūruoti „WordPress“ su įrankiais ir moduliais, pvz., „Redis“, „Caching“ papildiniu ir „PageSpeed“. Tai leidžia įdiegti „WordPress“ serverį greičiui.

Phinx

Phinx yra PHP modulis duomenų bazių valdymui ir migracijai. Jame yra klasės ir komandų eilutės, kurios leidžia paleisti beveik bet kokią duomenų bazės operaciją, pvz., Rašymą, atsisiuntimą ir įkėlimą. „Phinx“ dokumentai - tai išradinga nuoroda, padedanti jums pradėti.

RichCSS

RichCSS yra CSS sistema, užtikrinanti protingą struktūrą. Sistema tvarkingai tvarko aplankus, katalogus ir klases pro DRY būdą, leidžiantį jį naudoti pakartotinai. Be mygtukų, sąrašų ir formų, „RichCSS“ taip pat turi savo CLI, kurią galite naudoti norint pradėti naują „Rich“ projektą, pvz., „Bower“, „Git“ ir „NPM“.

Frend

Frend yra bendrų interneto komponentų rinkinys. Šiuo metu kolekciją sudaro „Accordion“, „Dialog Modal“, „Offcanvas“, „Tooltip“, „Tabs“, o dar keletas ateina kitame leidinyje. Frendas gali būti gera alternatyva jQuery UI.

FLA

Tai yra išsami sistema, leidžianti sukurti atsakingą tinklo schemą su „Flexbox“.

PHP teisingas kelias

PHP yra programavimo kalba, kurią lengva išmokti, bet jūs taip pat galite lengvai sugesti su kodais ir tai galiausiai gali pakenkti jūsų svetainės saugumui ir našumui. PHP tinkamas kelias yra plati nuoroda, kaip išmokti geriausios praktikos PHP.

Žvaigždutė

Žvaigždutė yra CSS biblioteka, kurianti žvaigždės reitingų sistemą su išgalvotais animuotais atsiliepimais. Žvaigždučių įvertinimas sukurtas atsižvelgiant į prieinamumą; galite naršyti ir priskirti žvaigždutes klaviatūra.

PalaukiteAtnaujinkite

PalaukiteAtnaujinkite yra patogus žiniatinklio įrankis a “Pauzė” laiko nustatymas vienoje CSS animacijoje @keyframe. The “Pauzė”, kai padaryta teisinga, animacija taps labiau įtraukta - čia yra keletas pavyzdžių.