A deep dive into webfonts
Inspired by Ben Halperns discussion about webfonts, I decided to take a deep dive into the subject. What are Webfonts, where did they come from and how do we load them as fast as possible?
![The word Fonts splashing into water]()
to article![The text 'Framework' being centered in a frame]()
Frameworking my Site
to articleI don’t use one of the major frameworks to power my site. I instead opted to write my own - and in the process understand what a framework is and how it’s built.
![The iamschulz logo superimposed to the hugo logo]()
Rebuilding My Website
to articleThat’s what you do under the Coronavirus Lockdown, right? Rebuilding your personal website.
![Man in a racing wheelchair going so fast the background blurs]()
7 habits to get into an accessible mindset
In times of crisis like the one we’re facing now it’s more important than ever to make our applications as accessible as possible. People rely on getting information from the apps and websites we design. Not being able to get a certain information because of poor network connectivity, weak hardware, or (most commonly) some stupid design mistake can be critical. What most of our workflows right now are optimized for is MVP-and-ship.to article![The logos of HTML5, CSS3 and Javascript hovering over a myriad of framework icons]()
In Defense of the Separation of Concerns
to articleI’d like to make a point for the separation of concerns in web development.
HTML is a language that’s been created for structuring and linking documents. CSS is for styling said documents. JS provides additional functionality. The three languages are heavily specialized to their intended use. They’re also really good in what they’re supposed to be doing.
But where’s light there’s also shadow. Straying away from their paths means you’d have to accept (or even mitigate) some disadvantages. Let’s take a look at some of those.
![King Julien moving it]()
Animation for Developers
This is going to be an article about motion in Interface Design. You’ll hear me rambling about the implications of animation, when and what to animate, and how to be responsible with it. None of what I say is set in stone. I’ll just try to give some general advice for handling animations in UI. However, you won’t find any actual code snippets or step by step tutorials here. Before we start: Being a web developer, I talk a lot about websites, but this can be applied to all kinds of visual UI.to article![Colorful Avatar Bubbles]()
Colorful Avatar Bubbles
to articleI’d like to share with you a handy little code snippet that creates Material Design-like User Avatars. I want to color code my users, so each name has to have a unique color. I’ve seen some lazy approaches that assign a color to each letter of the alphabet, but I want to include numbers and non-latin characters as well. So we need to find a way to support the whole unicode table.
![Let's write an SPA in CSS]()
Let's write an SPA in CSS
Let’s build a website. Let’s make it about food, because I like food. Also, we need cats, because the Internet is made of cats. Also, because it’s 2019, it can’t have page reloads. What’s that? All those small pages use way too much Vue and React and all of the Javascripts, you say? Alright, let’s try without then, let’s have it your way. In order to have a website about food and cats, we need to have content.to article![A game of Battleship]()
Battleship
to articleThis article appeared first on CSS-Tricks. Thank you, Chris & Geoff!
This is an experiment to see how far into an interactive experience I can get using only CSS. What better project to attempt than a game? Battleship seemed like a good challenge and a step up from the CSS games I’ve seen so far because it has the complexity of multiple areas that have to interact with two players. Wanna see the complete game?
![Eine Webcam nimmt den Ausdruck der Uni-Webseite auf einer Grünfläche auf]()
Lebendige Webseite
to articleZur summaery2014 folgte auch die Website der Bauhaus-Universität Weimar vier Tage lang dem titelgebendem Circle of Life. Wie viele Projekte der jährlichen Werkschau hat sie den Schritt ins Freie gewagt und war hier dem natürlichen Werden und Vergehen ausgesetzt.
