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ää 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.