Below you can find a list of all posts I have written, grouped by year.

Posts from 2017

Below are all posts written in 2017.

(Return to navigation)
  • 2017, week 10, 11, 12, 13

    Published on
    506 words. Average read time: 3 minutes.

    Time sure does fly sometimes! I just realized the last “weekly” review post was from the beginning of march, namely week 8 and 9, so one month ago. In the meantime I played a lot of The Legend Of Zelda: Breath Of The Wild, worked on a Go thing, and went to a concert. Breath Of The Wild Link looking onto Death Mountain I am absolutely in love with Breath Of The Wild.

  • Using the Terminal: The Prompt

    Published on
    1600 words. Average read time: 8 minutes.

    The Terminal (or bash, shell, console) is an incredibly powerful program available on (almost) all operating systems such as Mac OS, Windows, or Linux Distributions like Ubuntu, Mint, Fedora, CentOS, … - you get the picture. Using the terminal in an efficient way to navigate the computer or writing your own programs and snippets to enhance your workflows is incredibly powerful. I already wrote about one custom script named ws which enhances my daily workflows.

  • 2017, week 8 and 9

    Published on
    503 words. Average read time: 3 minutes.

    It turns out that a lot of my time is actually spent working or playing games - so there’s not too much to tell and weekly updates become hard-ish to write. I am going to go with bi-weekly or even monthly updates from now on. So this post is week eight and week nine - week nine being the week the Nintendo Switch and The Legend Of Zelda: Breath of the Wild were released.

  • 2017, week seven

    Published on
    297 words. Average read time: 2 minutes.

    In week six nothing happened so it was skipped. Quite nice, actually. In the second half of week six and through week seven I prepared a workshop which I gave on Friday at the Coding Night. This Coding Night was a special one: The topic was “CodingNight feat. CodeDoor feat. Refugees” which was a collaboration between CodingNight and CodeDoor. CodeDoor is a project which teaches Refugees coding skills, how to build projects and how to get a Job in the programming field.

  • 2017, week five

    Published on
    502 words. Average read time: 3 minutes.

    Another week passed, another personal review. This week I finally got a appointment with my tattoo artist to finish up my tattoo. I’m only 6 months late to do so because I kept saying “I’ll call next week”, “I’ll do it when I’m back from Amsterdam”, “I’ll do it after Christmas” - and so on. I am really bad with managing time and work-life balance. If you have any tips on how you manage the things you have to do, hit me up on twitter @_kevinatari.

  • 2017, week four

    Published on
    491 words. Average read time: 3 minutes.

    It’s the last week of the first month already - weird how fast time seems to tick! This week has been rather stressful and loaded with work which is why I did not write any posts or did any programming in my free time. Looking back at the week there’s not much to say so this will be a quick read with some reading recommendations at the end. dep The Go language has released a alpha version of dep - their dependency management tool.

  • 2017, week three

    Published on
    644 words. Average read time: 4 minutes.

    Another week another short review! The third week of 2017 had a lot of travel because I attended an Elasticsearch training course in Munich to learn more about Elasticsearch hands-on. The two day course was exiting and I enjoyed my time, learning quite a lot about the different features of Elasticsearch and Kibana. Part of the course material is a 500 page PDF file which is a copy of the presentation held during the two days - I am glad I got it because it’s a great reference to look at.

  • Deploy a static site with git

    Published on
    1481 words. Average read time: 7 minutes.

    If you follow my blog you might recall that I switched from Jekyll hosted on GitHub to Hugo hosted on Uberspace. Beside the fact I had to create a custom Hugo theme for myself and learn how to run a Hugo blog/website I also had to think about how I am going to deploy my website. Hugo is a static site generator and when executed ($ hugo) it compiles the site from Markdown and HTML templates into a public directory with lots of folders and HTML files.

  • 2017, week two

    Published on
    434 words. Average read time: 3 minutes.

    This week I spent a lot of time with Amazon Web Services, or AWS, and made myself familiar with the backend and the way server / instance management works on AWS. While doing so I also learned that AWS instances are by default not accessible from the internet - they have no open ports and each instance needs a “Security Group” which defines ways to access the instance. They also do not have Shell access by default.

  • Bash script: ws

    Published on
    545 words. Average read time: 3 minutes.

    For the past year or so I had a little function in my .bash_profile file which made my interaction with the terminal roughly 9001% better - yeah, over 9000! This little function is called ws and makes switching between projects inside my workspace a lot easier. Both my private and work projects are inside the ~/Development directory. If I want to get to a project I would normally navigate like cd ~/Development/private/github/kevingimbel/kevingimbel.

  • Writing NodeJS cli tools

    Published on
    812 words. Average read time: 4 minutes.

    Over 2015 and 2016 I got more and more interested in automating my daily workflows with scripts. For this purpose I learned Bash Scripting (or Shell Scripting) and started writing my first scripts to automate repeating tasks, creating apache vhosts files for example. Recently I started exploring how to implement command line tools in NodeJS and this post should give an overview. Shebang If you already know what a Shebang is skip to the next section

  • 2017, week one

    Published on
    585 words. Average read time: 3 minutes.

    German blogger, designer, and YouTuber Marcel Wichmann started a weekly-review blog series which I find quite interesting! Reviewing in short what happened in each week of the year is a nice and “easy” way to recap everything that happened - and it also helps writing this years big review post at the end of the year. I am not sure if I’ll keep it up for each week but I will try.

  • 2016, a short review

    Published on
    1164 words. Average read time: 6 minutes.

    2016 has been an odd year in regards to world events and deaths - quite depressing actually. For me personal it has been the exact opposite. Overall, for me 2016 has been an excellent year. January View from the hotel in Fuerteventura. January started with what we call a “Braincamp”. A Braincamp is a company trip to a remote location where we at Synoa GmbH take time outside the office and come up with ideas and projects to do for the year.

