Blog
Categories
- Mar 02 2017
CSS Grid: Responsive and Accessibility
Reflow your content with ease In the first post I wrote about my very first learnings with CSS Grid, I showed how I took a pattern I’ve used many times and reproduced it with a lot less code. After learning about how to do something simple, I started wondering about the other properties of CSS […]
Continue Reading
CSS Grid: Responsive and Accessibility- Tagged in:
- accessibility,
- CSS,
- CSS Grid,
- responsive
- Feb 24 2017
CSS Grid: Design possibilities
As I started to learn about CSS Grid and the new base layout possibilities, I was struck by how much this changes things for design. I don’t think I’m alone in this, either: a search through CodePen reveals plenty of designers and developers thinking about this as well. There are so many new ways to […]
Continue ReadingCSS Grid: Design possibilities- Tagged in:
- CSS,
- CSS Grid,
- design,
- responsive
- Feb 21 2017
CSS Grid: Learning new layout
I’ve been writing base layouts for CSS a long time. Come next month, I’m going to be using a new feature to do that work for the first time in many years, CSS Grid. Yes, flexbox came along and I used it for some pieces of the layout, but it didn’t change the way I […]
Continue ReadingCSS Grid: Learning new layout- Tagged in:
- CSS,
- CSS Grid,
- responsive
- Nov 11 2014
The Responsive Images Community Group: What Comes Next
The RICG’s work is starting to wind down, but we’re just getting started at the same time. We’re a weird sort of web standards organization. We’re nebulous by design: a rallying point for anyone that wants to get involved in the kinds of new standards that most impact their daily work. We aim to prevent […]
Continue ReadingThe Responsive Images Community Group: What Comes Next- Tagged in:
- open source,
- responsive,
- web standards
- Oct 15 2014
A Day at the Races: Avoiding Random Failures in Selenium UI Tests
Selenium is an indispensable tool for developing web applications. It allows developers to write test scripts that control real browsers and ensure their applications behave in the way that users expect. Tests like these make software development much more pleasant–developers can have much greater certainty that their application is functioning correctly even after large refactoring […]
Continue ReadingA Day at the Races: Avoiding Random Failures in Selenium UI Tests- Tagged in:
- performance,
- responsive,
- testing
- Jun 19 2014
Announcing MobileVis – Data Visualization on Mobile Devices
Back in January, we announced the receipt of a Prototype Fund grant from Knight Foundation to explore the question: how does one design data visualization for mobile devices? Why are we asking this question? Data Visualization is common in everyday communication online and in print media. As consumers shift to mobile devices for their daily […]
Continue ReadingAnnouncing MobileVis – Data Visualization on Mobile Devices - Oct 21 2013
Towards “Responsiveness” with d3.chart.js
While data visualization is growing as a medium on the Open Web, practitioners of the field still struggle to make data visualization “work” on different screens. The question “how do I render at different sizes?” is an important one, but only tackles a portion of the greater challenge of “what does it mean to create […]
Continue ReadingTowards “Responsiveness” with d3.chart.js - Apr 22 2013
The Dimensions of Web Design
The 5-dimensional Web Today’s web has at least five dimensions: Width Height Time – Site content is constantly changing and being added. Hardware – Content needs to be usable on a variety of devices. Software – Different users have different browser capabilities and settings. Good websites embrace this complexity as a competitive advantage. Bad websites […]
Continue ReadingThe Dimensions of Web Design - Mar 04 2013
Learn CSS Layout
Learn CSS Layout is a new learning and reference site I made in my open source time here at Bocoup. Although there are lots of resources on the web for learning CSS layout techniques, we’ve had trouble finding ones we’re comfortable recommending. Learnlayout.com is an enlightening and accessible look at modern techniques for beginners, while […]
Continue ReadingLearn CSS Layout - Mar 06 2012
Ringmark Gallery, Part 1
See all in the Ringmark Gallery series Last week, Facebook and Bocoup announced a partnership and W3C Community Group initiative to raise the awareness of the development needs of The Mobile Web as a platform. This announcement included the unveiling of a “mobile acid test”, dubbed Ringmark. Ringmark runs real-time inference, functional and practical application […]
Continue ReadingRingmark Gallery, Part 1