Svaigi resursi tīmekļa dizaineriem un izstrādātājiem (2016. gada jūnijs)

Mēs paplašinām saraksta vidus izdevuma versiju. Šim maksājumam ir dažas CLI (un šeit ir mūsu ziņa par to, kāpēc jums vajadzētu mācīties komandrindu), pāris darbvirsmas lietotnes darbam un jautri, kā arī vairākas CSS un JavaScript bibliotēkas. Ir iekļauti arī materiāli, atsauces un norādījumi par labāko praksi, kas jums jāpārbauda, grāmatzīmi un, iespējams, jāizlasa vienu dienu.

Es negribu sabojāt pārējo sarakstu, lai jūs aizietu. Lai iegūtu vairāk svaigu resursu, noklikšķiniet šeit.

Noklikšķiniet, lai iegūtu vairāk resursu

Atrast visu mūsu ieteikto resursu kolekciju un labākos pieejamos web dizaina un izstrādes rīkus.

CertBot

CertBot nodrošina ērtāku veidu, kā izvietot sertifikātus no Let's Encrypt. Tā nodrošina virkni komandrindu ar atbalstu daudzām serveru konfigurācijām, piemēram, Apache, NGINX un Plesk. Runājot par to, pieņemsim, ka šifrēt ir kopīgs darbs, lai padarītu Web drošāku, nodrošinot bezmaksas SSL sertifikātu. Pašlaik to izmanto vairāk nekā 3 miljonos tīmekļa vietnēs.

Mononoki

Mononoki ir fonts, kas īpaši izstrādāts koda attēlošanai. Mononoki ir pieejams kā instalējams darbvirsmas fonts (.ttf) un tīmekļa fontu (.eot, un .woff). Tā ir jauna alternatīva klasikai monotipus piemēram, Monako, Menlo un Kurjers.

BideoJS

Pilnas lappuses autoplay video rādīšana mājaslapā šķiet pieaugoša tendence. BideoJS ir JavaScript bibliotēka, kas ļauj jums to darīt tieši ar mazākiem šķēršļiem. Tas ir viegls, atsaucīgs un var tikt konfigurēts atbilstoši jūsu vajadzībām.

CSS attīrīšana

CSS attīrīšana ir atsauču, rakstu un statistikas apkopojums CSS. Šāda informatīva informācija var palīdzēt pieņemt labi informētus lēmumus par to, kuras CSS metodes, rīkus un ietvarus vēlaties pieņemt savā projektā.

Mailgen

Mailgen ir mezgla modulis, lai radītu jauku, vienkāršu HTML e-pasta ziņojumu. Tiek piedāvātas dažas iespējas, kas ļauj pielāgot gandrīz katru e-pasta apgabalu. Varat iestatīt e-pastu “tēma”, e-pasta galvenes un “Aicinājums rīkoties” poga. To var integrēt arī uz darbvirsmas vai tīmekļa lietojumprogrammas mezgla bāzes.

Deco

Deco ir IDE, lai izveidotu mobilo lietotni, izmantojot Facebook iniciatīvu React Native. Domājiet par Deco, piemēram, XCode vai Visual Studio, kur var izveidot lietotni ar lietotājam draudzīgu lietotāja interfeisu, izmantojot vilkšanas un nomešanas, slīdņus un krāsu atlasītājus.

IE8 Linter

Internet Explorer 8 (IE8) ir antīks pārlūks, kas neatbalsta mūsdienīgas Web tehnoloģijas, piemēram, CSS3 animācijas, pārveidojumus, pārejas un lielāko daļu HTML5 elementu bez polifils. DRY princips ir instruments, ko mēs varam izmantot, lai skenētu tīmekļa vietnes IE8 saderībai. Tā sniedz ziņojumu un risinājumus.

Kazas

Kazas ir neoficiāla Facebook Messenger darbvirsmas lietotne. Tā ir veidota uz Node.js un Electron virsmas, kas ļauj to izmantot kā platformu; tas ir pieejams OS X, Windows un Linux. In arī nāk divas krāsas, Dark un Light.

