Css · Code with Hugo

Switching the lights on: Hugo vs Hugo config files

A simple Hugo blog setup The story of getting codewithhugo.com up and running. The tl;dr is the following: I always rave about my blog setup, it’s simple, fast and just works I used Hugo, “The world’s fastest framework for building websites”, a static site generator I used a theme, casper-two, which is a Hugo port of the https://ghost.org/ default theme I deployed to GitHub pages behind Cloudflare. ...

#CSS #tip #accessibility

Responsive, semantic images with CSS

CSS tip: object-fit your images. To have an image that doesn’t try to stretch to its width/height the classic CSS is as follows: ...

#CSS #JavaScript #animation #web development

Animations: CSS vs JavaScript

When should you use JavaScript when you can use CSS? This post was sparked by a question I answered on Quora: Which is better to use, CSS or JS? The web frontend is built with the triumvirate of HTML, CSS and JavaScript (see “Backend code, frontend code and how they interact” for more details): HTML says what things are, CSS how they look and JavaScript does all the things the other two can’t. ...

#CSS #web development

Why CSS is hard

Things we’re not used to tend to be harder I’m a developer, and I CSS. I probably have written more CSS than I have written Java, Ruby, PHP, Python and JavaScript combined. Being a front-end developer is a dying art. By front-end I don’t mean ES6, Babelifyied React SPAs. I mean meat and potatoes: “here’s a design, turn it into a website please”. CSS doesn’t get the love it deserves in the developer crowd. ...