Posts from 2016

Below are all posts written in 2016.

(Return to navigation)
  • Goodbye Ubuntu, Hello Mac

    Published on
    683 words. Average read time: 4 minutes.

    Christmas came earlier this year! Since my co-workers switched to MacBooks over the year I got a MacBook, too. I got my new PC last year so I was not due to a hardware change for at least another year but - to my luck - I also got a new PC so we all have the same hardware. After three years of Ubuntu and Linux/GNU it’s odd to switch to MacOS.

  • Gotcha: dockerignore

    Published on
    244 words. Average read time: 2 minutes.

    Today I was caught off-guard by a docker “bug” - or so I thought at first. I tried to boot up a project with docker-compose up like I do since switching to a Mac. Unusual was that docker-compose stopped at the build step and would not finish the boot. After some confusion and after checking the projects docker-compose.yml configuration file I went to GitHub to see the newest docker for mac issues because I was using the beta release and thought a recent update might broke a thing or two.

  • Farewell Jekyll, Hello Hugo

    Published on
    609 words. Average read time: 3 minutes.

    If you have visited my website in the past few weeks you might have notices a few things. First of all it looks different. Second, it is now served over HTTPS which is possible because I moved away from GitHub Pages and back to self-hosting my website. Third, and possible most important, I also moved away from Jekyll after using it for three years. This very site you read right now is build with Hugo, a static site generator build by Steve Francia, Bjørn Erik Pedersen and a lot of contributors.

Posts from 2015

Below are all posts written in 2015.

