Friske ressurser for webutviklere - 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

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 for å lage presentasjoner i Markdown . Den har to paneler: En rediger til venstre og en forhåndsvisning til høyre, hvor 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 for å vise bilde lysboksen og galleriet . Lysboksgrensesnittet 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

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

SharingButtons

SharingButtons er en delingsknapper 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

HyperTerm 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 et jQuery-plugin for å vise ø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 gjør at vi kan 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 å gjøre tekst på nettstedet ditt vakkert og proporsjonalt stort .

Jekyll Admin

Jekyll er en statisk blogggenerator. Dette er et offisielt Jekyll-plugin som legger til en GUI-editor for å skrive innlegg med Jekyll; Dette gjør forfatterpost med Jekyll mer intuitivt.

Anime.js

Anime.js er et JavaScript-bibliotek for å utføre 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 et PHP-basert CMS utstyrt med noen praktiske funksjoner innebygd. Front-end redigering, sikkerhetskopier, sider, innlegg, oEmbed, SEO, navigasjon 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 med å 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

En annen 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 er drevet av Microsoft Computer API.

Multi-range

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

jQuery Betaling

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

Trix Editor

Trix er et WYSIWYG redaktør 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 din.

Oppskrift

Oppskrift er en samling av PHP for å kjøre vanlige bruksfunksjoner som 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, noe som betyr at du kan distribuere det 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 .