Skip to content
Permalink
Branch: master
Find file Copy path
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
53 lines (35 sloc) 2.57 KB

author: mos category: - kurs/design - mos/ctextfilter revision: "2016-10-26": (B, mos) Tog bort stycke om beta version av SmartyPants. "2016-06-17": (A, mos) Första versionen. ... Typografiska element för webben med SmartyPants

Att skriva typografiskt korrekta element för webben kan vara lurigt utan ett hjälpmedel. Låt oss kika på PHP SmartyPants som kan hjälpa till att formattera till en snyggare typografi.

Hur kan du till exempel skapa en ellips [^1], sneda citationstecken [^2] curly braces, tankestreck [^3] en dash, eller långt tankestreck [^4] em dash på ett enkelt sätt i löpande text?

PHP-modulen mos/ctextfilter, som ligger bakom formatteringen av text på denna webbplatsen, använder sig av PHP-libbet PHP SmartyPants för att göra det enkelt att automatiskt formattera en del av de klassiska typografiska elementen. PHP SmartyPants finns även på Packagist.

Här är ett par exempel som jag själv tycker om att använda.

Vad Källa SmartyPants
Dubbla citationstecken "" ""
Enkla citationstecken '' ''
Em-dash --- ---
En-dash -- --
Ellipsis ... ...

Här är ett par exempel på när man kan använda dessa typografiska element.

Jag tror jag blir förb...

Mos sade: "Du måste läsa kurslitteraturen".

I Jönköping innebär ordet 'devon' någon form av kraftuttryck.

-- Skynda er, föreläsningen startar!

Använd bokstäverna A--Z.

Artikeln om PHP --- lång som den var --- påminde mig om boken Sagan om Ringen.

Klassisk typografi är vacker och kan förhöja känslan hos den som besöker din webbplats.

[^1]: Ellips och ellipsis. [^2]: Citationstecken och quotation marks [^3]: Tankestreck, figure dash och en dash. [^4]: Långt tankestreck och em dash.

You can’t perform that action at this time.