Hjemmeside » Webdesign » Friske ressurser for webdesignere og utviklere (juli 2015)

    Friske ressurser for webdesignere og utviklere (juli 2015)

    Webutviklere er velsignet med gratis verktøy og ressurser funnet på nettet, som vi pliktsamfunn samler inn i vår Fresh Resources-serie hver måned. Hvis du har gått glipp av forrige månedsserie, kan du se på det her eller sjekke ut resten av de friske ressursene samlet i begynnelsen av året.

    For juli 2015-batchet er vi høye ferske verktøy og ressurser som vil lette oppgavene dine, alt fra WordPress-plugins som lar deg distribuere plugin oppdateringer privat til et JavaScript-bibliotek for å legge til spennende animasjoner.

    Aladdin

    Denne plugin legger til ekstra funksjonalitet for WordPress-administrasjon som ligner OS X Spotlight. Med det får du raskt tilgang til filer og mapper i din Mac. Når du har installert, trykker du Shift to ganger, og skriver inn hva du vil ha tilgang til. Det gjør WordPress-administrasjonen mer tilgjengelig ved bruk av tastaturet.

    SiteOrigin CSS

    SiteOrigin CSS er et robust WordPress-plugin for å tilpasse et hvilket som helst temautseende i sanntid. Plugin legger til et nytt panel under Utseende> Tilpasset CSS Meny. Der kan du skrive egendefinerte CSS-regler for å overskrive CSS for temaet du bruker, eller du kan også bruke GUI-panelet for å legge til CSS-regler intuitivt.

    DynamicsJS

    DynmaicJS er et bibliotek for å søke fysikkbasert animasjon. Jeg er ikke en fysisk ekspert, men eksemplene her i denne menyen ser veldig kul ut. Det kan animere HTML- og SVG-elementer, og det gir deg rask ytelse uten noen avhengighet. DynamicJS har blitt testet på Safari 7+, Firefox 35 +, Chrome 34+ og IE10+.

    Flymodus

    Dette pluginet forhindrer at flere WordPress eksterne HTTP-forespørsler, for eksempel til Google Fonts, Gravatar og WordPress updater, forsøker å koble til plugins og temaer for lagringsplasser for oppdateringer. Det er et nyttig plugin for lokal utvikling for å undertrykke feilene som oppstår når disse anropene mislykkes (som vanligvis skjer når du utvikler lokalt under ekstremt sakte Internett).

    Coverr

    En samling av videoer som er bra for nettstedets overskrifter. Alle videoer er gratis, lisensiert under offentlig domene. Ikke glem å sjekke ut “Hvordan å bruke” delen for å lære hvordan du legger til videoen på nettsiden din.

    VibrantJS

    VibrantJS griper fremtredende farger fra et bilde. Det viser også noen APIer som lar deg behandle den oppnådde fargen, for eksempel bytte fargeformat og bestemme riktig sammensetning for bakgrunn og tekst. Du kan bruke den til å forbedre ditt nettstedgrensesnitt med dynamisk fargegenerering, bruk fargen som et plassholderbilde når bildet ikke er fullt lastet ennå, eller opprett et webprogram for å generere en fargekvoter.

    GradifyCSS

    Dette biblioteket tar to fremtredende farger og genererer en CSS-gradient ut av de oppnådde fargene. I likhet med VibrantJS, kan du bruke gradienten som bildeplassholder for når bildet ikke er fullt lastet, eller som en overleggsfarge.

    PurifyCSS

    PurifyCSS rydder opp ubrukte CSS-regler ut av stilarket. Du kan bruke dette til å trimme stilarkstørrelsen til store rammer som Bootstrap og Foundation med opptil 40%. PurifyCSS er tilgjengelig som Grunt and Gulp plugin.

    Tittel Capital for WordPress

    Navnet har sagt alt. Dette WordPress-pluginet vil slå titler så vel som overskriftene i innholdet til riktig kapitalisering ved lagring eller publisering av innlegg og side. Jeg finner dette pluginet nyttig for nettsteder med flere forfattere for å beholde konsistens for innholdet på nettstedet deres.

    GitHub Updater

    Denne plugin tillater brukeren å installer og oppdater automatisk WordPress plugins vert i GitHub. Til tross for navnet støtter plugin også Bitbucket og GitLab, inkludert en i et privat lager. Det er et nyttig plugin for utviklere som utvikler og distribuerer pluginene eller temaene utelukkende bare for sine kunder.

    Kodeeksempler

    En samling kodeeksempler fra WordPress Theme Review Team. For øyeblikket består eksemplet av koder for å bygge Theme Customizer-komponenter ved hjelp av Customizer API, inkludert å opprette Seksjon, Innstillinger og Panel. Flere koder eksempler på beste praksiser lagt til i fremtiden.