Gedanken zu Material You für Web

Material Design, die Designsprache von Google, bekommt in Android 12 ein großes Update: Material You. Es gibt jetzt auch einen offiziellen Guide: Material Design 3. Auf der Website bekommst du auch einen guten Eindruck, was sich geändert hat. Unter anderem neue Formen und neue Animationen. Was ich am spannendsten finde: dynamische Farben. Google hat in… Gedanken zu Material You für Web weiterlesen

Mach deinen Code prettier

Als Programmier:in entwickelt man mit der Zeit eine eigene Code-„Handschrift“. Benutzt du für Strings einfache Anführungszeichen (‚) oder doppelte („)? Benutzt du Semikolons? Benutzt du für Einrückungen Tabstopps oder Leerzeichen und wie viele? Innerhalb eines Projekts ist es auf jeden Fall angenehm, überall die gleiche Formatierung zu haben. Das sorgt für eine bessere Übersicht und… Mach deinen Code prettier weiterlesen

Updated layout for my website

I just finished some redesigning for my website lgk.io. Before the update: After the update: I now use display: grid; to show the latest blog post link next to my introduction card. This way, I waste less space and the user can see more, the links to the featured apps are visible again on the… Updated layout for my website weiterlesen

If / else statement inside of React Component’s Render method

Sometimes (well, actually pretty often) you have to use conditional statements inside of React Component’s Render methods. You could do it like this: import React from „react“; class MyComponent extends React.Component { render() { return ( <di> {„LGK“ == „awesome“ ? <h1>LGK is awesome!</h1> : <h1>LGK is not awesome :C</h1> } </div> ); } }… If / else statement inside of React Component’s Render method weiterlesen

Node.js: Check if you are in debug or production mode

Sometimes you have to use other values in a variable when your application is in production as if when you are debugging it. For example you have to use another web service URL. Here is how can do it: var webApiUrl; if (process.env.NODE_ENV === „production“) { // use in production webApiUrl = „http://myapp.online/awesome-app/api“; } else… Node.js: Check if you are in debug or production mode weiterlesen