no.hideout-lastation.com
Paradis For Designere Og Utviklere


MediumEditor - Inline Tekstredigeringsverktøylinje for Internett

Alle vet Medium.com og deres svært populære blogging plattform. De redefinerte mange ideer i designverdenen, og du kan finne mange opplæringsprogrammer som lærer deg hvordan du skal klone deres design.

Et verktøy du kanskje liker, er MediumEditor-pluginet basert på rent JavaScript. Det lar deg legge til et tilpasset inline-tekstredigeringsprogram til en hvilken som helst side i samme design som mediebloggen. Så, du kan la leserne dristige, kursivisere, legge til lenker, overskrifter og stort sett alt annet, med en enkel visuell verktøylinje .

Merk at dette prosjektet ikke er tilknyttet Medium på noen måte, så det er ikke en offisiell plugin .

Den ble opprettet av en fan av nettstedet og noen som elsker middels design stil. Du kan lære mer om oppsettet på GitHub som lagrer all koden, helt fri for bruk.

Redigeringsprogrammet fungerer i alle de store nettleserne, inkludert den nåværende versjonen av Microsoft Edge og IE. Den støtter til og med eldre versjoner av Internet Explorer, som går tilbake til IE7. Gal!

Installasjon er en bris hvor du kan trekke alle filene direkte via npm eller Bower, eller til og med bruke en gratis online CDN som JSDelivr.

Da vil du sende både CSS og JavaScript-filer til overskriften på nettstedet ditt. Easy-peasy.

Derfra kaller du redaktøren med en enkelt linje med kode:

 var editor = ny MediumEditor ('redigerbar'); 

Du kan sende en liste over sideelementer som bare skal fungere med redigereren, eller du kan la den kjøre over hele siden .

Sannsynligvis den mest praktiske bruken av denne plugin er å lage en type WYSIWYG-editor for en web-app.

Det håndterer ikke bestått data frem og tilbake mellom serveren og klienten, så du må opprette den logikken selv. Likevel er dette plugin så mye enklere enn å starte fra bunnen av.

Hvis du ruller helt ned til Middeleditor-demosiden, finner du en liste over utvidelser du kan teste også. Disse inkluderer full markdown redigering, sammen med mellomstore knapper og andre grensesnitt funksjoner .

Denne plugin anbefales på det sterkeste for alle fans av Medium som ønsker å kopiere noen av deres UX i et annet prosjekt.

5 tips til bedre merkenavn

5 tips til bedre merkenavn

Et viktig element i enhver bedrift er å skape et merkenavn som folk kan identifisere tjenesten eller produktet den gir. Det er også en av de aller første tingene du må tenke på, og det er noe som vil sette seg fast i bedriften din for lenge .Derfor er det nødvendig å være spesielt om å komme opp med det perfekte merkenavnet for virksomheten din. Det kan

(Tekniske og design tips)

Grid.css - Et minimalt grid system for webutviklere

Grid.css - Et minimalt grid system for webutviklere

Større frontendrammer som Bootstrap kommer med egne gridoppsett . Men de kommer også med mye bagasje i form av forhåndsdefinerte sideelementer og JavaScript-komponenter.Hvis du leter etter et mye mindre og strømlinjeformet rutenettet, vil du elske Grid.css .Dette gratis open source-biblioteket kommer med det tradisjonelle 12-kol-grid-systemet som du kan strukturere for ethvert oppsett. CS

(Tekniske og design tips)