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. Mehr lesen ›

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. Mehr lesen ›

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. Mehr lesen ›

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. Mehr lesen ›

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. Mehr lesen ›

Headers With Style › Header With Text
Feeling Responsive allows you to use all kinds of headers. This header is with text. Mehr lesen ›

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. Mehr lesen ›

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. Mehr lesen ›

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. Mehr lesen ›

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. Mehr lesen ›

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. Mehr lesen ›

Templates › Video Template
If you want to show videos in a large manner, the video template is the right choice. Mehr lesen ›

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. Mehr lesen ›

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. Mehr lesen ›

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. Mehr lesen ›

Templates › Page/Post Right Sidebar
This is an example of page/post with a sidebar on the right. Mehr lesen ›

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. Mehr lesen ›

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

Templates › Page/Post With Left Sidebar
This is a example of page/post with a sidebar on the left. Mehr lesen ›