Posts Tagged ‘CSS’
We are pleased to present below all posts tagged with ‘CSS’.
Building The New Financial Times Web App (A Case Study)
- May 23rd, 2013
- 21 Comments
When the mockups for the new Financial Times application hit our desks in mid-2012, we knew we had a real challenge on our hands. Many of us on the team (including me) swore that parts of interface would not be possible in HTML5. Given the product team’s passion for the ...
Read more...Designing CSS Layouts With Flexbox Is As Easy As Pie
- May 22nd, 2013
- 30 Comments
Flexible box layout (or flexbox) is a new box model optimized for UI layout. As one of the first CSS modules designed for actual layout (floats were really meant mostly for things such as wrapping text around images), it makes a lot of tasks much easier, or even possible at ...
Read more...Open Source PluginMagnific Popup, A Truly Responsive Lightbox (For jQuery And Zepto.js)
- May 2nd, 2013
- 39 Comments
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. In ...
Read more...CSS3 TransitionsThank God We Have A Specification!
- April 26th, 2013
- 19 Comments
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. Alex MacCaw has already written a very insightful and thorough article ...
Read more...Overview And ExamplesHow To Benefit From CSS Generated Content And Counters
- April 12th, 2013
- 23 Comments
Generated content was first introduced in the CSS2 specification. For several years, the feature was used by relatively few Web authors due to inconsistent browser support. With the release of Internet Explorer 8 in 2009, generated content was rediscovered, and many interesting implementations were adopted for the first time. In ...
Read more...High-Speed CodingGoodbye, Zen Coding. Hello, Emmet!
- March 26th, 2013
- 159 Comments
Back in 2009, Sergey Chikuyonok wrote an article to present a new way of writing HTML and CSS code. This revolutionary plugin, called Zen Coding, has helped many developers through the years and has now reached a new level. Emmet, previously known as Zen Coding, is the most productive and time-saving ...
Read more...Customizing Bootstrap
- March 12th, 2013
- 18 Comments
Twitter’s Bootstrap has taken off like a rocket since its release a year ago. The popular CSS framework supplies a responsive grid system, pre-styled components and JavaScript plugins to a parade of websites. One of Bootstrap’s appeals is that it just works. It’s a significant time-saver when starting a website, so ...
Read more...Adapting To The InkTips And Tricks For Print Style Sheets
- March 8th, 2013
- 30 Comments
Print continues to be treated somewhat cursorily by most Web designers, who tend to be obsessed with pixels rather than printers. In the real world, a significant portion of people rely on pages printed from websites for reference: there’s still something about having a physical sheet of paper in one’s ...
Read more...Animating The WebWe’re Gonna Need A Bigger API!
- March 4th, 2013
- 10 Comments
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 ...
Read more...
