Friske ressurser for webdesignere og utviklere (september 2016)

Vi er tilbake igjen med en håndfull ressurs for våre andre webutviklere. I denne delen er samlingen ganske variert. Vi har på listen et skrivebordsprogram, et par webprogrammer, praktiske PHP- og JavaScript-biblioteker, og et par WordPress-plugins. La oss sjekke dem ut.

Klikk for flere ressurser

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

Marp

Marp er en redaktør til Lag presentasjoner i Markdown. Den har to paneler: En rediger til venstre og en forhåndsvisning til høyre, der du kan vise lysbildet i sanntid. Den er tilgjengelig i OS X, Windows og Linux. Det er et flott alternativ til en oppblåst programvare som PowerPoint.

LightGallery

Et JavaScript til vise bilde lysboksen og galleriet. De lysboksgrensesnitt er utstyrt med en håndfull knapper hvor du kan zoome inn, zoome ut, laste ned bildet og skru på bildet i fullskjerm. Det er virkelig et alt-i-ett-pakke JavaScript-bibliotek i denne kategorien.

Reag utviklerverktøy

Reag utviklerverktøy er en Google Chrome-utvidelse som lar oss dekode Reager gjengitte komponenter på nettleseren. Når den er installert, legger den til en ny kategori i DevTools, hvor du kan inspisere rot, elementer og feilsøk React-komponenter som du ville med vanlig HTML.

SharingButtons

SharingButtons er en deler knapper generator. Den støtter for tiden en rekke populære sosiale nettsteder som Facebook, Twitter og Pinterests. Utgangen laster ut JavaScripts bloats og kan senere enkelt tilpasses gjennom CSS.

Baffle

Baffle er et JavaScript-bibliotek som legger til en fin engasjerende effekt på tekst. Det er vanskelig for meg å nevne denne slags effekten, men det ser absolutt kult ut. Sjekk ut demoen!

Hyper

Hyper er en terminal emulator, et program, bygget på toppen av HTML, CSS og JavaScript. Det er modulært der utviklere kan bidra, introduserer moduler som legger til ny funksjonalitet. Appen er for tiden bare tilgjengelig for macOS.

overheng

OverHang.js er en jQuery-plugin til vis øyeblikkelig varsling. Pluggen kan tilpasses. Du kan angi tekstmeldingen i varselet, fargene og hvor lenge det vises før det fades ut.

grafika

grafika er en samling av PHP-funksjoner som tillater oss å manipulere bildet. Vi kan bruke bildefiltre som uskarphet og sepia. Vi kan også forvandle bilder som å bla, rotere og endre størrelse.

Enkel typografi

Enkel typografi er et Sass-bibliotek som tilbakestiller typografisk styling - for eksempel skriftstørrelse og linjehøyde. Det er et annet lite bibliotek som du kanskje vil bruke til lage tekst på nettstedet ditt vakkert og proporsjonalt stort.

Jekyll Admin

Jekyll er en statisk blogggenerator. Dette er en offisiell Jekyll-plugin som legger til en GUI-editor for å skrive innlegg med Jekyll; Dette gjør forfatterposten med Jekyll mer intuitiv.

Anime.js

Anime.js er et JavaScript-bibliotek til utfør væskeanimasjon på nettet. Den gjelder for vanlige HTML, SVG, CSS Transformations. Finn den komplette instruksjonen for å få mest mulig ut av det og noen inspirerende eksempler i dokumentasjonen.

PostLeaf

PostLeaf er en PHP-basert CMS utstyrt med noen praktiske funksjoner innebygd. Front-end redigering, sikkerhetskopier, sider, innlegg, oEmbed, SEO, navigering som er ting som gjør det vanskelig å vedlikeholde nettsteder.

Browsers Logoer

En komplett samling av alle nettleserlogoer. Du kan finne ikoner for populære nettlesere som Chrome, Firefox og Internet Explorer, inkludert ikonene for mobilappen deres. Du kan også finne mindre populære nettlesere som du aldri har hørt før, for eksempel Blisk, Iridium og Orbitum.

wA11y

Et WordPress-plugin for å hjelpe oss forbedre tilgjengeligheten på et nettsted. Når det er aktivert, vil pluginet evaluere våre nettsteder med tota11y, levere tilbakemeldinger for brudd som påvirker tilgjengeligheten, og foreslå løsninger for å fikse det.

Automatisk alternativ tekst

Et annet WordPress-plugin som er verdt å nevne, forbedrer nettstedets tilgjengelighet ved legge alt tekst til bilder lastet opp gjennom WordPress Media Manager. Den genererte “alt” Teksten drives av Microsoft Computer API.

Multi-range

Et JavaScript-bibliotek, en polyfil, for HTML 5.1 Multi-range produksjonen som for tiden er fortsatt dårlig implementert i nettlesere. Lea Verou delte historien sin bak dette biblioteket i det siste innlegget, presenterer Multirange: En liten polyfil for HTML5.1-håndtak, som er definitivt verdt å lese.

jQuery Betaling

Et jQuery-plugin utviklet av Stripe, en betalingsbehandlingstjeneste. Denne plugin gjør utvikle et kredittkort skjema mindre skremmende. Den støtter mange kredittkort, inkludert Visa, Master Card Amex, UnionPay og JCB.

Trix Editor

Trix er en WYSIWYG editor som vi kan bruke til å produsere innhold. Implementering av trix er rask og lett utvidbar med ny funksjonalitet for å møte dine behov. Du finner alle instruksjonene i dokumentasjonen på Trix på webapplikasjonen.

Oppskrift

Oppskrift er en samling av PHP til Kjør felles bruksfunksjoner for eksempel grab Gravatar bilde, generere en QR-kode, konvertere en matrise til et objekt, og mye mer.

papirer

EN notatbase bygget på toppen av PHP og Angular som betyr at du kan distribuere den på en webserver. Dette kan være et godt alternativ til en stasjonær app som Evernote eller OneNote, på en måte som du kan administrere og tilpasse nesten alt ut av det, og lagre dataene dine privat på din egen server.