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

Quick Notes

This is the place where I just take some notes on links, articles, podcasts, videos, references and other design, web and app related goodies I find on the interwebs. Kind of bookmarking for later read or use.

Become a Better Programmer: 5 Essential Methods at a Glance

| git-tower.com | development

  1. Unit Testing. Why? Every programmer has experienced something like this: you change a bit of code in one corner, and in a (seemingly) unrelated corner, something breaks! The bitter truth is: both new and changed code will inevitably contain bugs. Use automated tests that help you keep old code stable.

A Step-by-Step Guide for Starting a New App Design Project in Sketch

| medium.com | uidesign

I’m a firm believer in transparency, so before we start, I owe you this:
Portions of this post reference a design framework that I built myself, and sell on the side. That said, this guide will still be useful even if you don’t go buy it.

6 Design Blogging Tips for Beginners

| invisionapp.com | contentwriting

Keeping knowledge to yourself is lame. One of the easiest ways to give back to the design community is to write about design. I’ve been blogging about design for years, and though it’s still not a piece of cake, it’s definitely gotten easier. People often ask me for blogging advice, so I compiled this quick list of tips I’ve learned from others.

Pretend the interface is magic

| prototypr.io | ux

Under the everyday pressure and time constraints, we always think about simplest tech solutions, quick to implement, standard, obvious. We think how build interface from generic building block and components. It reminds me of we all working on some huge factory assembly line, producing product after product.

Design for Emotion

| medium.com | designux

Humans have feelings, thoughts, and emotions — we all have them. Some of the best sites, apps, and experiences i’ve seen over the years have been designed for emotion — not simply performing a task but along the way they are coaxing a response. That reaction can be a simple ‘that’s cool’, could be a ‘wow’, or even provoke sobbing into your keyboard.

Progressive Web App Libraries in Production

| medium.com | progressive web apps

Two years ago, our team at Google started work on JavaScript libraries to reduce the friction for building Progressive Web Apps. We started with Service Worker tools like sw-precache and sw-toolbox — now used by 1000s of brands to power offline caching & instant loading (on repeat visit) in their production mobile sites.

Implementing Critical CSS on your website

| nystudio107.com | cssperformance

When I mention Critical CSS to many frontend developers, I’m often met with a countenance that’s a subtle mixture of confusion and skepticism. “Oh, you’re one of those guys,” they think. Fringe.

The benefits of learning how to code layouts with CSS

| jensimmons.com | cssdevelopment

Yesterday, I wrote about CSS Grid. Ted Mazer responded by asking on Twitter: “As a beginning front end developer, is it going to be beneficial to jump right into becoming proficient at this layout style?”

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.

HTTP/2 – A Real-World Performance Test and Analysis

| css-tricks.com | performance

Perhaps you've heard of HTTP/2? It's not just an idea, it's a real technology and slowly but surely, hosting companies and CDN services have been releasing it to their servers. Much has been said about the benefits of using HTTP/2 instead of HTTP1.x, but the proof the the pudding is in the eating.