April 12, 2016 — CodePen has become the playground for developers. The sandbox where you can build whatever your imagination fancies. Practical things, experimental concepts — it’s a treasure chest, bound to fuel your ideas. For this Quick Tip, we have done some digging around and found some … Read More…

March 8, 2016 — It’s the small details that make a project shine. Solid typography, well-crafted with attention and care is one of them. A harmonious visual rhythm, typographic subtleties like soft caps, margin outdents or the correct use of hyphens and dashes — there are a lot of things … Read More…

March 3, 2016 — The most inspirational things are often right in front of us. It might be the typography on a book cover, the colors of your favorite music album, the opening titles in that movie you saw yesterday. To celebrate all those little moments of inspiration, we have compiled some … Read More…

February 23, 2016 — Flexbox gives us a new kind of control over our layouts, making coding challenges that were hard or impossible to solve with CSS alone straightforward and intuitive. It provides us with the means to build grids that are flexible and aware of dynamic content, and thus, give … Read More…

February 17, 2016 — Photoshop is still a favorite among a lot of web designers, and the right tools make it even more powerful as it already is. To help you boost productivity, save time, and, obviously, nerves, we have picked some valuable Photoshop resources, plugins, and scripts for you. … Read More…

February 16, 2016 — As I was leading my course in responsive web design between 2011 and 2012, I kept stumbling over the process of wireframing. My students tended to focus on the wireframe as being the end game in the planning process. They didn’t understand that responsive design focuses on … Read More…

February 12, 2016 — Typography can make all the difference. However, if your project has to get along on a very limited budget and you need to rely on free fonts, good ones are never easy to find. Luckily, we stumbled across some real gems lately.\n\nThe following fonts can be downloaded for … Read More…

February 8, 2016 —

In many projects, responsive images aren’t a technical issue but a strategic concern. Delivering different images to different screens is technically possible with srcset and sizes and element and Picturefill (or a similar) polyfill; but all of those variants of images have …

February 5, 2016 — Nothing is perfect on the web. We can’t make sure that our websites always work as intended, but we can try our best to design resilient and flexible websites that aren’t that easy to break — both in terms of interface design and security. Yet neither resilience … Read More…