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

Mēs atkal esam ar nedaudziem resursiem mūsu kolēģiem tīmekļa izstrādātājiem. Šajā maksājumā kolekcija ir diezgan daudzveidīga. Mums ir sarakstā darbvirsmas lietojumprogramma, dažas tīmekļa lietojumprogrammas, ērts PHP un JavaScript bibliotēkas, kā arī pāris WordPress spraudņi. 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.

Marp

Marp ir redaktors Izveidot prezentācijas Markdown. Tajā ir divi paneļi: redaktors kreisajā pusē un priekšskatījums labajā pusē, kur var apskatīt slaidu izeju reālā laikā. Tas ir pieejams OS X, Windows un Linux. Tā ir lieliska alternatīva uzpampinātai programmatūrai, piemēram, PowerPoint.

LightGallery

JavaScript attēla gaismas kastē un galerijā. The gaismas kastes interfeiss ir aprīkots ar nedaudzām pogām, kur var tuvināt, tālināt, lejupielādēt attēlu un pagriezt attēlu pilnekrāna režīmā. Šī kategorija ir patiesi universāla pakotnes JavaScript bibliotēka.

Reaģējiet uz izstrādātāja rīkiem

Reaģējiet uz izstrādātāja rīkiem ir Google Chrome paplašinājums, kas ļauj mums atšifrēt Reaģē kausētas sastāvdaļas pārlūkprogrammā. Pēc instalēšanas tas pievieno jaunu cilni DevTools, kur jūs varat pārbaudīt saknes, elementus un atkļūdošanas reakcijas komponentus, kā jūs ar parasto HTML.

Koplietošanas pogas

Koplietošanas pogas ir koplietošanas pogas ģenerators. Pašlaik tā atbalsta vairākas populāras sociālās vietnes, piemēram, Facebook, Twitter un Pinterests. Izeja izkrauj JavaScripts uzpūst un vēlāk var viegli pielāgot, izmantojot CSS.

Pievelciet

Pievelciet ir JavaScript bibliotēka pievieno tekstam patīkamu iespaidu. Man ir grūti šo nosaukumu nosaukt, bet tas noteikti izskatās atdzist. Pārbaudiet demonstrāciju!

HyperTerm

HyperTerm ir termināļa emulators, lietojumprogramma, kas veidota uz HTML, CSS un JavaScript. Tas ir modulārs, kur izstrādātāji var sniegt ieguldījumu, ieviešot moduļus, kas pievieno jaunas funkcijas. Programma pašlaik ir pieejama tikai MacOS.

OverHang

OverHang.js ir jQuery spraudnis parādīt tūlītēju paziņojumu. Spraudnis ir pielāgojams. Paziņojumā var iestatīt īsziņu, krāsas un to, cik ilgi tas parādās, pirms tas izzūd.

Grafika

Grafika ir PHP funkciju kolekcija, kas ļauj mums manipulēt ar attēlu. Mēs varam izmantot attēlu filtrus, piemēram, izplūšanu un sēpiju. Mēs varam arī pārveidot attēlus, piemēram, flipping, rotating un resizing.

Vienkārša tipogrāfija

Vienkārša tipogrāfija ir Sass bibliotēka, kas atiestata tipogrāfijas stilu - piemēram, fontu izmēru un līnijas augstumu. Tā ir vēl viena neliela bibliotēka, kuru vēlaties izmantot padarīt tekstu savā tīmekļa vietnē skaistu un proporcionālu.

Jekyll Admin

Jekyll ir statisks blogu ģenerators. Tas ir oficiāls Jekyll spraudnis, kas pievieno GUI redaktoru, lai rakstītu ziņas ar Jekyll; tas padara autora ziņu ar Jekyll intuitīvāku.

Anime.js

Anime.js ir JavaScript bibliotēka veikt šķidruma animāciju tīmeklī. Tas attiecas uz regulāriem HTML, SVG, CSS pārveidojumiem. Atrodiet pilnīgu instrukciju, lai izmantotu lielāko daļu no tā un daži iedvesmojoši piemēri dokumentācijā.

PostLeaf

PostLeaf ir PHP balstīta CMS aprīkotas ar dažām ērtajām funkcijām. Front-end rediģēšana, backups, lapas, amati, oEmbed, SEO, navigācija, kas ir lietas, kas ir nepieciešamas, lai padarītu mājas lapas uzturēšanu vienkāršu.

Pārlūkprogrammu logotipi

Visu pārlūkprogrammas logotipu pilnīga kolekcija. Jūs varat atrast ikonas populārām pārlūkprogrammām, piemēram, Chrome, Firefox un Internet Explorer, ieskaitot mobilās lietotnes ikonas. Varat arī atrast mazāk populāras pārlūkprogrammas, kuras jūs, iespējams, nekad neesat dzirdējušas, piemēram, Blisk, Iridium un Orbitum.

wA11y

WordPress spraudnis, lai palīdzētu mums uzlabot pieejamību tīmekļa vietnē. Pēc aktivizēšanas spraudnis novērtēs mūsu tīmekļa vietnes ar tota11y, sniegs atsauksmes par pārkāpumiem, kas ietekmē pieejamību, un ieteiks risinājumus, kā to novērst.

Automātiskais alternatīvais teksts

Vēl viens WordPress spraudnis vērts pieminēt, kas uzlabo mājas lapas pieejamību pievienojot alt tekstu attēliem augšupielādēts, izmantojot WordPress Media vadītāju. Radīts “alt” tekstu nodrošina Microsoft datoru API.

Daudzpakāpju

JavaScript bibliotēka, polifils, HTML 5.1 vairāku diapazonu izeja, kas pašlaik pārlūkprogrammās joprojām ir vāji īstenota. Lea Verou dalījās savā stāstā par šo bibliotēku savā nesenajā ziņojumā, iepazīstinot ar multirange: tiny polifill HTML5.1 divu rokturu slīdņiem, kas noteikti ir vērts lasīt.

jQuery maksājums

Maksājumu apstrādes pakalpojuma Stripe izstrādāts jQuery spraudnis. Šis spraudnis izveido kredītkartes veidlapas izveide mazāk briesmīgi. Tā atbalsta daudzas kredītkartes, ieskaitot Visa, Master Card Amex, UnionPay un JCB.

Trix redaktors

Trix ir WYSIWYG redaktors ka mēs varam izmantot, lai ražotu saturu. Trix ieviešana ir ātra un viegli paplašināma ar jaunām funkcijām, lai apmierinātu jūsu vajadzības. Visus norādījumus dokumentācijā varat atrast un lietot Trix savā tīmekļa lietojumprogrammā.

Recepte

Recepte ir PHP kolekcija palaist kopīgas lietderības funkcijas piemēram, greifers Gravatar attēlu, radot QR kodu, pārvērst masīvu uz objektu un daudz ko citu.

PaperWorks

A piezīme, kas uzbūvēta virs PHP un leņķa tas nozīmē, ka varat to izvietot tīmekļa serverī. Tas varētu būt laba alternatīva darbvirsmas lietotnei, piemēram, Evernote vai OneNote, tādā veidā, ka jūs varat pārvaldīt un pielāgot gandrīz visu no tā, un saglabāt savus datus privāti savā serverī.