(Return to navigation)
  • Speed up your Jekyll workflow

    Published on
    469 words. Average read time: 3 minutes.

    Lately I had a hard time working with my own website. Whenever I wanted to make some updates, write a post or fix a little buggy thing it only took a few minutes of “work” to get me really frustrated. Jekyll, despite my love for it, has become horribly slow. My site, which I consider rather “simple”, took 17-20 seconds to build on every change! Changing the CSS? Rebuild entire site.

  • A Beginners Guide to Drum and Bass

    Published on
    60 words. Average read time: 1 minutes.

    It’s been quite a while since I last posted a Mixtape but luckily I just happened to create one the other day for a friend, hoping to get her into Drum and Bass. So here it is, “A Beginners Guide to Drum and Bass” with a selection of tracks from liquid to harder Drum and Bass. Enjoy! See all Mixtapes

  • ReactJS - Hello World!

    Published on
    1229 words. Average read time: 6 minutes.

    This article is the first in a series about ReactJS, a JavaScript library for building user interfaces. It is actively developed at Facebook and Instagram, while Instagram uses React to build their web app. At Facebook, however, React plays a role in the “background”, featuring administrative screens such as the Ads Managment. React itself says one very important and true thing about itself: Lots of people use React as the V in MVC.

  • Getting into Performance Measurement

    Published on
    1527 words. Average read time: 8 minutes.

    I’ve spent the past week developing some features for our own website at work. We’re using WordPress and I almost always enjoy working with WordPress beside Magento projects, it’s way easier to keep an overview and with a good overview of data flow and available data it’s easier to measure and find performance bottleneck. In the following post I want to examine my workflow and the way I refactored our code base to increase the speed and overall performance of our site.

  • Snippet: SASS Source Maps with Gulp

    Published on
    371 words. Average read time: 2 minutes.

    Yesterday I finally took a few moments to implement Source Maps with Gulp for one of our client projects at work. I wanted to use the benefits of Source Maps for quite some time but never actually found the time to wrap my head around it (aka throw in another Gulp plugin). Source Maps are used to connect your pre-compiled files, like Sass, with the later compiled CSS - so inside the Dev Tools you can see for every line of CSS from which Sass file it comes - this is super handy once your project get’s bigger!

  • Getting into vim - again

    Published on
    1034 words. Average read time: 5 minutes.

    It’s been some time since I first got my fingers on VIM. My first impression was - as everyones I guess - pretty bad. VIM is not that easy to understand, yet a powerful, shortcut-based, distraction free editor. I’ve already written about turning Sublime Text into VIM mode and my very first VIM impression, but back then I just copy & pasted everything I found on the Internet into my .

Posts from 2014

Below are all posts written in 2014.

