A Permanent Wreck

The world is too rich, complex and interesting for a single schema to describe fully on its own. With schema.org we aim to find a balance, by providing a core schema that covers lots of situations, alongside extension mechanisms for extra detail. There are many situations where the use of existing controlled vocabularies, standards and datasets would improve schema.org markup. This is the role of the schema.org “external enumerations” mechanism.

Making the design to be responsive is very easy as shown in my Responsive Design in 3 Steps tutorial, but maintaining the elements to look aesthetically balanced on all breakpoint layouts is an art. Today I’m going to share 5 of my commonly used CSS tricks along with sample cases for coding responsive designs. They are simple CSS properties such as min-width, max-width, overflow, and relative value — but these properties play an important part in responsive design.

Disability and the concept of accessibility can be confusing. Awkward. Uncomfortable. The first step to true understanding is usually awareness. Awareness helps you get over those feelings: awareness that issues exist, awareness that there are solutions to those issues, and awareness that what we do as web professionals can have a profound impact on someone else’s life.

A search on Amazon.com for books on Productivity returns 45,960 titles. If you’re having trouble being productive at work you may find it difficult to make the time to read a book on productivity cover to cover.

You use paper towels to dry your hands every day, but chances are, you’re doing it wrong. In this enlightening and funny short talk at TEDxConcordiaUPortland, Joe Smith reveals the trick to perfect paper towel technique.

The CSS3 Selectors module introduces three new attribute selectors, which are grouped together under the heading “Substring Matching Attribute Selectors”.

There are a bunch of techniques going around for dealing with responsive images lately. That is, solutions to help us serve the right image for the occasion (e.g. size of screen and bandwidth available). They all do things a bit differently. To keep track, Christopher Schmitt and I have created this spreadsheet of techniques.

If you’ve ever tried to get precise em-based values of letter-spacing to work in a WebKit browser, you’ve probably wondered why that isn’t really possible, while Firefox or Internet Explorer 10 for example do allow fine-grained control. Play around with this demo in various browsers and you’ll see what I mean.