CategoryCSS

May 23, 2013 — When the mockups for the new Financial Times application hit FT Labs desk, Wilson Page knew he and his team had a real challenge on their hands. They were tasked with implementing a far more challenging product, without compromising the performant experience that made the first app so successful. In this article, Wilson Page will discuss some of the changes he made in the latest release and the decision-making behind them. Read more…

May 22, 2013 — Flexible box layout is a new box model optimized for UI layout, and it makes a lot of tasks much easier, or even possible at all. Flexbox’s repertoire includes the simple centering of elements, the expansion and contraction of elements to fill available space, and source-code independent layout, among others abilities. Read more…

May 2, 2013 — A lightbox is one of those tools that work great on the desktop but often fail on small mobile devices. These days, finding a plugin that is responsive and that displays content right away is hard. For this reason, I created Magnific Popup, an open-source lightbox plugin focused on performance. Read more…

April 26, 2013 — This article is packed with a number of quirks and issues you should be aware of when working with CSS3 transitions. Please note that I’m not showing any workarounds or giving advice on how to circumvent the issues discussed. Read more…

April 12, 2013 — For several years, Generated content was used by relatively few Web authors due to inconsistent browser support. But in 2009, the feature was rediscovered, and many interesting implementations were adopted for the first time. In this article Gabriele Romanato will show us some possible uses of generated content. Read more…

March 26, 2013 — Zen Coding is a revolutionary plugin that has helped many developers through the years and has now reached a new level: Emmet. The most productive and time-saving text-editor plugin you will ever see. By instantly expanding simple abbreviations into complex code snippets, Emmet can turn you into a more productive developer. Read more…

March 12, 2013 — One of Bootstrap’s appeals is that it just works. It’s a significant time-saver when starting a website, so much so that major organizations such as NBC, NASA and the White House are adopting it. And it empowers even the non-designers among us to turn out something decent. But what if your company logo is a different shade of blue? Not to worry. You don’t have to stick with the defaults. In this article, Thomas Park shows some ways to customize Bootstrap to fit your needs, whether it’s a tweak to a button or a full-fledged theme. Read more…

March 8, 2013 — Due to the fact that printer use is not tracked by website analytics software, print tends to be broadly ignored by Web developers. But there’s still something about having a physical sheet of paper in one’s hands, even in this age of digital saturation. By treating print as another aspect of adaptive design, we fulfill the needs of more website users. Read more…

March 5, 2013 — Everyone likes stuff that moves about on the Web, right? Remember how you cried joyful tears when you first used <marquee>? I do. I nearly sobbed all the water out of my body as I gazed upon “JAKE’S COOL WEBSITE” bobbing back and forth in uppercase serif. Of course, we’re more mature as an industry these days. Read more…

February 27, 2013 — Totally taming form elements is impossible due to the lack of detail in the CSS specification and because of the default styles applied by Web browsers. However, Gabriele Romanato shows us that, by following some common practices, reducing (though not eliminating) the differences and achieving good visual results is possible. Read more…