Practical CSS Grid: Adding Grid to an Existing Design

Understanding and using Grid is easier than you might expect. The day Grid support shipped in Firefox 52, I decided on the spur of the moment to convert the basic layout of my personal site to use Grid. And it was a fairly simple process—five minutes to write the grid styles, then 15-20 spent troubleshooting. Grid allows us to literally define column and row grid lines, then attach elements to those lines in any order we choose. That may sound like tables, but Grid is so much more than tables ever dreamed. It means more responsive layouts, far more accessible documents, and far clearer markup than even floats and positioning ever afforded us. It’s been decades since CSS first emerged, but it’s never contained a system anything like this. And Grid is already supported in both Chrome and Firefox, with Safari coming soon (its Technology Preview releases support Grid). A new…

Which Responsive Design Framework Is Best? Of Course, It Depends.

In 2017, the question is not whether we should use a responsive design framework. Increasingly, we are using them. The question is which framework should we be using, and why, and whether we should use the whole framework or just parts of it. With dozens of responsive design frameworks available to download, many web developers appear to be unaware of any except for Bootstrap. Like most of web development, responsive design frameworks are not one-size-fits-all. Let’s compare the latest versions of Bootstrap, Foundation and UIkit for their similarities and differences.The post Which Responsive Design Framework Is Best? Of Course, It Depends. appeared first on Smashing Magazine. Learn More…

Practical Design Discovery

A note from the editors: We’re pleased to share an excerpt from Chapter 3 of Dan Brown’s new book, Practical Design Discovery, available now from A Book Apart.One of the hardest design problems I ever worked on was for a company that helps IT groups manage risk. Their product focused on open-source components—inexpensive and widely supported by an enormous community, but often vulnerable to security flaws. What made this design problem hard was the complexity of the product’s underlying structure, a triangle of interrelated abstract concepts. To work through the problem, we created a series of sketches that helped us understand it. The outcome ended up being a relatively simple prototype, a model of the overall structure of the application. Though we were chartered to create a detailed design, our client later admitted that they knew we wouldn’t get there, but that they highly valued our efforts to solve…

Big Security Related Announcement from Wordfence Regarding Clef

A few hours ago Clef, the two-factor authentication plugin used by over 1 million WordPress sites, announced that they would shut down within 3 months. This announcement has caught the WordPress community and many users by surprise. Clef has provided a transition guide for their users and Wordfence is one of the products they recommend as an alternative to Clef. You can find more detail and links to the announcements on …