Svaigi resursi tīmekļa dizaineriem un izstrādātājiem (2017. gada marts)

Ar CLI (komandrindas interfeisu) mēs varam racionalizēt un automatizēt tīmekļa attīstības darbplūsmas. Tieši tāpēc šajā maksājumā mēs esam iekļāvuši diezgan daudz awesome CLI, ko varat instalēt vietējā datorā vai palaist dažas lietas serverī. Turklāt mēs esam iekļāvuši arī dažus PHP rīki, pārlūka pievienojumprogrammas un JavaScript bibliotēkas. Pārbaudīsim tos.

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.

Guetzli

Jauns kodētājs no Google ļauj saspiest attēlu līdz pat 35% no sākotnējā lieluma, saglabājot kvalitāti. Tas ir diezgan liels sasniegums, ņemot vērā, ka līdzīgi atvērtā koda kodētāji, piemēram, JPEGOptim un jpegtran ir ierobežoti līdz 20% vidēji. Es redzu, ka būs vairākas lietotnes un spraudņi CMS platformai, kas integrēs Guetzli, lai optimizētu JPEG failus.

Izstrādātāja ceļvedis

Kā norāda nosaukums, izstrādātāja ceļvedis ir Tīmekļa izstrādātāja ceļojuma infographic. Ir trīs kursi: Front-end, Back-end un DevOps. Šie ceļveži ir līdzīgi kartei; un ir lieliska atsauce kur mēs pašlaik esam, ko mēs varētu palaist garām, un kur mēs ejam tālāk.

Netveriet CMS

SmashingMagazine nesen ir izveidojis a drosmīgs solis uz grāvi WordPress un izmēģināt kaut ko jaunu pilnīgi ar jaunu CMS, ko sauc par Netlify CMS. Tā ir jauna CMS, kas veidota uz React.js virsmas un var būt integrēts ar jebkuru statisku vietņu ģeneratoru, piemēram, Jekyll, Hugo un MiddleMan.

BadSSL

Tas ir lai pārbaudītu jūsu SSL konfigurāciju. BadSSL ir ērts rīks, lai veiktu atkļūdošanu un kļūdas jūsu vietnē instalētajā SSL.

Alix

Alix ir a Chrome paplašinājums, kas ļauj jums pārbaudīt jūsu vietnes pieejamību. Pēc instalēšanas un iespējošanas spraudnis pievienos pārklājuma lodziņu vairākiem lapas elementiem kas rada brīdinājumu vai kļūdas.

AR.js

AR.js ir JavaScript bibliotēkas atšķirībā no citām. Šī bibliotēka ļauj izveidot paplašināto realitāti, izmantojot Web tehnoloģijas, un pārsteidzoši darbojas ļoti ātri uz mobilajiem tālruņiem.

Reaģējiet uz tendencēm

Tas ir reaģējiet uz Unsplash komponentu, lai izveidotu skaistu līniju diagrammu, lai parasti parādītu tendences. Komponents ir konfigurējams; varat iestatīt līnijas biezumu, krāsu, slīpumu un līknes gludumu. Jūs varat vienkārši izmantot GUI uz ērti izveidot komponenta kodu.

Gitee

A MacOS lietojumprogramma, lai uzraudzītu jūsu Github darbību tieši no darbvirsmas, Gitee statusa joslā pievieno jaunu vienumu, norādot zvaigznes, sekotāju un paziņojumu skaitu. Turklāt jūs varat arī apskatiet savas push tabulas un apņemas veikt glabātuvi, kā arī trendes repozitoriju par pašreizējo mēnesi un nedēļu. Tas ir Github uz darbvirsmas īsumā.

Goops

Goops ir a ērts CLI, kas analizēs jūsu projekta direktoriju un noteikt katalogus un failus, kas jāpievieno .gitignore. CLI var uzstādīt, izmantojot NPM. Pēc instalēšanas ierakstiet goops un darīts.

Novērst CSS

DebugCSS ir a CSS drop-in utilīta, kas ļauj analizēt un apstiprināt jūsu CSS izvadi pārlūkprogrammā. Tas darbojas diezgan līdzīgi Alix, kad ielādējat debugCSS stilu vai izmantojat grāmatzīmi izceļ lapas elementus, kas rada kļūdas vai brīdinājumus.

EagleJS

EagleJS ir a JavaScript bibliotēka, lai izveidotu prezentāciju līdzīgs RevealJS. EagleJS dažos veidos atšķiras; tā tiek veidota, izmantojot Vue.js, JavaScript MVC sistēmu un izmantojiet Mopsu kā veidnes sistēmu, lai izveidotu slaidu.

BootstrapTour

A JavaScript bibliotēka, lai izveidotu uznirstošos ceļvežus, izmantojot Bootstrap komponentu. Uznirstošie ceļveži parasti parādās jaunam lietotājam, lai tie varētu nokļūt, izmantojot lietojumprogrammas saskarni, jaunas funkcijas un padomus. Tā ir lieliska bibliotēka, ja jūsu vietne ir veidota ar Bootstrap.

Ķieģelis

Ķieģelis ir JavaScript bibliotēka, kas izveidota, lai izveidotu tīmekļa lietojumprogrammu lietotāja interfeisu. Jūs atradīsiet dažus izplatītākos, piemēram, kalendāru, izvēlni un veidlapu, kas ir komplektā iekļauto komponentu vidū "storage-indexeddb" sastāvdaļa, kas ļauj jums uzglabāt datus klienta pusē, izmantojot IndexedDB.

OctoTree

OctoTree ir jauka utilīta, kas ļauj pārlūkot avota kodus un failus Github ar koku struktūru kā IDE vai kodu redaktoros. Tas ir pieejams kā papildinājums pārlūkam Chrome, Safari, Firefox un Opera un pieejams to oficiālajā papildinformācijā. Octotree atbalsta privāto un uzņēmumu Github repozitoriju.

Github paziņojums

Vēl viens noderīgs Chrome Github paplašinājums. Pēc instalēšanas jūs varēsiet saņemt paziņojumu, pat ja pašlaik neesat Github lapās. Lielisks spraudnis, ja vēlaties palikt cilpā ar repozitorijām.

Lietotājs

Deployer ir rīks, lai izvietotu jūsu PHP vietnes. Tas darbojas ar vairākām populārām sistēmām un platformām, tostarp WordPress, Drupal, Magento, Laravel un CodeIgniter. Izmantojot šo rīku, varat izveidot savas receptes, komandu, kas jāizmanto izvietošanas laikā. Tas nāk ar Atjaunošana funkcija, kas ļauj jums atgriezties pie iepriekšējās versijas bojājumu gadījumā.

PHPStan

CLI, kas skenē PHP failus, lai atrastu kļūdas, neveicot izpildīšanas laiku. Tas nozīmē, ka jums nav nepieciešama pilna skursteņa PHP vide, lai atkļūtu PHP failus jūsu projektā.

NGINX katlu plāksne

Visbiežāk sastopamu Nginx konfigurāciju kolekcija, kas ietver Backend kešatmiņu, savienojumu un pieprasījumu ātruma ierobežojumu, kā arī dažas citas labākās prakses, lai uzlabotu vietni ātrumam un to pielāgošanai satiksmes ātrumam.

Bubbly

Bubbly ir lieliska komandrinda, kuru varat instalēt savā serverī, lai ģenerētu, pārvaldītu un atjaunotu sertifikātu ar 's' šifrētu. Doplying SSL tagad kļūst tik daudz vieglāk.

Vafeļu režģis

Tomēr vēl viens CSS režģa ietvars, kas izveidots ar Flexbox, kas, manuprāt, būtu jāpārbauda.