We’ve seen many permutations of images in responsive design and spent a lot of time spinning our wheels, banging our heads and screaming at the wall. But our tireless journey is coming to a close. The W3C and browser makers got the hint. We’ve come a long way with responsive images. We can see the light at the end of the tunnel, but a lot of work still has to be done.
Read more…
You are about to experience truly hair-raising excitement as you get to grips with the intricacies of the hugely interesting CSS timing function, which is a bit of a hidden gem when it comes to CSS animation, and you could well be surprised by just how much you can do with it. For example, they define where an animation accelerates and decelerates, you can break an animation into any number of steps, rather than tweened motion, and much more!
Read more…
The way we access the Web has changed a lot in the last couple of years. We no longer rely solely on our desktop computers to navigate the Web. Rather, we use a wide and quickly growing array of devices to get our daily dose of information. With the device landscape going all fuzzy, the time of building fixed width desktop sites has definitely come to an end. ConditionerJS will help you combine all of this contextual information to pinpoint the right moment to load the functionality you need. It tells your JavaScript when to act up and when to tune down a bit, and it will help you combine all of this contextual information to pinpoint the right moment to load the functionality you need.
Read more…
Responsive SVG icons can be used in a lot of ways. In this article, Ilya Pukhalski digs deeper into Joe Harrison’s responsive icons technique and explores what can be done with SVGs.
Read more…
After Marcotte defined the technique, responsive design frameworks began to emerge that incorporated these principles. Many of these frameworks are open-source, free to download and quickly customizable, and in this article, Jen Kramer will focus on the most popular ones: Bootstrap and Foundation. A responsive design framework might be a helpful tool in your arsenal, for quick prototyping, testing or even production code — one that expands your range of products and makes clients happy.
Read more…
Lately, Maksim Chemerisuk has started to see more and more problems with jQuery’s core and can’t be fixed without breaking backwards compatibility. He, like many others, continued using the library for a while, navigating all of the pesky quirks every day. Then, Daniel Buchner created SelectorListener, and he started to think about creating a set of functions that would enable the possibility of building unobtrusive DOM components using a better approach.
Read more…
Video on the Web has improved quite a bit since 7th grade. But for the most part, videos are still separate from the Web, cordoned off by iframes and Flash and bottled up in little windows in the center of the page. They’re a missed opportunity for Web designers everywhere. But how do you integrate video into an app or a marketing page? In this article, Sean Fioritto will find inspiration, how-tos and a few technical goodies to get you started with modern video on the Web.
Read more…
In this article, CJ Gammon talks about the CSS Regions specification, which provides new options for web designing. We are largely constrained by the layout features available to us. Content placed inside a container will often extend the container vertically. If a design requires elements to remain a certain height, then our options are limited. In these cases, we can only add a scroll bar or hide the overflow. Let’s solve this problem!
Read more…
When it comes to CSS, Thierry Koblentz is convinced that the only way to improve how to author style sheets is by moving away from the sacred principle of “separation of concerns”. CSS authors thrive on styling documents entirely through style sheets, an approach that has been sanctified by the CSS Zen Garden project (what most developers consider to be the standard for how to author style sheets).
Read more…
Over the past few months Jon Rundle has been involved in launching two large institutional websites with complex navigation systems on which maintaining simplicity becomes increasingly difficult as content requirements grow and tiers of navigation are added. In this article, Jon will illustrate the techniques involved in implementing responsive navigation on a large website.
Read more…
