Quick Notes tagged with “web”
Many have tried over the years to bring us web annotations. The lack of standards has been one of the key things holding these efforts back– a need we highlighted in the first of our 12 original principles back in 2013 and have been working towards ever since.
Working as a web developer, you probably spend a lot of time using your browser of choice. While almost every browser has its own developer tools that allow you to see what’s going on behind the scenes, some of them have plenty of extensions that help you streamline the development process.
A conversation about the past, present, and future state of responsive web design with special guests Ethan Marcotte and Karen McGrane.
Resilient Web Design, you might think that this is a handbook for designing robust websites. This is not a handbook. It’s more like a history book.
Web forms are the evolution of their paper counterparts. A collection of labels, boxes and circles designed to constrain input and make it easier for data to be processed. After all, a forms purpose is to collect data so an operation can be performed. To perform that operation the data we collect needs to be uniform. We place constraints on the interface to ensure this uniformity. Forms are designed to meet the needs of the process, not the user.
A simple, accessible HTML5 media player by @sam_potts from @selz
People who use your app or site have a particular goal. Often the one thing that is standing between the user and his goal is a form. Because forms still remain the one of the most important type of interaction for users on the web and in the apps. In fact, forms are often considered to be the final step of the journey to the completion of goals.
Broken images are ugly. Ugly, isn’t it? But they don’t always have to be. We can use CSS to apply styles to the element to provide a better experience than the default.
The history of web font loading has included many different iterations: Doing nothing: including a @font-face CSS block and using it in your CSS without qualification. I consider this to be an anti-pattern. It introduces a Flash of Invisible Text (FOIT) in some browsers and worse, creates a single point of failure in browsers that do not have a font loading timeout (WebKit).