Monthly Shaarli

All links of one month in a single page.

May, 2016

Bulletproof Accessible Icon Fonts | Filament Group, Inc., Boston, MA

Care must be taken when implementing icon fonts to ensure a great experience for all users. What happens when your font doesn’t load? What happens when @font-face isn’t supported in the browser? We’ll show you how to implement bulletproof font icons.

The Many Faces of The Web | Viljami Salminen

During the winter 2014, me and my family rented an apartment from San Diego, CA for few months through my work. While staying there, we had an AT&T hotspot device that provided the network connection. For us, relying on this device, meant constant drops of connection, network latency like we’ve never seen before, and websites that were completely broken because Java­Script wasn’t loading at all. A part of this can be explained by the poor reception at the location where we were staying, but overall, the whole experience put me thinking.

How To Bild An App Without Interface Builder - Part 0 Of A Blog-Series

If you are using Interface Building and you think it’s kind of magic what Interface Builder and storyboards do to bring your app to life, then this blog-series is for you. We will build an app from zero to App Store without using Interface Builder when possible. For the Watch app we’ll need to have a storyboard because at the moment they are needed when building Watch apps.

Accessible Forms – Should Every Input Have a Label? - Coolfields Consulting

If you’re using input fields on a web page your users will need to know what they’re supposed to put in them or which ones to choose for radio buttons, checkboxes and dropdowns. Sighted users can see any accompanying text next to the text box or radio button but that’s not always possible for users who are blind or suffering from other visual impairments. How can these people know what’s expected of them?

Expand and collapse content accessibly with progressive enhancement, jQuery, and ARIA | Filament Group, Inc., Boston, MA

Collapsible content areas are frequently presented in web sites and applications as a way to let users to control how content is shown or hidden on the page. Also called collapsibles, spin-downs, toggle panels, twisties, and content disclosures, they're ideal for selectively displaying optional information — like instructional text or additional details, for example — so users can focus on the task at hand and view this content only as needed.

Radical Embodied Cognitive Science | The MIT Press

While philosophers of mind have been arguing over the status of mental representations in cognitive science, cognitive scientists have been quietly engaged in studying perception, action, and cognition without explaining them in terms of mental representation. In this book, Anthony Chemero describes this nonrepresentational approach (which he terms radical embodied cognitive science), puts it in historical and conceptual context, and applies it to traditional problems in the philosophy of mind. Radical embodied cognitive science is a direct descendant of the American naturalist psychology of William James and John Dewey, and follows them in viewing perception and cognition to be understandable only in terms of action in the environment. Chemero argues that cognition should be described in terms of agent-environment dynamics rather than in terms of computation and representation. After outlining this orientation to cognition, Chemero proposes a methodology: dynamical systems theory, which would explain things dynamically and without reference to representation. He also advances a background theory: Gibsonian ecological psychology, “shored up” and clarified. Chemero then looks at some traditional philosophical problems (reductionism, epistemological skepticism, metaphysical realism, consciousness) through the lens of radical embodied cognitive science and concludes that the comparative ease with which it resolves these problems, combined with its empirical promise, makes this approach to cognitive science a rewarding one. “Jerry Fodor is my favorite philosopher,” Chemero writes in his preface, adding, “I think that Jerry Fodor is wrong about nearly everything.” With this book, Chemero explains nonrepresentational, dynamical, ecological cognitive science as clearly and as rigorously as Jerry Fodor explained computational cognitive science in his classic work The Language of Thought.

GitHub - Automattic/_s

Accessibility ready barebones theme

Using Keyboard-only Navigation, for Web Accessibility | Practical Ecommerce

At many of the web development conferences I attend, there is a talk on how to use an integrated development environment to aid in programming. The speaker will almost invariably mention a few of his favorite keyboard shortcuts within that environment for performing his most frequently used activities. Programmers are big fans of using the keyboard instead of continually shifting between the keyboard and mouse.

Wit — landing

Users enjoy a hands-free mobile experience while driving, working out, cooking. Developers use Wit to easily build a voice interface for their app.

Shelve - Firefox Extension

Use filename templates to quickly (or automatically) save web pages/images/links/selected text to pre-defined folders.

Why You Should Avoid Sass @extend

About a year ago, I wrote Mixin or Placeholder (my first article here at SitePoint) immediately followed by What Nobody Told You About Sass Extend. And here I am, one year later, changing my mind again and writing why I think the @extend directive from Sass is really far from being the Eldorado.

Fiddler free web debugging proxy

The free web debugging proxy for any browser, system or platform

How to create better, more accessible WordPress themes | Post Status

Accessibility is an important part of modern web development. It is our responsibility as creators of WordPress themes to make them accessible to all users, on any device. In this article, I’ll offer some simple tips to create better, more accessible WordPress themes.