Tag - Building

Building Inclusive Toggle Buttons

   Some things are either on or off and, when those things aren’t on (or off), they are invariably off (or on). The concept is so rudimentary that I’ve only complicated it by trying to explain it, yet on/off switches (or toggle buttons) are not all alike. Although their purpose is simple, their applications and forms vary greatly.In this inaugural post, I’ll be exploring what it [...]

Meet XRespond Testing Tool: Let’s Make Building Responsive Websites Simpler

   The way people consume information is constantly evolving. As web designers and developers, we keep up with all of the different screen shapes and sizes, learning to create beautiful, flexible software. Yet most of the available tools still don’t reflect the nature and diversity of the platform we’re building for: the browser.When I was making my first responsive website in 2012, I quickly realized how [...]

Building A Simple AI Chatbot With Web Speech API And Node.js

   Using voice commands has become pretty ubiquitous nowadays, as more mobile phone users use voice assistants such as Siri and Cortana, and as devices such as Amazon Echo and Google Home have been invading our living rooms.These systems are built with speech recognition software that allows their users to issue voice commands. Now, our web browsers will become familiar with to Web Speech API, which [...]

Building Pattern Libraries With Shadow DOM In Markdown

   Some people hate writing documentation, and others just hate writing. I happen to love writing; otherwise, you wouldn’t be reading this. It helps that I love writing because, as a design consultant offering professional guidance, writing is a big part of what I do. But I hate, hate, hate word processors.When writing technical web documentation (read: pattern libraries), word processors are not just disobedient, but [...]

Building Production-Ready CSS Grid Layouts Today

   Industries often experience evolution less as slow and steady progress than as revolutionary shifts in modality that change best practices and methodologies seemingly overnight. This is most definitely true for front-end web development.Our industry thrives on constant, aggressive development, and new technologies emerge on a regular basis that change the way we do things in fundamental ways. The post Building Production-Ready CSS Grid Layouts Today appeared [...]