Blog Archive

Check out all blog posts in my blog archive. Click on a headline to read the teaser.

Video & Music Player › Play Audio & Video with media­element.js

Do you like music? Or are you a podcaster? Do you want to stream your videos in a nice player? Than you likely will like the integration of mediaelement.js. It enables you to play music and stream video in a consistent player that looks in each browser delicious. It even works in IE6-8.

Reading Experience › Wonderful Typography

Feeling Responsive uses Volkhov for headlines, Lato for everything else and if you are in need to show some code, it will be in Lucida Console or Monaco.

Discussion › Now with Comments!

For a blog you need comments. Like all those other jekyll themes we baked in Disqus. It's easy to set, it works and makes a static jekyll blog more dynamic.

Headers With Style › No Header

Feeling Responsive allows you to use all kinds of headers. This example shows no header at all. Just the navigation.

Headers With Style › No Header but Article Image

Feeling Responsive enables you to get the attention of visitors. If you don't want to use a big header, use an image for the article instead.

Headers With Style › Header With Text

Feeling Responsive allows you to use all kinds of headers. This header is with text.

Headers With Style › Header With Logo Only

Feeling Responsive allows you to use all kinds of headers. This is the default mode. It shows a header just with your logo on the standard background.

Headers With Style › Header Image With Background Color

Feeling Responsive allows you to use all kinds of headers. This example shows a header image with a defined background color via front matter.

Headers With Style › Header with a Full-Width-Image

Feeling Responsive allows you to use all kinds of headers. This example shows a header with a full-width-image.

Headers With Style › Header Image With Pattern

Feeling Responsive allows you to use all kinds of headers. This example shows a header image in front of a pattern.

Templates › Responsive Galleries with Foundation

Wanna create a responsive gallery to showcase your portfolio, recent photos or images? It's quite easy thanks to Foundation and Clearing Lightbox.

Templates › Video Template

If you want to show videos in a large manner, the video template is the right choice.

Multi-Device Layouts in Color › Grid & Colors

Create powerful multi-device layouts quickly and easily with the 12-column, nest-able Foundation grid. To optimize the size of your images, you find the correct dimensions beneath. Further below you find the colorscheme and colors used for Feeling Responsive and their color codes.

Portfolio › Show your beautiful work!

With Feeling Responsive you don't need a special portfolio template. Just check out the great possibilities of the foundation grid and experiment with it.

Multi-Device Layouts › The Full-Width Page Template

The full-width page format gives you all the space you need to show your content using the grid.

Templates › Page/Post Right Sidebar

This is an example of page/post with a sidebar on the right.

Templates › The Post/Page Template

The default template for posts and pages aligns the page beautifully in the middle. But you can customize posts/pages easily via switches in the front matter to get a sidebar and/or to turn off meta-information at the end of the page like categories, tags and dates.

Breadcrumbs

If you need them, Feeling Responsive offers you a breadcrumb navigation. You can easily turn it on/off via frontmatter.

Templates › Page/Post With Left Sidebar

This is a example of page/post with a sidebar on the left.