Photon Kit

Photon Kit ir pamats, lai sāktu jaunu lietotni ar Electron. Līdzīgi Bootstrap, Foundation un tamlīdzīgi, Photon nāk ar numuru, kas ļauj jums izveidot kopīgus UI elementus lietotnē, piemēram, pogas, rīkjosla un sānjosla.

Yeoman App

Yeoman App ir darbvirsmas lietojumprogramma, kas ģenerē projektus no projekta Yeoman projektiem, pamatiem un sastatnēm. Tā ir laba alternatīva tiem, kas nav apmierināti ar termināla un komandrindu darbību.

SQLectron

SQLectron ir SQL darbvirsmas klients, kas ļauj ērti apskatīt un veikt vairākas SQL operācijas. Tā atbalsta MySQL, PostgreSQL un Microsoft SQL Server. SQLectron ir pieejams OS X, Windows un Linux.

Ģimenes SCSS

FamilySCSS ir kolekciju kolekcija, kas ļauj izvēlēties elementus : n-bērns intuitīvāka. Maisījumi ir deklaratīvi. Piemēram, varat rakstīt @ iekļaut pirmo (3) izvēlēties pirmos trīs bērnu elementus un rakstīt @ ietver starp (2, 4) izvēlēties 2. līdz 4. bērnu elementu.

EasyEngine

EasyEngine ir komandrindu kolekcija, kas ļauj konfigurēt jūsu WordPress ar rīkiem un moduļiem, piemēram, Redis, Caching spraudni un PageSpeed. Tas ļauj izveidot WordPress serveri ātrumam.

Phinx

Phinx ir PHP modulis datu bāzes pārvaldībai un migrācijai. Tas nāk ar klasēm un komandrindām, kas ļauj darboties gandrīz jebkurā datubāzē, piemēram, rakstīšana, lejupielāde un augšupielāde. Phinx dokumenti ir atjautīga atsauce, lai palīdzētu jums sākt darbu.

RichCSS

RichCSS ir CSS sistēma, kas nodrošina normālu struktūru. Sistēma kārtīgi organizē mapes, katalogus un klases pro DRY veidā, kas ļauj to izmantot atkārtoti. Papildus pogām, sarakstiem un veidlapām RichCSS nāk arī ar savu CLI, ko var izmantot, lai sāktu jaunu bagātu projektu, piemēram, Bower, Git un NPM.

Frend

Frend ir kopīgu tīmekļa komponentu kolekcija. Kolekcija pašlaik sastāv no akordeona, dialoga modāla, Offcanvas, Tooltip, cilnēm, un nākamā izlaiduma laikā ir vēl daži. Frend var būt laba alternatīva jQuery UI.

FLA

Tas ir visaptverošs ietvars, lai izveidotu atsaucīgu režģa izkārtojumu ar Flexbox.

PHP pareizais ceļš

PHP ir programmēšanas valoda, ko ir viegli iemācīties, bet jūs varētu arī viegli kļūdīties ar kodiem, un tas, iespējams, var apdraudēt jūsu vietnes drošību un veiktspēju. PHP pareizais ceļš ir plaša atsauce, lai uzzinātu par labāko praksi PHP.

Starability

Starability ir CSS bibliotēka, lai izveidotu zvaigžņu vērtēšanas sistēmu ar iedomātu animētu atgriezenisko saiti. Zvaigznīte ir veidota, ņemot vērā pieejamību; jūs varat pārlūkot un piešķirt zvaigznes, izmantojot tastatūru.

PagaidietAnimēt

PagaidietAnimēt ir ērts tīmekļa rīks, lai aprēķinātu a “pauze” laiks vienā CSS animācijā @keyframe. The “pauze”, kad tas izdarīts pareizi, varēja aktivizēt animāciju - šeit ir daži piemēri.