Insights into a Coder's Brain
Recent posts | Page 3
Discoveries & Random Stuff: Web Design & General Inspiration
Looking for some inspiration inspiration? The following sites got you covered!
SiteInspire.com has a lot of really good and art-sy looking websites with great typography.
Webdesign Inspiration, as the name implies, also has a lot of websites listed.
The focus here is not solely on the artistic side of things; it has also a lot...
Discoveries & Random Stuff: Flowing text around and within shapes
Did you know that you can use simple CSS to flow text around a circular (or many other kinds of) shapes?
shape-outside on css-tricks.com
shape-outside on caniuse.com
and, with some CSS magic and two elements, also within a circular (or any other kind of) shape?
Quick aside: A short bit of browser history
I am really amazed how far CSS and the web platform as a whole have come in the last few years.
When I started out, you still had to fight with IE and its quirks — and now, most things are just… easy.
We got Flexbox, CSS Grid, Animations, CSS Variables, calc() and more; and thanks to auto-updating web browsers,
it is now more a question of mont...
Discoveries & Random Stuff: Paint Simulations & Visual Inspiration
In the course of designing a business card and experimenting with different stuff while trying to achieve a natural look,
I was really amazed by how well some web applications simulate the look-and-feel of actual, pyhsical paint.
Here are some of my personal favorites:
Fluid Paint by David Li.
And if you need some other mesmerizing stuff t...
Discoveries & Random Stuff: Github Pages and custom Ruby gems
While working on this blog, and scratching my head about the build errors
related to using a custom theme, this article helped me a lot:
How to build and deploy GitHub Pages with custom gems by Andrew Freemantle
Just note that – contrary to the linked article – replacing the ruby-version: 3.1
is neither necessary nor recommended anymore, b...
Discoveries & Random Stuff: Awesome SVG Utilities
While designing a business card with Inkscape, I found the following tools
which were very helpful:
SVGOMG – SVGGO’s Missing GUI, which is a one-page web app
based on the svgo SVG Optimizer Node.js package.
That’s it for this week. See you next time!
Discoveries & Random Stuff: Awesome CSS Gradients, Animations & Websites
While getting up to speed with the newest CSS features, I stumbled upon the following
tools, which are listed here in no particular order, and with the knowledge there are probably
even better tools for the same job out there.
css.glass – Glassmorphism CSS Generator by @miketromba
box-shadow.dev – CSS Box Shadows by twobeards.dev
Animist...
A New Beginning
Well, I’ve finally done it. It took a long time, but now it is here: A personal blog to write down random thoughts,
discoveries and coding lessons that I stumble upon through my job or through random chance.
30 post articles, 3 pages.