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

Šī sērija ir nogājusi garu ceļu, ko esam pieredzējuši Web izstrādes rīki nāk un iet; vienu reizi viņi spīd, dažus mēnešus vēlāk tie ir novecojuši ar citiem jaunākajiem rīkiem. Tomēr sarakstā ir daži jauni rīki, kas mūsu izstrādātājiem ļauj izpētīt šo mēnesi, kas ietver JavaScript bibliotēkas, skices spraudnis atsaucīgam UI dizainam, un pāris CSS sistēmas.

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.

iTyped

JavaScript bibliotēka, kas ļauj jums prezentēt rakstīt teksta saraksta efektus; veida efekts, ko pēdējā laikā esat redzējis tīmeklī. Šī JavaScript bibliotēka ir viegli īstenot ar nedaudzām iespējām, lai pielāgotu efektu. Jūs varat instalēt šo bibliotēku caur NPM vai ielādēt to, izmantojot CDN https://unpkg.com/[email protected].

Opera Neona

Opera agrāk bija pirmā, kas ieviesa cilnes pārlūkprogrammu, un kopš tā laika mums ir pārlūkprogrammas ar tā sauktajām cilnēm un ātro zvanu. Opera nesen ir izlaidusi savu jauno iniciatīvu Opera Neon. Jauns pārlūks ar svaigāku saskarni, piemēram, tā saukto omnibox, dalīta ekrāna režīms un skaists fons atlases. Tātad, vai Opera Neon var atkal mainīt pārlūkprogrammas telpu? Tas mums būs jāskatās.

At.js

At.js ir JavaScript bibliotēka, kas ļauj jums pievienot smaidiņus, pieminēt draugus vai atzīmējiet; kaut kas līdzīgs mēs esam redzējuši Slack, Twitter un Facebook. Šis spraudnis prasa jQuery, kas ļauj to strādāt ar Internet Explorer 7 un varbūt Arī Internet Explorer 6. Fantastisks!

Atlaidiet

Izlaidumi tiek veikti jaunas programmatūras versijas izlaišana Githubā efektīvāks. Jaunai versijai parasti ir pievienots mainīšanas logs un šis modulis ļauj jums aizpildīt maiņu automātiski izriet no Git ziņojumiem.

Skaistāks

JavaScript beautifier nodrošinot, ka JavaScript kods ir formatēts konsekventi. Tā atbalsta ES2017 un JSX.

Ayu

Ayu ir Sublime Text tēma ar svaigu un modernu apelāciju. Tas ir aprīkots ar 2 toņiem tumši un gaiši. Ayu nozīmē skaistu Indonēzijā un tā sakot; to padara Sublime Text UI skaistu.

JSON Splora

A viegls lietojumprogramma rediģēšanai un JSON datu vizualizēšanai. Programma ir saderīga ar Windows, Linux un MacOS.

Tālummaiņa

JavaScript, lai palielinātu attēlu. Optimizēts mobilajam tālrunim, labi darbojas hi-def ekrānā un ir viegli pielāgojams.

Ramme

Ramme ir Instagram darbvirsmas klients. Lai gan tas ir neoficiāls, bet varbūt jūs varat mācīties pāris jaunas lietas no avota koda.

Mainīt lietotājvārdu

WordPress spraudnis, kas reiz aktivizēts, pievieno a “izmaiņas” saite blakus lietotājvārdu ievadam un ļauj mainīt lietotājvārdu.

NodeifyWP

NodeifyWP ir diezgan unikāls WordPress spraudnis. Tas ļauj jums izmantot WordPress kā parasti izvadiet saturu, izmantojot Node.js moduli. Es vēl neesmu izmēģinājis šo spraudni nevienā projektā. Bet prezentācija, ko redzēju WordCamp Denpasar 2016, šis spraudnis izskatās ļoti daudzsološi, lai modernizētu WordPress izstrādi.

ColorMe

ColorMe ir diezgan atšķirībā no citām krāsu ģeneratoru lietotnēm, kuras esmu redzējis. Papildus ģenerējot krāsu kodus, lietotne arī nodrošina kontrolēt krāsu spilgtuma, toni, nokrāsu, piesātinājumu, kontrastu utt.

WP-CLI paketes

A WP-CLI paplašinājumu kolekcija kas pievieno papildu komandrindas un parametrus, lai veiktu papildu uzdevumus, piemēram, vienu izvietojot WordPress uz attālo serveri, migrējot WordPress vietni, skalošanas kešatmiņas, un daudz vairāk.

Tailor Page Builder

WordPress spraudnis, kas ļauj jums izveidojiet nelineāru saturu ar vilkšanas n-drop interfeisu. Spraudnis ir paplašināms jaunam komponentam, lai pievienotu unikālu satura tipu. Tas nodrošina arī WP-API šo saturu pārvaldīšanai. Tailor Page Builder ir labākais spraudnis šajā kategorijā.

XVG

XVG ir Chrome paplašinājums parāda SVG grafiskos kontūras un enkurus kas var palīdzēt jums viegli novērst SVG objektus.

RibbonJS

RibbonJS ir JavaScript bibliotēka, kas ļauj jums veidojiet jūsu mājas lapā dekoratīvas lentes, kā redzat šādu ekrānuzņēmumu. Tas ir tikai 1kb izmērs, un viegli pielāgot.

Automātiskais izkārtojums

Automātiskais izkārtojums ir a Skices spraudnis, kas nodrošina vairākus iepriekš iestatītus ekrāna izmērus, lai pārbaudītu lietotāja interfeisa dizainu. Tātad jūs varat pārliecināties, ka dizains izskatās tikpat labi, vai tas tiek skatīts iPhone 5, iPhone 6 utt. Spraudnis arī ļauj jums definējiet pielāgotos izmērus, ja tas nav pieejams iestatījumā. Skatiet, kā šajā videoklipā darbojas spraudnis.

Funcssions

Funcssion ir a CSS klasēs kas atbilst Pure Function principam. Katra CSS klase definē vienu stila mērķi. Šī CSS sistēma šobrīd ir nepārtraukts darbs ar vairākām funkcijām, kas nākotnē jāievieš, piemēram, atsaucīgs režģis, pogas utt.

Tīmekļa vietnes

Viegls un viegls viegli izmantot ietvaru, lai izveidotu prezentācijas slaidus izmantojot tikai HTML un CSS. Webslides šobrīd nodrošina pāris jaukas slaidu veidnes, kur jūs varat sāciet slaidu prezentāciju nekavējoties.

Elastīgs Web dizains

Elastīga Web dizains ir tiešsaistes grāmata. Šī grāmata nav nekas tehnisks, bet ietver vēsturi, principus un izgudrojumus, kas veido Web kā mēs zinām mūsdienu pasaulē. Es domāju, ka tas ir lielisks lasījums nedēļas nogalē.