Articles to help you grow your business


The Ultimate Guide to Hiring a Web Developer on Upwork: Tips and Best Practices

Looking to hire a web developer on Upwork? Discover the ultimate guide with tips and best practices to find the perfect match for your project.


The Ultimate Guide to Migrating from WordPress to Hugo

Migrate from WordPress to Hugo with ease using this ultimate guide, covering content conversion, theme customization, SEO, deployment, and post-migration tips.


Hugo vs. Jekyll: A Comprehensive Comparison for Web Developers

Explore Hugo vs. Jekyll in this comprehensive comparison for web developers, covering installation, performance, customization, extensibility, and use cases.


10 Steps for Getting Jobs on Upwork

Discover 10 essential steps to secure jobs on Upwork, including crafting a professional profile, writing persuasive proposals, and delivering quality work.


Which Static Site Generator to Use for a Startup

The Importance of Choosing the Right Static Site Generator for Startups As a startup, building a solid online presence is crucial for success. Your website serves as the foundation of your brand, showcasing your products or services, sharing valuable information, and engaging with customers. In today’s fast-paced digital landscape, ensuring your website is both visually appealing and performs well is essential. One way to achieve this is by using a static site generator (SSG) to build your website.


Why Hugo is the Best Static Site Generator for Your Website

Discover why Hugo is the top choice for your website, covering speed, performance, ease of use, customization, multilingual support, and a thriving community.


Add PayPal Donations to Jekyll Site

donations: paypal: text: Donate # Button text id: 7334HG9754 # PayPal button ID {% if site.donations.paypal %} <form class="paypalform" action="" method="post"> <input type="hidden" name="cmd" value="_s-xclick"> <input type="hidden" name="hosted_button_id" value="{{ | default: 'UNCONFIGURED' }}"> <button class="donations uk-button uk-button-primary" name="submit"> <span>{{ site.donations.paypal.text | default: 'Donations' }}</span> </button> <img alt="" border="0" src="" width="1" height="1"> </form> {% endif %}


Jekyll NPM Build Script

Jekyll build process example using npm scripts to build assets/js/main.min.js. The scripts copies vendor sass partials to _sass/vendor/ directory and vendor javascripts to assets/js/vendor/ directory, concatenates and minifies js files and watches for changes. Install Node.js Install all of the dependencies by running npm install in theme root directory, this will install all SCSS and JS dependencies, compress and concatenate JS scripts into main.min.js. Availabele commands: npm install npm run watch { "name": "jekyll-theme-plus", "version": "1.


System Font

Boost website performance by using the system font of a user operating system because the browser doesn’t have to download any font files. Set of @font-face rules created by Jonathan Neal let us use the native system font of the OS running the browser. Install This package can be installed with npm: npm install --save system-font-css. Jekyll In Jekyll, importing the SASS partial directly from node_modules directory won’t work so we have to copy the package to _sass directory manually or using npm copy ncp package:


px to rem conversion

Conversion table from pixels to rem units for 16px root <html> font size: html { font-size: 16px; } {: .uk-table .uk-table-divider} px rem 10px 0.625rem 11px 0.6875rem 12px 0.75rem 13px 0.8125rem 14px 0.875rem 15px 0.9375rem 16px 1rem 17px 1.0625rem 18px 1.125rem 19px 1.1875rem 20px 1.25rem 21px 1.3125rem 22px 1.375rem 23px 1.4375rem 24px 1.5rem 25px 1.5625rem 26px 1.625rem 27px 1.6875rem 28px 1.75rem 29px 1.8125rem 30px 1.875rem 31px 1.9375rem 32px 2rem 33px 2.


Concatenate JS Files

Minimise HTTP requests by including all JS files inside a single assets/js/main.js file. --- --- {% include_relative uikit.min.js %} {% include_relative uikit-icons.min.js %} Define and point to our main.js client-side script file in _includes/head.html <script src="{{ "/assets/js/main.js" | relative_url }}"></script>


Twitter Share Button

Add Twitter share button to your Jekyll template. Set Twitter username in Jekyll config file _config.yml: author.twitter: ivanchromjak Create _includes/share.html file: <div class="share"> Share this on &rarr; <a class="twitter" href="{{ page.title }}&url={{ site.url }}{{ page.url }}&via={{ }}&related={{ }}" rel="nofollow" target="_blank" title="Share on Twitter"><span class="icon icon--twitter">{% include icon-twitter.svg %}</span> Twitter</a> </div> Include the share.html in post layout file _layouts/post.html: {% include share.html %}

get started today

Get a blazing-fast Hugo site

I will increase your site’s speed and maximize search engine visibility.
Book a call now