Vagrant and Puppet are easy to configure together. In this tutorial I will show you how to setup a VirtualBox configured by Vagrant and provisioned by Puppet.
So you will need to have these installed:
By the way this should work on all platforms including Linux, OS X and Windows. Continue reading Vagrant Puppet Tutorial
In order to easily insert little images to your websites, you should really consider using svg icons which are inserted straight into your websites font. They can be used by applying a class to certain web elements.
Continue reading Tutorial to create your own web font with SVG images
For many reduce function is unknown because you rarely need something like it. Reduce is actually a great function which helps your coding a lot if you learn how to use and when to use it.
Reduce takes an array and applies something to each value and returns only one value. In our example we will apply an array of strings to be concatenated together. Continue reading Javascript Reduce with String Concatenation Example
There are currently two good options for websites to have mobile accessibility. The first one is to have one fully responsive site and the other one is to have own website for mobile users (m.example.com). Before deciding which one you should go for, consider the next subjects first. Continue reading Responsive or Mobile site
Lately I have been using a lot application called Zeplin. It is a collaboration tool between designers and developers. The main idea behind is that the designer can upload his or hers designs (mainly Sketch?) to the platform and all the details about it will be processed to easily viewable form. I as a developer have been using the application for a few months now on a daily basis and here are my thoughts about it. Continue reading Zeplin Collaboration Tool Review
On one of my first big Javascript projects I learned how to use jQuery and especially its Ajax function. Nowadays I use the library almost everyday for displaying, fetching and controlling the web.
jQuery is a Javascript library which has been made to ease the development of JavaScript based websites and it offers massive framework for frontend web development. One major and maybe the best part of it is Ajax, Asynchronous JavaScript and XML. In common language you can you can load data into a website without refreshing it. On this post I will demonstrate how to use this function. Continue reading jQuery Ajax Example with JSON Response
Less is a wonderful tool and one of the best things Less has to offer is the ability to create mixins with. In normal CSS you can’t do this. With mixins you can reduce the amount of code in HTML and keep your stylesheets more readable and modular. Continue reading Less Mixins Example
I builded a very simple template engine for PHP. It is actually a fork from Drupal so this is pure GPL2 code. You can also read this post as a tutorial on how to use PHP strtr with a lot of arguments. Continue reading Simple PHP Template Engine
Have you ever wondered how have some websites managed to create so well performing mobile slider? The answer is Swiper.
jQuery Mobile Slider is something a lot of new mobile sites use these days to create horizontal sliding effects on their web pages. I have went through all of them to find the best one for my purposes. You can actually use even if you don’t have jQuery but you can surely use it as a plugin. This is the second post in my web slider post series and on this post I’m going to show you an very simple example of mobile optimized and well running slider. Continue reading jQuery Mobile Slider Example with Swiper
Responsive jQuery Slider is something I have worked with for some time now. I have found some good plugins to create this and Owl Carousel is one of those jQuery plugins. Basically it is a plugin you need to create a slideshow to your website. This carousel is especially developed having responsive design in mind. Owl Carousel has two version but I recommend you all use the second version which is basically a rewrite of the first and has everything running smoother. Continue reading Responsive jQuery Slider Example with Owl Carousel
