Friske ressurser for webdesignere og utviklere (desember 2015)

Webutvikling scenen har utviklet seg med lysets hastighet i år. CSS3 har blitt godt vedtatt, og vi er mindre avhengige av polyfill siden de nyeste nettleserne er veldig gode til å støtte den nyeste webstandarden. Microsoft Edge ble introdusert, Google utgitt to åpne kilder for Internett: Material Design Lite og Polymer 2.0.

Så la oss pakke inn året med et par nyttige verktøy for andre webutviklere. Vi har et par JavaScript-biblioteker samt verktøy for å jobbe mer effektivt med jQuery. For å finne mer, sjekk ut de fulle ressursene for webutvikler-serien.

Klikk for flere ressurser

Finn hele vår samling av anbefalte ressurser og de beste verktøyene for webdesign og utvikling.

Notie.js

Notie.js er et bedre JavaScript-varsel, varsel og dialogboks. I stedet for å bruke varsling() funksjon som viser en kjedelig og litt sjokkerende varselboks, kan du erstatte den med notie () Funksjon fra biblioteket for å vise stilstilstand. Match varselstilstanden med den generelle utformingen av nettstedet ditt enkelt med Notie.js.

Github Corner

Det er bare nylig jeg innså at Github-hjørnet, som vi vanligvis ser på hjemmesiden til et åpen kildekodeprosjekt, allerede er 7 år gammel. Tid for ansiktsløftning. Github Corner er et initiativ for et mer moderne og friskt utseende for Github-båndet. Den bruker SVG i stedet bitmap-grafikk som gjør at den kan forbli skarp i høyoppløselige skjermbilder.

Søte (slakk) temaer

Slakk har blitt den mest populære chat-appen i små bedrifter, oppstart, og med utviklere. Sammenligne med andre apper som Skype og Google Hangouts, kan Slack tilpasses på flere måter, inkludert temaet - utseendet og nyansen av appgrensesnittet. Her er en samling ferdige Slack-temaer .

jQuery Config

jQuery er modulær, noe som betyr at vi kan fjerne uønskede moduler ut av det slik at størrelsen er mer lett. Vår forrige veiledning, Slik fjerner du unødvendige moduler i jQuery, viser hvordan du gjør det med Homebrew, NPM, men det gjøres gjennom Terminal. Hvis du ikke vil bruke den måten, kan du ty til bruk jQuery Config. Det gjør det samme med bare klikk.

SummerNote

SummerNote er et JavaScript-bibliotek for å lage en WYSIWYG-editor. SummerNote er utviklet på toppen av fremtredende open source-prosjekter: jQuery, Bootstrap og Font Awesome. Utplassering av SummerNote er like enkelt som å distribuere et annet JQuery-bibliotek, og det er det perfekte alternative biblioteket til TinyMCE, spesielt hvis webben din bruker Bootstrap som grunnlag også.

BackstopJS

BackstopJS er et flott verktøy for å teste websiden responsivitet som er en kjedelig prosess. I et nøtteskall gjør dette biblioteket oppgaven med å teste et nettsted på flere skjermstørrelser mye mer sømløs ved automatisering. Verktøyet vil fange skjermbilder av nettstedet og annotere hvilken side som går og mislykkes testen basert på de angitte parametrene og skjermstørrelsene. Det er som et Unit Test-verktøy for å distribuere responsiv nettside.

SuitCSS

SuitCSS er en boilerplate, som består av sin egen CSS-forprosessor som støtter CSSs fremtidige syntaks som Custom Property og Custom Media Query, en håndfull verktøysklasser basert på BEM-metoden for å justere, størrelse og posisjoner, og mange CSS-moduler å komme i gang med å utvikle et godt bygget nettsted.

Binde

Binde er en innfødt OS X app som lar deg bygge webgrensesnitt og layouter ved hjelp av GridStyleSheet, en layoutalgoritme utviklet av TheGrid. GSS lar deg opprette nettsteder effektivt. For eksempel, i motsetning til CSS, tillater GSS vertikal justering av elementbeholdere med en enkelt linje med kode.

AntiModerate

AntiModerate er JavaScript-bibliotek som laster bilder mer smart. Med dette biblioteket, selv under sakte Internett-tilkoblinger, kan du laste inn et mindre bilde først mens det større bildet fremdeles lastes i bakgrunnen. Når det er fulllastet, tar det større bildet midtpunktet. Denne teknikken kan utgjøre en raskere lasthastighet for websidene dine.

jQuery Tips du bør vite

Kult tittel og enda kjøligere innhold, dette er en colletion av jQuery tips som vi burde vite (halvparten av dem jeg skulle ønske jeg hadde kjent mye, mye tidligere). Helt verdt å sjekke ut.