Friske ressourcer til webdesignere og udviklere (juli 2015)
Webudviklere er velsignede med gratis værktøjer og ressourcer fundet online, som vi samler pligtfuldt i vores Fresh Resources-serie hver måned. Hvis du har gået glip af sidste måneds batch, skal du besøge det her eller tjek resten af de friske ressourcer, der blev udarbejdet i starten af året.
For batchet i juli 2015 lægger vi højde for nye værktøjer og ressourcer, der vil lette dine opgaver, lige fra WordPress-plugins, som giver dig mulighed for at installere plugin-opdateringer privat til et JavaScript-bibliotek for at tilføje interessante animationer.
Aladdin
Dette plugin tilføjer ekstra funktionalitet til WordPress-administration, som ligner OS X Spotlight. Med det får du hurtigt adgang til filer og mapper i din Mac. Når du er installeret, skal du trykke på Shift to gange, og indtaste det, du vil have adgang til. Det gør WordPress administration mere tilgængelig ved brug af tastaturet.
SiteOrigin CSS
SiteOrigin CSS er et robust WordPress-plugin til at tilpasse ethvert udseende i realtid. Plugin tilføjer et nyt panel under Udseende> Brugerdefineret CSS menu. Derefter kan du skrive brugerdefinerede CSS regler til at overskrive CSS af det tema du bruger, eller du kan også bruge GUI panel til at tilføje CSS regler intuitivt.
DynamicsJS
DynmaicJS er et bibliotek til at anvende fysikbaseret animation. Jeg er ikke en fysisk ekspert, men eksemplerne her i denne menu ser virkelig cool ud. Det kan animere HTML- og SVG-elementer, og det giver dig hurtig ydeevne uden nogen afhængighed. DynamicJS er blevet testet på Safari 7+, Firefox 35+, Chrome 34+ og IE10+.
Flytilstand
Dette plugin forhindrer adskillige WordPress eksterne HTTP-anmodninger som f.eks. Google Fonts, Gravatar og WordPress updater fra at forsøge at oprette forbindelse til plugins og temaer repositories for opdateringer. Det er et nyttigt plugin til lokal udvikling for at undertrykke fejl, der opstår, når disse opkald fejler (som normalt sker, når du udvikler lokalt under usædvanligt langsom internet).
Coverr
En samling af videoer, der passer til dine hjemmesideoverskrifter. Alle videoer er gratis, licenseret under Public Domain. Glem ikke at tjekke “Sådan bruges” afsnit for at lære at føje videoen til din webside.
VibrantJS
VibrantJS tager imod fremtrædende farver fra et billede. Det udsætter også nogle API'er, der giver dig mulighed for at behandle den opnåede farve, f.eks. Skifte farveformat og bestemme den korrekte sammensætning til baggrund og tekst. Du kan bruge den til at forbedre dit website-interface med dynamisk farvegenerering, bruge farven som et pladsholderbillede, når billedet ikke er fuldt indlæst endnu, eller opret et webprogram til at generere en farveprøve.
GradifyCSS
Dette bibliotek griber to fremtrædende farver og genererer en CSS-gradient ud af de opnåede farver. På samme måde som VibrantJS, kan du anvende gradienten som billedplacering for, når billedet ikke er fuldt indlæst, eller som en overlejringsfarve.
PurifyCSS
PurifyCSS rydder ubrugte CSS-regler ud af dit stylesheet. Du kan bruge dette til at trimme stilarkstørrelser af store rammer som Bootstrap og Foundation med op til 40%. PurifyCSS er tilgængelig som et Grunt and Gulp plugin.
Titel Capital for WordPress
Navnet har sagt alt. Dette WordPress-plugin vil slå titler såvel som overskrifterne i indholdet til korrekt aktivering ved at gemme eller offentliggøre posten og siden. Jeg finder dette plugin nyttigt til websites med flere forfattere for at bevare konsekvensen for deres hjemmeside indhold.
GitHub Updater
Dette plugin gør det muligt for brugeren at installer og opdater automatisk WordPress-plugins hostet i GitHub. På trods af navnet understøtter plugin også Bitbucket og GitLab, inklusiv et i et privat depot. Det er et nyttigt plugin til udviklere, der udvikler og distribuerer deres plugins eller temaer udelukkende udelukkende til deres kunder.
Kodeeksempler
En samling kodeeksempler fra WordPress Theme Review Team. I øjeblikket består eksemplet af koder til at opbygge Theme Customizer-komponenter ved hjælp af Customizer API, herunder oprettelse af sektionen, indstillinger og panel. Flere koder eksempler på bedste praksis tilføjet i fremtiden.