-
Fixing the Jekyll + GitHub Metadata warning
We can set up a local version of our Jekyll GitHub Pages website to preview our website before making the changes public. But when I run the
jekyll serve
command it throws the following error message:GitHub Metadata: No GitHub API authentication could be found. Some fields may be missing or have incorrect data.
Continue reading → -
Syntax Highlighting in Jekyll
Jekyll has built in support for Syntax Highlighting of over 100 languages. You can have code snippets highlighted so that they are easier to read on your GitHub Pages website. In this post I will show you how you can integrate Rouge into your Jekyll setup.
Continue reading → -
Integrate Flatr button to Jekyll website
Flattr is a free and easy way to earn money from blog posts. My Github hosted Jekyll website is being used primarily as a blog as you can see. By placing a small Flattr button at the end of each blog post, just above the comments section, I can ensure that visitors of my blog have an opportunity to thank me for the article. In this article, I will show you how to easily use Flattr to show “Thanks” button in Jekyll.
Continue reading → -
Add icon-fonts to Adobe Muse website
The beauty of icon-fonts is that they are in essence, fonts. Which means they can be used much like any other piece of text. Unlike images they can have their colour changed easily, can be scaled and are lightweight in download terms. And they are fully responsive and retina friendly. The huge choice available at Font Awesome, Bootstrap and Google font icons means that you should find the exact graphic you are looking for and when combined with other muse assets you can quickly and easily build buttons, graphics and widgets. In this article you’ll learn how to use and customize the Font Awesome, Bootstrap and Google font icons in any Muse website.
Continue reading → -
Safari's and Chrome's default styles for HTML5 search input
The new HTML5 form input types save me tons of work on form validation, and they’ll assist your users in filling them (by providing more in-browser features, alternate keyboard layouts and more). It works great, but unfortunately, the Safari and Chrome browsers uses their own default stylsheet for this inputs, and so you can’t style (add a CSS properties) the search input yourself. I didn’t need this in-browser style for my search input, because I want to add my own CSS properties to search input, so after some searching, I discovered the below solution.
Continue reading →