A few days ago my friend Jen Simmons pointed me to some images demonstrating the goals of the CSS Figures specification, asking if this could be built using Grid. Off the top of my head I said I thought it could be built using a currently impossible (given browser support) combination of Regions, Grid and … Thinking about page floats, figures, regions and grids
I enjoy teaching people about CSS and in particular CSS Layout, over the last year I’ve developed a course which, in entirety, is about two full days worth of material if taught in person. As there is only one of me, and I can only take on a finite number of in-person engagements each year … Creating an EPUB for Workshop Notes
Last week I spoke at ConfConf, a conference for conference organisers. I had been asked to speak about what speakers want, as a somewhat frequent speaker at technical conferences. I wasn’t really comfortable in making it 40 minutes about what I and my friends thought. At this point I’m not representative, and neither are many … What I Learned From Posting a Survey of Conference Speakers
I’ve spent more than three years trekking around the globe talking about CSS Grid Layout. Invariably while I’m on stage, someone will tweet something like, “well it sounds great – but it’s only implemented in Internet Explorer”. Where they get this information from is the Can I Use website, which correctly lists IE as the … Being where the people are
This is the second in a series of posts about the work I’m currently doing on the Perch CMS user Interface. You can read the first article introducing the issues we face here. The existing Perch UI has developed organically over the last few years. Our reference has been the original and updated UI designs … Rebuilding the Perch UI – creating a pattern library
We launched Perch CMS at the end of May 2009. Quite a lot has happened on the web since then, and Perch is still the choice of thousands of web designers building sites for their clients. The web has changed a lot and so has Perch. We now have a companion product for larger sites … Rebuilding the Perch UI – not your usual redesign
When you use CSS Grid Layout by setting the value of the display property to grid or inline-grid, only direct children of that element become grid items. If you declare a grid for your layout on a containing element, you can’t then position elements nested in markup on that grid. The Grid Layout specification contains … A Revised Subgrid Specification
When we launched Perch Shop, for the first time we also shared a public roadmap with our customers. I’ve always been reasonably anti-roadmap and in a lot of ways still am. I thought it might be interesting to write about why we’ve not had a roadmap before, why we do have one now and how … A Public Roadmap for your Product
Various unimplemented parts of the CSS Grid Layout specification are making their way into browsers, and I was excited to see that the auto-fill keyword and minmax() function are appearing. At the time of writing these examples work best in Firefox Nightly or Developer Edition. auto-fill and auto-fit When creating a grid on an element … Flexible Sized Grids with auto-fill and minmax
In my recent presentation at Fluent Conf I demonstrated the common features and also the differences between Flexbox and CSS Grid Layout. Right now, we can only use CSS Grid Layout by enabling browser flags, however once Grid ships there will be many layout tasks where we could argue for the use of Grid or … Should I use Grid or Flexbox?