I'm Kay Spiegel, a Digital Strategist. Kay Spiegel

Quick Notes tagged with “web”


Annotation is now a web standard

| hypothes.is | webdevelopment

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.

15 Chrome Extensions that Simplify Web Development

| developerdrive.com | webdevelopment

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.

The State of Responsive Web Design

| gymnasium.github.io | webdesigndevelopment

A conversation about the past, present, and future state of responsive web design with special guests Ethan Marcotte and Karen McGrane.

Resilient web design

| resilientwebdesign.com | webdesign

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.

The Future of Web Forms

| prototypr.io | uxwebdevelopment

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.

Building in 10k: Compilation, Optimization, and Compression

| windows.com | webdevelopment

In the previous post in this series, I did a deep dive into many of the JavaScript enhancements available to visitors to the 10k Apart site. It was a significant read and if you made it through the whole thing, I commend you.

Plyr

| plyr.io | webhtml

A simple, accessible HTML5 media player by @sam_potts from @selz

Designing More Efficient Forms: Structure, Inputs, Labels and Actions

| uxplanet.org | webdesignux

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.

Styling Broken Images

| bitsofco.de | webdevelopment

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.

Critical Webfonts

| zachleat.com | webfontscss

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).