Tuoreet resurssit web-suunnittelijoille ja kehittäjille (heinäkuu 2016)
Tämä erä sisältää jälleen monenlaisia resursseja. Meillä on lähteitä, jotka innoittavat seuraavaa aloitussivun suunnittelua, kaksi tapaa, joilla kooderit voivat himmentää häikäisevän näytön vaikutuksia, plugin web-asettelujen rakentamiseen vetämällä ja pudottamalla. kirjastot auttamaan kehittäjiä.
Mukana ovat myös resurssit HTTP2: ssä, typografiset terminologiat, helppokäyttöisyysvalmiiden sivustojen rakentaminen ja hakukone ohjelmointikieltä varten. Tarkistetaan ne.
Klikkaa lisää resurssejaKlikkaa lisää resursseja
Etsi koko kokoelma suositeltuja resursseja ja parhaat web-suunnittelu- ja kehitystyökalut.
Landing Folio
Landing folio on keskeinen paikka, josta löydät esimerkkejä aloitussivujen suunnittelusta. Sivustolla on satoja esimerkkejä, ja voit tarkistaa luettelon niiden luokituksen perusteella. Tämä on ehdottomasti arvoinen kirjanmerkki web-suunnittelijoille.

Elementtien kyselyt
JavaScript, jonka avulla voit suorittaa Elementin kysely. Elementin kyselyä merkitään @element
ja toisin, @media
, @element
on tietoinen lukuisista olosuhteista “korkeus” ja “leveys”. Voit esimerkiksi käyttää tyylejä elementin sisältämien merkkien perusteella.

HTTP2
HTTP2 on HTTP: n viimeisin erittely, jossa on merkittäviä muutoksia. Se lupaa parempaa suorituskykyä ja tehokasta tiedonsiirtoa. Tässä resurssissa voit löytää nämä muutokset (yksityiskohtaisesti), sen vaikutukset tietoturvaan, nopeuteen ja käyttäjäkokemukseen.

Elementor
Elementor on WordPress-laajennus, jonka avulla voit rakentaa web-asetteluja vetämällä-n-pudotuksella. Elementorin avulla voit rakentaa pakottavamman ulkoasun. Se on reagoiva, täysin muokattavissa ja käyttäjäystävällinen.

TimeDropper
Tämä laajennus on varustettu muutamilla animaatioilla, joiden avulla päivämäärät valitaan verkossa. Lisäksi on käytettävissä vaihtoehtoja käyttöliittymän ulkoasun muuttamiseksi. Se on jQuery-laajennin faneerien ajanottelijoille.

SyntaxDB
Hakukone, joka etsii ohjelmointikielen syntaksia. Tällä hetkellä se tukee useita kieliä, kuten Java, C, Ruby, JavaScript ja Python. Tämä voisi olla kehittäjien paras hakukone, kun tietokanta ja kielituki kasvavat.

Github Dark UI
Github Dark UI on tummempi väriteema Github.comille. Tämä voi olla hyvä vaihtoehto, jos työskentelet hämärässä ympäristössä tai joudut katsomaan näyttöä pitkiä aikoja.

Microlight
Sen sijaan, että korostettaisiin koodia eri väreillä, kuten näet alla, Microlight tekee koodin “hehku”. JavaScript-kirjasto, joka korostaa koodia - kirjaimellisesti.

BarbaJS
BarbaJS on JavaScript-kirjasto, joka mahdollistaa sileän siirtymisen JavaScript-historian API / pushState kautta. Tämä laajennus sisältää Menetelmät, Mukautetut tapahtumat ja kourallinen API-ohjelmia, jotka tarjoavat sivustollesi tasaisemman kokemuksen. Seuraavassa on muutamia esimerkkejä.

TypeTerms
Oletko koskaan miettinyt, mitä eri välillä “kirjainväli” ja “välistys” on? TypeTerms on interaktiivinen esitys, jossa voit oppia näitä sekavia typografisia termejä.

Voipapu
Voipapu on uusi ja hienostunut laajennin, jolla voidaan rakentaa Meta Box -ohjelma WordPressiin. Se on kehitetty modernin WordPress Customizer API -arkkitehtuurin mukaisesti. Se tekee tämän WordPress-järjestelmänvalvojan käyttöliittymän rakentamisesta tyylikkäämpi.

Lasten teeman tarkistus
WordPress-laajennus, jolla voit tarkistaa lapsesi teeman vanhemman teeman kanssa; se tarkistaa, päivittyvätkö Lapsi-aiheiset tiedostot.

CloudFlare-käyttöliittymä
CloudFlare-käyttöliittymä on kokoelman käyttöliittymän komponentit, jotka on rakennettu Reactin päälle. Kun otetaan huomioon Reactin suosio on kasvussa, siellä saattaa olla useita samankaltaisia käyttöliittymiä.

Lerna
Useiden pakettien ja arkistojen hallinta suuressa projektissa on väistämätöntä. Tämän työkalun avulla voit käsitellä tätä erityistilannetta ja tehostaa työnkulkua.

Rentoudu
Rentoudu on JavaScript-kirjasto, joka auttaa vähentämään suorittimen käyttöä. Se tarjoaa joukon toimintoja, joita voidaan käyttää JavaScript-alkuaseman toimintojen sijasta. Se voidaan ottaa käyttöön tavallisella verkkosivustolla tai ei Node.js-pohjaista sovellusta.

GEL Typografia
GEL Typografia on BBC: n typografinen opas. Suuri resurssi ja inspiraatiota siitä, miten voit standardoida typografisia tyylejäsi.

MIND-mallit
MIND-mallit ovat käytännön opas, jolla rakennetaan verkkokaupan verkkosivusto. Se tarjoaa ohjeita HTML: n rakentamisesta, ARIA-tunnuksen käyttämisestä ja CSS-tyylien luomisesta, jotka ovat käyttäjäystävällisiä vammaisille käyttäjille.

CSS-spesifisyys
Kuvien kokoelma, jossa kuvataan, miten CSS-spesifisyys toimii.

CSS Dig
Chrome-laajennus, joka auttaa sinua optimoimaan CSS. Se romuttaa sivusi ja antaa raportille luettelon käytetyistä ominaisuuksista, kuten väreistä.

Malli Stash
Kokoelma käsin poimittuja malleja, joissa on laaja valikoima malleja, kuten HTML5, WordPress, Ghost, Bootstrap ja e-Commerce -malli.
