Kotisivu » Web-suunnittelu » Tuoreet resurssit web-suunnittelijoille ja kehittäjille (kesäkuu 2016)

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

    Laajennamme luetteloa vuoden puolivälissä. Tässä erässä on muutama CLI (ja tässä on viesti siitä, miksi sinun pitäisi oppia komentoriviä), pari työpöytäsovellusta työhön ja hauskaa varten sekä useita CSS- ja JavaScript-kirjastoja. Mukana ovat myös materiaalien lukeminen, viittaukset ja oppaat parhaista käytännöistä, jotka sinun pitäisi tarkistaa, kirjanmerkki ja mahdollisesti lukea yksi päivä.

    En aio pilata loput luettelosta niin pois. Saat lisää tuoreita resursseja napsauttamalla tätä.

    Klikkaa lisää resursseja

    Klikkaa lisää resursseja

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

    CertBot

    CertBot tarjoaa kätevämmän tavan käyttää varmenteita Let's Encrypt -sovelluksesta. Se tarjoaa joukon komentorivejä, jotka tukevat lukuisia palvelinkonfiguraatioita, kuten Apache, NGINX ja Plesk. Puhuessamme salataan on yhteisöllinen pyrkimys tehdä Web turvallisemmaksi tarjoamalla ilmainen SSL-sertifikaatti. Sitä käytetään tällä hetkellä yli 3 miljoonassa verkkosivustossa.

    Mononoki

    Mononoki on fontti, joka on suunniteltu erityisesti koodin näyttämiseen. Mononoki on saatavana asennettavana työpöydän fonttina (.TTF) ja web-fontit (.EOT, ja .Woff). Se on uusi vaihtoehto klassiselle monotyypit kuten Monaco, Menlo ja Courier.

    BideoJS

    Koko sivun automaattisen toiston videon näyttäminen kotisivulta näyttää olevan nouseva trendi. BideoJS on JavaScript-kirjasto, jonka avulla voit tehdä juuri niin pienemmillä esteillä. Se on kevyt, reagoiva ja se voidaan konfiguroida tarpeidesi mukaan.

    CSS Purge

    CSS Purge on kokoelma viitteitä, artikkeleita ja tilastoja CSS: lle. Tällainen kekseliäs informaatio voi auttaa sinua tekemään hyvin perusteltuja päätöksiä siitä, mitä CSS-menetelmiä, -työkaluja ja -puitteita haluat käyttää projektissasi.

    Mailgen

    Mailgen on solmu-moduuli, joka luo mukavan ja yksinkertaisen HTML-sähköpostin. Tarjolla on muutamia vaihtoehtoja, joiden avulla voit muokata lähes kaikkia sähköpostin alueita. Voit asettaa sähköpostin “teema”, sähköpostin otsikko ja “Kehotus toimintaan” painiketta. Se voidaan integroida myös Node-pohjaiseen työpöytään tai verkkosovellukseen.

    Deco

    Deco on IDE rakentaa mobiilisovellus käyttäen Facebook-aloitetta React Native. Ajattele Decoa kuten XCode tai Visual Studio, jossa voit rakentaa sovelluksen, jossa on käyttäjäystävällinen käyttöliittymä vetämällä ja pudottamalla, liukusäätimillä ja värinvalitsimilla.

    IE8 Linter

    Internet Explorer 8 (IE8) on antiikki-selain, joka ei tue nykyisiä Web-tekniikoita, kuten CSS3-animaatioita, muunnoksia, siirtymiä ja useimpia HTML5-elementtejä ilman Polyfill. DRY-periaate on työkalu, jolla voimme skannata verkkosivustoja IE8-yhteensopivuutta varten. Se tarjoaa raportin ja ratkaisut.

    vuohien

    vuohien on epävirallinen Facebook Messenger -työpöytäohjelma. Se on rakennettu Node.js: n ja Electronin päälle, jonka avulla se voi olla cross-platform-sovellus; se on saatavana OS X: ssä, Windowsissa ja Linuxissa. Mukana on myös kaksi väriä: tumma ja vaalea.

    Photon Kit

    Photon Kit on kehys aloittaa uusi sovellus Electronilla. Paljon kuten Bootstrap, Foundation ja tykkää, Photonissa on useita komponentteja, joiden avulla voit rakentaa yhteisiä käyttöliittymäelementtejä sovelluksessa, kuten painikkeita, työkaluriviä ja sivupalkkia.

    Yeoman App

    Yeoman App on työpöytäsovellus, joka tuottaa projektikehyksiä, kehyksiä ja telineitä Yeomanilta. Se on hyvä vaihtoehto niille, jotka eivät ole mukavia työskentelemään terminaalin ja komentorivien kautta.

    SQLectron

    SQLectron on SQL-työpöytäasiakas, jonka avulla voit tarkastella ja suorittaa useita SQL-toimintoja helpommin. Se tukee MySQL, PostgreSQL ja Microsoft SQL Server. SQLectron on saatavana OS X: lle, Windowsille ja Linuxille.

    Perhe SCSS

    FamilySCSS on kokoelma sekoituksia, jotka tekevät elementtien valinnasta : Nnen-lapsi intuitiivisempi. Sekoittimet ovat julistavia. Voit esimerkiksi kirjoittaa @ sisällyttää ensin (3) valita kolme ensimmäistä lapsielementtiä ja kirjoittaa @ sisällytetään välillä (2, 4) valita 4. - 4. lapsielementin.

    EasyEngine

    EasyEngine on kokoelma komentorivejä, joiden avulla voit määrittää WordPressin työkaluilla ja moduuleilla, kuten Redis, Caching plugin ja PageSpeed. Se tekee WordPress-palvelimen asettamisesta nopeudeksi.

    PhiNX

    PhiNX on PHP-moduuli tietokannan hallintaan ja siirtämiseen. Sen mukana tulee luokkia ja komentorivejä, joiden avulla voit suorittaa lähes minkä tahansa tietokannan käytön, kuten kirjoittamisen, lataamisen ja lataamisen. Phinx-dokumentit ovat kekseliäs viittaus, jonka avulla voit aloittaa.

    RichCSS

    RichCSS on CSS-kehys, joka tarjoaa järkevän rakenteen. Kehys järjestää siististi kansioita, hakemistoja ja luokkia pro-DRY-tavalla, joka mahdollistaa sen uudelleenkäytettävyyden. Painikkeiden, luetteloiden ja lomakkeiden lisäksi RichCSS: n mukana tulee myös oma CLI, jonka avulla voit aloittaa uuden Rich-projektin, kuten Bower, Git ja NPM.

    frend

    frend on kokoelma yhteisiä web-komponentteja. Kokoelma koostuu parhaillaan Accordion, Dialog Modal, Offcanvas, Tooltip, Tabs, ja muutama muutama seuraavassa julkaisussa. Frend voisi olla hyvä vaihtoehto jQuery UI: lle.

    FLA

    Tämä on kattava kehys, jonka avulla voidaan luoda reagoiva ruudukkoasennus Flexboxilla.

    PHP oikea tapa

    PHP on ohjelmointikieli, jota on helppo oppia, mutta voit myös helposti mennä vikaan koodien kanssa, ja tämä saattaa lopulta vaarantaa sivustosi turvallisuuden ja suorituskyvyn. PHP oikea tapa on laaja viittaus PHP: n parhaiden käytäntöjen oppimiseen.

    Starability

    Starability on CSS-kirjasto, jolla rakennetaan tähti-luokitusjärjestelmä, jossa on hieno animoitu palaute. Tähtiluokitus perustuu esteettömyyteen; voit selata ja määrittää tähtiä näppäimistön kautta.

    WaitAnimate

    WaitAnimate on kätevä verkkotyökalu laskea a “tauko” ajoitus yhdessä CSS-animaatiossa @keyframe. “tauko”, kun se tehdään oikein, voisit kääntää animaation kiinnostavammaksi - tässä on muutamia esimerkkejä.