Tuoreet resurssit web-suunnittelijoille ja kehittäjille (joulukuu 2015)

Web-kehitys on edennyt valon nopeudella tänä vuonna. CSS3 on hyväksytty hyvin ja olemme vähemmän riippuvaisia Polyfill koska uusimmat selaimet tukevat todella uusinta web-standardia. Microsoft Edge otettiin käyttöön, Google julkaisi kaksi avointa lähdettä Webille: Material Design Lite ja Polymer 2.0.

Joten kääri vuosi muutamalla kätevällä työkalulla muiden web-kehittäjien käyttöön. Meillä on pari JavaScript-kirjastoa sekä työkalut tehokkaammin toimimaan jQueryn kanssa. Jos haluat lisätietoja, tutustu web-kehittäjien sarjan täydellisiin resursseihin.

Klikkaa lisää resursseja

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

Notie.js

Notie.js on mukavampi JavaScript-hälytys, ilmoitus ja valintaikkuna. Sen sijaan, että käytät alert () toiminto, joka näyttää tylsän ja hieman järkyttävä valintaruutu, voit korvata sen notie () toiminto kirjastosta näyttää tyylikkään hälytyksen. Yhdistä hälytystyyli sivustosi yleiseen suunnitteluun helposti Notie.js: n avulla.

Github Corner

Vasta äskettäin tajusin, että Githubin kulma, jota näemme yleensä avoimen lähdekoodin projektin kotisivulla, on jo 7 vuotta vanha. Aika kasvojenkohotukseen. Github Corner on aloite Github-nauhan nykyaikaisemmalle ja tuoreemmalle ulkoasulle. Se käyttää SVG: n sijaan bitmap-grafiikkaa, jonka avulla se voi jäädä teräväksi korkearesoluutioisissa näytöissä.

Sweet (Slack) -teemat

Slackistä on tullut suosituin chat-sovellus pienissä yrityksissä, aloittelijoissa ja kehittäjissä. Vertaa muihin sovelluksiin, kuten Skype ja Google Hangouts, Slack on muokattavissa usealla tavalla, mukaan lukien sen teema - sovellusliittymän ulkonäkö ja vivahteisto. Tässä on kokoelma valmiita asennettavia Slack-teemoja .

jQuery Config

jQuery on modulaarinen, joten emme voi poistaa ei-toivottuja moduuleja, joten koko on kevyempi. Aiempi opetusohjelma, kuinka poistaa tarpeettomat moduulit jQueryssä, osoittaa, miten se tehdään Homebrewin, NPM: n, kanssa, mutta se tehdään terminaalin kautta. Jos et halua käyttää näin, voit käyttää sitä jQuery Config. Sama tapahtuu vain napsautuksella.

SummerNote

SummerNote on JavaScript-kirjasto, joka luo WYSIWYG-editorin. SummerNote on kehitetty tunnetuilla avoimen lähdekoodin projekteilla: jQuery, Bootstrap ja Font Awesome. SummerNote-ohjelmiston käyttöönotto on yhtä helppoa kuin minkä tahansa muun JQuery-kirjaston käyttöönotto, ja se on täydellinen vaihtoehto kirjastolle TinyMCE: lle, varsinkin jos verkko käyttää myös Bootstrapia sen perustana..

BackstopJS

BackstopJS on loistava työkalu verkkosivuston reagoimiseksi, joka on ikävä prosessi. Lyhyesti sanottuna tämä kirjasto tekee tehtävän testata sivustoa useilla näytön kokoilla paljon saumattomammin automatisoimalla. Työkalu sieppaa verkkosivuston kuvakaappaukset ja kommentoi, mikä sivu kulkee ja testi epäonnistuu määritettyjen parametrien ja näytön kokojen perusteella. Se on kuin yksikön testityökalu reagoivan verkkosivuston käyttöönottoon.

SuitCSS

SuitCSS on boilerplate, joka koostuu omasta CSS-esiprosessorista, joka tukee CSS: n tulevaa syntaksia, kuten Custom Property ja Custom Media Query, kourallinen hyödyllisyysluokkia, jotka perustuvat BEM-metodologiaan linjaamaan, koon ja sijainnin elementtejä sekä paljon CSS-moduuleja aloittaa hyvin kehittyneen verkkosivuston kehittäminen.

Sitoa

Sitoa on natiivi OS X -sovellus, jonka avulla voit rakentaa Web-rajapintoja ja -asetteluita GridStyleSheet -sovelluksella, TheGridin kehittämän layout-algoritmin avulla. GSS: n avulla voit sijoittaa sivustoja tehokkaasti. Esimerkiksi päinvastoin kuin CSS, GSS sallii sen elementtisäiliöiden pystysuuntaisen kohdistuksen koodirivillä.

AntiModerate

AntiModerate on JavaScript-kirjasto, joka lataa kuvia älykkäämmin. Tämän kirjaston avulla voit ladata pienemmän kuvan ensin myös hitaiden Internet-yhteyksien yhteydessä, kun taas suurempi kuva latautuu edelleen taustalla. Kun täysi kuorma on ladattu, suurempi kuva on keskellä. Tämä tekniikka voi aiheuttaa nopeamman latausnopeuden Web-sivuillesi.

jQuery-vinkkejä, joita sinun pitäisi tietää

Viileä otsikko ja jopa viileämpi sisältö, tämä on kokoelma jQuery-vinkkejä, joita meidän pitäisi tietää (puolet heistä haluan, että olisin tiennyt paljon, paljon aikaisemmin). Täysin kannattaa tutustua.