(Return to navigation)
  • Snippet: theme-color for Android 5.0

    Published on
    144 words. Average read time: 1 minutes.

    Just yesterday I got my Android 5.0 update which also features a new way multi-tasking works and Chrome interacts with this multi-tasking. In fact, all recently opened tabs are available via the multi-tasking button (square to the down right on Stock Android) instead of an in-app button like it used to be. This not only is very handy actually since you can switch between apps and websites seamlessly you can also set your own status bar colors for chrome which are used on the page and in the multi-tasking overview.

  • Magento: Add fields to the Admin Backend

    Published on
    569 words. Average read time: 3 minutes.

    Today I had a task at work that first sounded rather easy: Add a field to the Admin backend, namely System->Config->Catalog where the user could later insert some SKUs to control which products are shown on the home page. The first resources I found on how to edit the Backend where all suggesting to create a Module and then create a settings page. Not only was this rather complex it was also way too “over engineered” for a simple thing like a text field.

  • Endless Multi-Dimensional Navigation

    Published on
    385 words. Average read time: 2 minutes.

    The past I decided to get my head around multi-dimensional navigations, like navigations that can have (endless) sub navigations nested inside them and so I started to try some ideas on CodePen. My first idea was to have a trigger element that, when clicked, triggeres the nearest Sub Navigation to activate it (e.g. giving it an open class). The JavaScript for this looks like this: var d = document, trigger = d.

  • Conditional CSS

    Published on
    690 words. Average read time: 4 minutes.

    While there’s a lot of talking about CSS writing stlyes, organization styles and if it’s maybe better or not to avoid pre-processors or frameworks there’s one very powerful thing that gets pretty much no attention at all: Conditional CSS, i.e. pieces of CSS that serve one specific task the easiest and most known is .active given to, well, active elements. I’d like to talk a bit about conditional CSS that I’ve been using in production and that I think can improve the overall logic of CSS.

  • A closer look to closure

    Published on
    650 words. Average read time: 4 minutes.

    Closure is a very interesting concept in JavaScript. It basically determinse where and how variables or functions are accessable and where not. Since this is an essential part of JavaScript and one can run into quite some problems I want to try and give short introduction to closure and what it can be good for. It’s good to have at least basic understanding of JavaScript. So before I start I’d like to say that I consider myself a JavaScript beginner and this is how I understand closure and scopes at the moment.

  • Noobish VIM

    Published on
    422 words. Average read time: 2 minutes.

    Since I’m still trying to really get why so many (Front-End) Devs love VIM I tried to find a “good” way to integrate it into my daily workflow. Since I’m working in a relativley small company it’s most of the time stressy to get all things done and to keep an overview - so long story short: There’s not much time for new tools that don’t increase my workflow directly. VIM is one of these tools that don’t fully support my workflow at the moment.

  • Useful Web Developer Tools

    Published on
    868 words. Average read time: 5 minutes.

    I myself always like to see what other developers use in their workflow: What tools? What plugin? Live-Reload, Pre-Proccessors, shortcuts - all that stuff. It’s always great to save some time, especially for repeating tasks or challenges. Today I want to share my list of tool that I use on a daily base for all kinds of things. Browser-based The following tools are all for Chrome because I use Chrome for most of my development.

  • Magento: get and set variables in config.xml

    Published on
    336 words. Average read time: 2 minutes.

    The other day I had a kind of easy problem in Magento that still took me quite some time to solve. In the shop I’m working on we had a contact form module that sents and validates emails which worked perfectly fine on one page (the one it was made for), however this form should be “cloned” to be present on 4 pages with different email addresses. Since Magentos Core is MVC-like I believed there would be an easy way to pass email addresses to the Controller.

  • Vim - first impression

    Published on
    987 words. Average read time: 5 minutes.

    When I first looked at Vim it was a very short expierence that was literally as followes # from the command line vim test.md *vim opens* "What's that?" *CTRL + C* "How do I even close this?!" *opens browser, googles "how to close VIM"* ESC + :q That was it and that was my Vim expierence for quite some time. However, lately I see more and more people talking about Vim being the single best editor for everything - no matter what language one writes.

  • Passing Arguments in JavaScript

    Published on
    742 words. Average read time: 4 minutes.

    One of my favorite aspects of JavaScript is that it is unbelievable flexible. I am currently reading “Secrets of the JavaScript Ninja” by the amazing John Resig and try to play around with JavaScript whenever I’ve the time to do so. Just yesteday I needed to pass as many arguments to a function as the user wants which means I can’t check for every possible thingy. Anyway, I’ll cover this in a small write-up aka a blog post.

  • Mixtape: February 2014

    Published on
    14 words. Average read time: 1 minutes.

    Another month passed and a new mixtape arrived. My favorites of February 2014. Enjoy!

  • Pure JavaScript slider

    Published on
    517 words. Average read time: 3 minutes.

    The great thing when you’re a beginner in any programming language (or in anything in general) is, that even small successes make you happy and proud of what you did. I’m very proud of my back to top script even though it’s not perfect at all. I could make a back to top button with jQuery in a few minutes but it wouldn’t be that much fun. However, I made another JavaScript thing I’m proud of: A pure JavaScript slider.

  • Fatboy Slim - Why Try Harder

    Published on
    22 words. Average read time: 1 minutes.

    Start your day right and listen to the best of the best of the best from Fatboy Slim - Free on SoundCloud!

  • Digitalism - Boiler Room at MELT! 2013

    Published on
    35 words. Average read time: 1 minutes.

    I really like Digitalism and I really love electronic music so this DJ Set recorded at MELT! festival in Germany is just perfect. I can highliy recommend to follow Digitalism and Boiler Room on SoundCloud.

  • Labels in GMail

    Published on
    442 words. Average read time: 3 minutes.

    In case your company is using GMail Business there’s one thing that comes to your daily work-life I really love about GMail: Labels. Labels are used to sort eMails automatically and - what I really love about - without removing them from the Inbox into 1000 folders. Instead they just get a Label and their own “View” inside GMail - on Desktop as well as Mobile which makes them even better!

  • Bullgit loves Jekyll

    Published on
    1015 words. Average read time: 5 minutes.

    After having a static HTML Page for about 6 months, we at bullgit just switched to a brand-new Jekyll page that uses the GitHub API to display all our repos as well as a list of members with images and links and there are a few reasons why we made this switch: Jekyll is built-in GitHub pages Jekyll is easy-to-learn and easy to maintain No-Database handling of Data (see the list of members we use) Everyone can clone the repo and run it locally So basically, as soon as you have a Project on GitHub or an organization like bullgit you can use the power of Jekyll to make your page easy to use and easy to change even for new members.

  • Mixtape: 2013

    Published on
    29 words. Average read time: 1 minutes.

    I like to make Mixtapes (or playlists) on SoundCloud and this one is my “Best of 2013” Mixtape featuring my favorites of Drum and Bass, Electro and Dubstep. Enjoy!

  • Web Development in 2014

    Published on
    1228 words. Average read time: 6 minutes.

    As soon as you start to really dig into web development it feels like things would change daily - at least I feel that way. But there’s one thing that I’d like everyone to do in 2014: At least basic responsive web development to ensure your site - at least - looks good and is usable on whatever screen it will be displayed. There’s nothing I hate more than scrolling websites around on my phone when I want to read an article (to be honest, I mostly leave the site and never come back).

