Tuoreet resurssit web-suunnittelijoille ja kehittäjille (syyskuu 2016)

Olemme jälleen kourallisia resursseja muiden web-kehittäjien kanssa. Tässä erässä kokoelma on varsin monipuolinen. Meillä on luettelossa työpöytäsovellus, muutama web-sovellus, kätevä PHP- ja JavaScript-kirjastot sekä pari WordPress-laajennusta. Tarkistetaan ne.

Klikkaa lisää resursseja

Etsi koko kokoelma suositeltuja resursseja ja parhaat web-suunnittelu- ja kehitystyökalut.

Marp

Marp on editori luo esityksiä Markdownissa. Siinä on kaksi paneelia: editori vasemmalla ja esikatselu oikealla, jossa voit tarkastella diaesitystä reaaliajassa. Se on saatavana OS X: ssä, Windowsissa ja Linuxissa. Se on erinomainen vaihtoehto paisuneelle ohjelmistolle, kuten PowerPointille.

LightGallery

JavaScriptille näytä kuvan valopöytä ja galleria. lightbox-liitäntä on varustettu kourallisilla painikkeilla, joilla voit suurentaa, loitontaa, ladata kuvan ja kääntää kuvan koko näytön. Se on todella all-in-one-paketti JavaScript-kirjasto tässä luokassa.

Reagoi kehitystyökalut

Reagoi kehitystyökalut on Google Chromen laajennus, jonka avulla voimme purkaa Reagoi sulatetut komponentit selaimessa. Kun se on asennettu, se lisää uuden välilehden DevTools-palveluun, jossa voit tarkastella juuren, elementtien ja debugin reagointikomponentteja kuten tavallisella HTML-koodilla.

SharingButtons

SharingButtons on -painikkeiden generaattori. Tällä hetkellä se tukee useita suosittuja sosiaalisia sivustoja, kuten Facebook, Twitter ja Pinterests. Tuotos purkaa JavaScripts-paketit ja voidaan myöhemmin muokata helposti CSS: n kautta.

hämmentää

hämmentää on JavaScript-kirjasto lisää tekstin mukavan mielenkiintoisen vaikutuksen. Minun on vaikea nimetä tällaista vaikutusta, mutta se näyttää varmasti viileältä. Tutustu demoon!

HyperTerm

HyperTerm on päätelaitteen emulaattori, sovellus, joka on rakennettu HTML: n, CSS: n ja JavaScriptin päälle. Se on modulaarinen, jossa kehittäjät voivat osallistua ja ottaa käyttöön uusia toimintoja lisääviä moduuleja. Sovellus on tällä hetkellä käytettävissä vain macOS-sovelluksissa.

uloke

OverHang.js on jQuery-laajennus näytä välitön ilmoitus. Plugin on muokattavissa. Voit asettaa tekstiviestin ilmoituksessa, väreissä ja kuinka kauan se näkyy, ennen kuin se katoaa.

grafika

grafika on kokoelma PHP-toimintoja, joiden avulla voimme manipuloida kuvaa. Voimme soveltaa kuvasuotimia, kuten hämärtymistä ja seepiaa. Voimme myös muuntaa kuvia, kuten kääntämistä, pyörittämistä ja koon muuttamista.

Yksinkertainen typografia

Yksinkertainen typografia on Sass-kirjasto, joka nollaa tyypitystyypin - kuten kirjasinkoon ja linjan korkeuden. Se on toinen pieni kirjasto, jota haluat ehkä hyödyntää tee tekstiä sivustossasi kauniisti ja suhteellisesti.

Jekyll Admin

Jekyll on staattinen blogigeneraattori. Tämä on virallinen Jekyll-laajennus, joka lisää GUI-editorin kirjoittamaan Jekyllin viestejä. tämä tekee kirjailijasta Jekyllin kanssa intuitiivisemman.

Anime.js

Anime.js on JavaScript-kirjasto suorittaa nestemäistä animaatiota verkossa. Sitä voidaan soveltaa tavallisiin HTML-, SVG-, CSS-muunnoksiin. Löydät täydellisen ohjeen, jolla voit hyödyntää sitä ja joitakin inspiroivia esimerkkejä dokumentaatiosta.

PostLeaf

PostLeaf on PHP-pohjainen CMS varustettu kätevillä ominaisuuksilla. Front-end -muokkaus, varmuuskopiot, sivut, viestit, oEmbed, SEO, navigointi, jotka ovat tarpeellisia asioita, jotka tekevät verkkosivustojen ylläpidosta helppoa.

Selaimet Logot

Täydellinen kokoelma kaikista selaimen logoista. Voit löytää suosittujen selaimien kuten Chrome, Firefox ja Internet Explorer -kuvakkeet, mukaan lukien niiden mobiilisovelluksen kuvakkeet. Voit myös löytää vähemmän suosittuja selaimia, joita et ole koskaan kuullut aiemmin, kuten Blisk, Iridium ja Orbitum.

wA11y

WordPress-laajennus auttaa meitä parantaa esteettömyyttä verkkosivustolla. Kun se on aktivoitu, laajennus arvioi sivustomme tota11y: llä, antaa palautetta esteistä, jotka vaikuttavat saavutettavuuteen, ja ehdottaa ratkaisuja sen korjaamiseen.

Automaattinen vaihtoehtoinen teksti

Toinen WordPress-laajennus, jota kannattaa mainita, parantaa verkkosivuston saavutettavuutta lisäämällä alt tekstiä kuviin ladattu WordPress Media Managerin kautta. Luotu “alt” Teksti toimii Microsoft Computer API: n avulla.

Multi-alue

JavaScript-kirjasto, polyfill, HTML 5.1 multi-alue Tällä hetkellä selaimissa toteutettu tuloste on edelleen heikko. Lea Verou jakoi tarinansa tämän kirjaston takana viimeisimmässä postissaan, esittely Multirange: pieni polyfill HTML5.1: n kahden kahvan liukusäätimille, joka kannattaa ehdottomasti lukea.

jQuery-maksu

Maksukäsittelypalvelun Stripen kehittämä jQuery-laajennus. Tämä laajennus tekee luottokorttilomakkeen kehittäminen vähemmän kauhistuttavaa. Se tukee lukuisia luottokortteja, kuten Visa, Master Card Amex, UnionPay ja JCB.

Trix Editor

trix on WYSIWYG-editori että voimme käyttää sisällön tuottamiseen. Trixin käyttöönotto on nopeaa ja helposti laajennettavissa uudella toiminnallasi vastaamaan tarpeitasi. Löydät kaikki dokumentaation ohjeet Trixin käyttämiseksi ja käyttämiseksi Web-sovelluksessa.

Resepti

Resepti on PHP: n kokoelma suorittaa yleisiä apuohjelman toimintoja kuten esimerkiksi Gravatar-kuvan ottaminen, QR-koodin luominen, taulukon muuntaminen objektiksi ja paljon muuta.

Paperworks

PHP: n ja Angularin päälle rakennettu muistiinpano mikä tarkoittaa, että voit ottaa sen käyttöön Web-palvelimessa. Tämä voi olla hyvä vaihtoehto työpöytäsovellukselle, kuten Evernote tai OneNote, siten, että voit hallita ja muokata lähes kaikkea sitä, ja tallenna tiedot yksityisesti omalle palvelimellesi.