CSS Archives - JonathanMH

Best CSS Frameworks of 2017 (+SASS)

In this post I’ll go over CSS frameworks that I consider the best for different purposes. We’ll cover feature rich frameworks like bootstrap, but also look into some of the smaller and more light weight contenders.

What’s the best CSS framework is hard to answer, but what the best framework for you is, is a easier to answer when you know more than one. I work with Frontend or CSS every second day, so I have tried out all of the below.

I’ll compare them by features, which language they’re written in under the hood and how easy it is to just take the parts that you need.

Frameworks in this article:

Twitter Bootstrap 4
Zurb Foundation 6
Bulma
Cutestrap
MUI CSS
Wing CSS
Grd

Continue reading “Best CSS Frameworks of 2017 (+SASS)”

Best Free Source Code Editors for e.g.: HTML, CSS, JavaScript

This is a list of the best free source code editors, especially for web programming, for example for JavaScript, HTML or CSS, with some useful indications about features, difficulty and which platforms they are available for. If you’re looking to find the best fit for you, keep reading. This list is full of beginner friendly editors that also can be customized to fit your coding needs, no matter if it’s for HTML, CSS, JavaScript, Ruby, Python or PHP.

Continue reading “Best Free Source Code Editors for e.g.: HTML, CSS, JavaScript”

Make Grunt watch for LESSCSS changes

Watching for less file changes is important for a quick and solid workflow with the CSS precompiler. Let’s have a look at how you can make Grunt, the JavaScript task runner watch for changes in your LESS files and compile them to CSS automatically. Continue reading “Make Grunt watch for LESSCSS changes”

Twitter Bootstrap 3 RC 1: most important changes

Twitter Bootstrap, the most popular CSS framework is heading towards version 3 and here are the most important changes. I almost jumped when I saw the bootstrap blog entry in my RSS reader this morning! Continue reading “Twitter Bootstrap 3 RC 1: most important changes”

Adobe Topcoat

Adobe Topcoat is a young css framework, focussed on building (web) apps. I’m putting the web in paranthesis, because it’s what seems to be used in the Adobe Edge Tools, which are stand alone applications, like the brackets editor, to be found at brackets.io.

At this point I’d like to state, that I should go wild with my predictions sometimes, because I think that this way of developing applications, that work on possibly both desktop and the web is going to be a trend with heavy growth. Now we have a css framework for applications of that kind. Continue reading “Adobe Topcoat”

HTML Workshop Odense, Denmark

I’m hosting another workshop, this time about HTML & CSS, mainly for students at the EAL, but everybody is welcome.

Since some students are about to create their first website and have not had lessons about HTML, we’re going to take very basic things first and then get coding right away.

As usual I’ll post my slides up front, so everybody can see what they’re going to spend 2-3 hours of their life on. Continue reading “HTML Workshop Odense, Denmark”