Posts from 2013

Below are all posts written in 2013.

(Return to navigation)
  • Brackets vs. Sublime Text

    Published on
    822 words. Average read time: 4 minutes.

    I first tried Brackets back in my Windows time. It was a very early version, kinda heavy and wonky and not what I wanted from an editor I use on a daily base at all. Just today I decided to give it a second look because beside VIM it is the editor I read quite a lot about latly. My first impression was: “Wow, that’s a simple, clean editor!” - exactly the thing I liked so much about Sublime Text 2 which I’ve been using for the last two years or so.

  • How I got employed

    Published on
    446 words. Average read time: 3 minutes.

    About 1 year ago I joined a tlk.io Chat created by Tim Pietrusky. It was my first time ever I joined a group of other devs and I was more then nervouse about because I - at this time - considered my self more of a Hobby-Dev who’s not that skilled. I just started using CodePen a few months before and did some fun demos and experiments there like drawing images with CSS and stuff.

  • Pseudo Product Flags

    Published on
    515 words. Average read time: 3 minutes.

    For a recent client Project I had to create Product Flags that are displayed at the top of each product. The Flags should have different colors and different values (which also have different lengths). The values are applied via the data Attribute and the colors are also controlled via a data Attribute. The “Problem” with this task was that it’s not only a few different length, it’s a multi-language system and therefore can end up in a lot of different width of the product flags - a “fixed” solution, like applying a max-width of let’s say 20em, isn’t the best solution for this so I ended up creating a flexible solution.

  • To infinity and beyond

    Published on
    428 words. Average read time: 3 minutes.

    While I was re-designing my Website I decided to finally add some JavaScript to it. I’m learning JavaScript for like 2 months now and - to be honest - I finally understand most of the things I’m doing. Yesterday night’s topic was a “Back to Top” Button written in Vanilla JS. Actually the code behind it is kinda simple, however, I wrote an endless function that got to infinity and beyond (that’s where the title comes from.

  • Custom Radio Buttons

    Published on
    371 words. Average read time: 2 minutes.

    Today I thought about a project I had in mind for some time, it has to do with ratings of different contents and the first thing I thought about was: What’s the easiest or best way to create a rating form with custom buttons (stars, hearts, whatever). A few years ago I had to do this once and I remember doing it with an image and background-position but as of today I really love pseudo elements and “Look-Ma-No-Image!

  • Ghost in the shell

    Published on
    1150 words. Average read time: 6 minutes.

    Finally Ghost launched to the public! I waited for this CMS since I first heard of, at this time my blog was running on WordPress which always felt overloaded. WordPress has a lot of functions and stuff I don’t need when publishing a few articles a month to the Internet. However, I switched to Jekyll as you may know and now there is Ghost. It felt like it’d be my birthday while unpacking the *.

  • i-js

    Published on
    294 words. Average read time: 2 minutes.

    Today I decided to dig deeper into JavaScript and experiment a bit with scope, query selection and the general manipulation of the DOM. To do so I set up an object to store all my functions - this is not necessary but definitely more fun. After naming my Object $ (because I new this from jQuery and I thought it would look cool) I renamed it to I and here comes the fun part: While learning JS I build i.

  • Join a Dev Group

    Published on
    380 words. Average read time: 2 minutes.

    Earlier this year I joined a Dev Group. It was the best decision I made this year and I want to tell you why. After doing more experiments on CodePen and right after I got to know Tim Pietrusky he opened a tlk.io Chat called #CodePen. For those who’re not familiar with tlk: it’s an open web chat. You can create a room, everyone can join and all things are open to everyone who knows the URL.

  • From 0 To Sass

    Published on
    1461 words. Average read time: 7 minutes.

    If you’re a Front-End Developer you may have already heard about Pre-Processors such as Sass, LESS or Stylus. It’s fair to say that they’re all good and which one you use is up to you or your team. I prefer Sass with the SCSS Syntax (= keeps semicolons and brackets). Even though Pre-Processors are easy to use and setup some people are still confused: Do I have to run them on a server?

  • A bit sticky

    Published on
    228 words. Average read time: 2 minutes.

    I just stumbled upon a very handy CSS Property: position:sticky. As far as I found out it’s only working in Chrome and Chromium with the experimental Webkit Features Flag enabled (see at chrome://flags/#enable-experimental-webkit-features). position:sticky is a pretty handy feature that allows you to stick an element to the top of the page (or wherever you want) until the parent element is moved out of the screen. Basic Markup To get an idea of how position:sticky works I made some basic markup.

  • Endless scrolling

    Published on
    362 words. Average read time: 2 minutes.

    If you see Apps (no matter if native or web) and websites like I do, you’ll probably now the worst thing that can happen to an endless scrolling page: No shortcut to get back to top. Even Facebook doesn’t offer a way to get back to top on their website nor do they on Facebook for Android. On Android you can simply hit the menu button and the sidebar-like menu will fade in, so there is no problem with not having an “scroll to top” action because there is no need to get back to the top.

  • Is this :valid?

    Published on
    521 words. Average read time: 3 minutes.

    I recently stumbled upon the :valid and :invalid class for input fields. It gives you the ability to use visual feedback on inputs that show the user whether the input is - guess what? - valid or not. This is, in fact, a very handy pseudo class in case of UI and UX Design because you can easily give a feedback on input without using JavaScript. Anyway, this pseudo element does not validate the input, the entered email for example can still be formated wrong.

  • px vs em

    Published on
    350 words. Average read time: 2 minutes.

    Recently Tim Pietrusky wrote and article about px vs em that contains a few links on resources that explain why you should use em instead of px as measure unit on websites. I was using pixel like forever and I couldn’t think of any reason to switch to a new unit until Tim explained why em is better: em is more responsive and it is scalable. In fact when you switch from pixel to em you’ll feel like working on a completely new Level.

  • Hello World

    Published on
    166 words. Average read time: 1 minutes.

    Recently I decided to redesign and redefine my online appearance and the way I publish content to the internet. I switched from using 2 domains as Blog and Portfolio to one new Domain for both: kevingimbel.com This page is build with Jekyll a blog-aware static site generator you’re going to love. I wrote a Guide to get started - so if you consider doing so give it a look. Beside switching to a new domain I also switched my hoster.