small-batch web products

Blog

Interface Foundations Class 11 Resources

Interface Foundations Class 11 Resources

Here are links from the October 30 class: CSS Border Image Gradient Not Working in Safari 10 (thanks, Kat) jQuery mailto with anchor element

Interface Web Foundations Class 9

Interface Web Foundations Class 9

Here are links from our October 23 class: Keyframe Animation Syntax Using CSS Transitions

Interface Web Foundations Class 8 Resources

Interface Web Foundations Class 8 Resources

Here are links from our 8th class:

Interface Web Foundations Class 7 Resources

Interface Web Foundations Class 7 Resources

These are resources that we shared either in class or on Slack: v art on Mondrian – a good project for which grids would work GridGarden – a nice little game to teach grids (thanks, Zack) Lynda.com – free with your Omaha Public Library card […]

INTERFACE WEB FOUNDATIONS CLASS 5 RESOURCES

INTERFACE WEB FOUNDATIONS CLASS 5 RESOURCES

The following are links from our 5th class: Caniuse – find out what web technologies are supported by the major browsers Mac Keyboard Shortcuts – Apples exhaustive list of keyboard shortcuts (all 150+) Flycut – Clipboard manager (Mac only [sorry]) Hacktoberfest 2018 – sponsored by Digital […]

Interface Web Foundations Class 4 Resources

Interface Web Foundations Class 4 Resources

To make your text behave around images, we introduced floats. Also, there’s a tool for checking your current devices capabilities. Ellie shared some AIM-related links, and we talked about MySpace and Ze Frank.

Lastly, when discussing the much maligned <blink> tag, Brendan showed us how we could roll our own:

<div class="blink_me">Your Text here.</div>

.blink_me {
  animation: blinker 1s linear infinite;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
Interface Web Foundations Class 3 Resources

Interface Web Foundations Class 3 Resources

We enjoyed the styling of a front page and tried our hand at media queries (some of us benighted souls, anyway). Mozilla Developer Network – great resource, written by developers across many companies Ask-A-Dev Omaha, Sunday, Oct 7 object-fit, CSS property (MDN) Using media queries, […]

Interface Web Foundations Class 2 Resources

Interface Web Foundations Class 2 Resources

Here are links I shared with the 2nd class. Particularly noteworthy is the CSS Specificity link (with images from The Shining, because CSS can be a bloody nightmare 🤷‍♂️). Why Use Semantic HTML? Javascript Jabber podcast: You’ve Learned Javascript. Now What? CSS Specificity (using The Shining) […]

Interface Web Foundations Class 1 Resources

Interface Web Foundations Class 1 Resources

I am teaching one section of the Web Foundations class at Interface Web School, which is a part of the AIM Institute. Here is a list of the resources shared with the class either on or related to the first class.

 

Step-by-step guide to create a “Seven” sub-theme for Drupal 8

Step-by-step guide to create a “Seven” sub-theme for Drupal 8

Working in Drupal means always being open to learn new things. Nothing stays the same for long and there’s so much to pick up that you may not have before encountered. Today, that came in the form of an administration theme that went awry. (Enough […]