Externe Umleitung in Hugo

As a blogger today, I wanted to redirect URLs that point to a subdirectory to an external destination. In the blog post ‘Using Hugo as a redirect service’ by Daniel Terhorst-North I came across a very lean solution. To achieve this, the following file must be created in the theme folder: /layouts/redirect/single.html. The following source code must be added to the file: {{- template "_internal/alias.html" (dict "Permalink" .Params.target) -}} You can now create a file and define the redirect with the following four lines. The filename also determines the directory of the source URL: ...

December 17, 2023 · 1 min · 117 words

Modern Font Stacks

Modern Font Stacks lists system fonts for modern operating systems. A practical overview if you’re designing your next web project. The text was automatically translated from German into English. The German quotations were also translated in sense.

May 6, 2023 · 1 min · 37 words

Twitter Cards in WordPress

Since around mid-2012, Twitter has supported Twitter Cards. Twitter Cards are meant to give Twitter users a preview of posted links. You can present video, images, or text snippets as a preview. The following code lets WordPress users optimize their theme for Twitter Cards. First, add the following code to the function.php of your WordPress theme; once you’ve done that, you still need to apply for Cards with Twitter registrieren. ...

March 3, 2014 · 2 min · 283 words

Edit images with CSS (currently only Webkit)

CSS3 Filters: Altering HTML and Images with just CSS → CSS3 Filters are a quite interesting offshoot from SVG, allowing you to modify HTML elements and images with blurs, brightness and a lot more. In this quick tutorial we’ll go over exactly how they’re going to work. Black-and-white and blur filters should definitely be added to the HTML5 standard. They would make it possible to create some really great effects. ...

July 8, 2012 · 1 min · 90 words

Better Helvetica

If you want a readable, attractive font that’s supported by many systems on your website, you should go with Helvetica. Here’s a very good code snippet. body { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; } The code was published by Chris Coyier on 10. August 2009. The text was automatically translated from German into English. The German quotations were also translated in sense.

August 12, 2009 · 1 min · 71 words