-
as Article Recently I had to fix some issues in an iconfont. In the end all was tracked down to a corrupt WOFF font file but during the debugging process I found a neat solution to display all characters including unicodes of an iconfont automatically. Be aware that the following technique will only work if you have a SVG file of the font. A common problem with iconfonts is that an icon is somehow related … -
as Article This post will show you how to provide fallbacks for embedded code from Codepen, JSbin or other services. It’s super easy but often forgot. Why? If you’ve ever been reading your timeline viewing a blog post that includes a codepen while on the train you might already know why. All of the code snippet services are heavily relying on their own JavaScripts. If they can’t be loaded or the service is …Embed responsively and with a fallback
-
as Article The following code is what I figured out as a solution for drop shadows on two coherent elements while preserving the intersection in plain CSS. This is especially useful for a toggle slide-up/-down function used on a page. See the Pen Drop shadow for 2 elems preserving the intersection by Anselm Hannemann (@anselmh) on CodePen. ### HTML To display a box-shadowed container including an …Drop shadow for 2 elements preserving the intersection in CSS
-
as Article The question if multiple media queries hurt performance pops up very often. Because naturally as a developer you think it can’t be good for performance if you let the browser evaluate them often. Out of curiosity, I researched a bit on that and found interesting insights… I hadn’t any clue how to track down media query evaluation of a browser (you can’t do that with DevTools), except forking the …Web Performance: One or thousands of Media Queries?
-
as Article Wow. I am nominated for the netawards 2014 as Young Developer of the Year. This is huge and when I read this first I couldn’t believe it. I’m still totally stoked about the support and only can say “Thank you for your support!”. Of course I’d be happy if you give me your vote: Vote for me Thanks again to anyone who nominated me and to everyone who will vote for me. You’re all awesome. ♥Nominated for the netawards 2014
-
as Article The past week a lot of discussion came up about CSS Regions. Initiated by Håkon Wium Lie’s article on AListApart saying “CSS Regions considered harmful”, followed by a counter-article and a decision by Blink to drop CSS Regions for now the web community is now split in half—half of them in sympathy of CSS Regions—half of them saying it’s currently a hacky technique. And that is the true problem. …Is it time for CSS Regions Yet?
-
as Article I am selling one of my work machines as I never used it too much in favor of my MacBook Air 11”. The powerful (still today!) MacBook Pro got an manual upgrade by me with an SSD (via Hardwrk Kit) and has been taken with care. Most of the time it was on a Desktop stand, connected to an external Monitor. Facts / Tech Data: Apple MacBook Pro Mid 2010 (6,2) Intel Core i5 2.4GHz 15.4 inch display with …[SOLD] Apple MacBook Pro 15” Mid 2010
-
as Article With 2013 the past year already, I write this recap to remember what I did in that year. 2013 was amazing for me and 2014 will begin with some changes like me moving to Cologne for the next six months.My Year 2013 in Review
-
as Article As a webdeveloper you probably know how image/media behavior sucks regarding responsive webdesign. Some quick CSS fixes solve your issues usually: img { max-width: 100%; height: auto; } But there is more than that. You may want to set an foreground image to fill its wrapping element, containing its intrinsic aspect-ratio and also want it to be repositioned always to center. Or, if you ever wanted …Fix Image Resizing with object-fit
-
as Article Today I want to share an announcement with you: Finally, after months of work, INIT 1.0 has been released today. Founder of the project Hans-Christian Reinl has written an announcement post at The Nitty Gritty and I am happy to be co-author of the project. What is INIT? INIT is based upon HTML5 Boilerplate and adds more structure for SCSS files, JavaScripts, includes build tasks and a whole lot …Introducing INIT
-
as Article At the End of June, 2013, I started a new project called Web Development Reading List (WDRL). It was the logical evolvement of my weekly blog posts containing interesting links of our industry. When I started the newsletter, after just two weeks it already got 100 subscribers, not counting the people reading the online archive. It grew and outgrew… Now, four months later, I have over 500 …How the WDRL Project Evolves
-
as Article Last week I asked my Twitter followers to answer a short survey about their testing behavior regarding web projects. I'll now show you the results and do some conclusions from them. Do you test your Responsive Design in all major Desktop browsers? 72% say they test their sites on all major desktop browsers 28% don't do it Conclusion: The reason I asked this question was that I had the feeling …Do you really test your websites?
-
as Article If you use images in CSS backgrounds or in ::before and ::after pesudo-elements the browser is not able to prefetch these resources with its prefetch algorithm. This is because this algorithm only searches for image resources in the HTML source. To read the sources given in CSS the user agent would have to parse the CSS first which is a big performance bottleneck. This is the reason why browsers …Prefetching CSS Resources
-
as Article This year I changed my way of doing vacation. I changed my way of life. Joy is the most desireable feeling of life, and when you get it, you are able to do great things. It does not matter if you are working or not, with joy you will do things better. I almost stopped doing the typical kind of vacation, laying on the beach relaxing. I tend to get bored very quick relaxing. This year I made a lot …Working on the Road
-
as Article It's very likely you set up a public and maybe Open Source repository on github or services like bitbucket. Those are services where developers find all their needed Open Source stuff: Libraries, Polyfills, Code examples. But a big problem is, one never really knows if a repository is still actively maintained. This article takes on several steps how to deal with repositories that you aren't …Handle Deprecated and Unmaintained Repositories
-
as Article The following post is written in German as this is the main and probably only target audience. Bereits vor einigen Wochen überkam mich das Gefühl, dass ich zu viele Sachen habe, die ich nicht brauche. Unter anderem viele Fachbücher und DVDs, die der ein oder andere von euch vielleicht haben möchte. Daher verschenke ich nun folgende Sachen: Ihr könnt die Sachen entweder in München bei mir abholen …Große Buchverschenkaktion
-
as Article As a dedicated worker you have to stay informed about the latest news and technology in your job. This counts for web developers, designers as well as many other jobs that develop vastly over just a few months or years. It is hard to stay up-to-date while still getting work done – that’s why we need some selection. Newsletters – a medium which has been struggling for years now since every company …The Revival of Newsletters
-
as Article Photos from today at X-Games Munich MTB Slope Style. See the full set on Flickr. See the full set on Flickr. All pictures are under Creative Commons 3.0 CC BY-NC-SA license.X-Games Munich
-
as Article For nearly two years now I constantly wrote the so called and beloved by many 'Reading Lists' on my blog. This is going to have an end by now. What sounds sad for many is exciting for me. I never was convinced that my blog is the proper place for the Reading Lists. Until now it was just the best I had found. In the past weeks it came into my mind what the Reading Lists are really supposed to …Introducing WDRL
-
as Article The Sass Style Guide by Chris Coyier is a helpful guide how to structure your Sass workflow Pure.css is a CSS library serving reusable small modules you can use in your projects We now have NodeGH! It's github for node.js which means you can finally use github specific tools in your commandline An iOS WebKit Debug Proxy has landed on github giving you the power of Chrome DevTools to iOS Safari …Webdev Reading List 10
Blog
Welcome to my writing place. You will find articles, notes and annotated links here and can subscribe to their feed once or individually.