Clip paths open up a wide array of exciting possibilities. Understanding the simple mechanics and how everything moves relative to each other can help you create some powerful and captivating interactions for your users. In this article, Dennis Gaebel Jr explains the difference between an SVG clipPath and a CSS clip-path, including examples to guide and inform you through this journey. Finally, he’ll share a few demos both personal and in the wild to help you better understand clipPath animation and inspire your visions.
Read more…
Many developers are unsure which tool is best for creating layouts for their websites. Some feel that Flexbox is powerful enough to handle all of their layout problems. However, they are unsure whether to learn it because of its confusing syntax. Others feel that Susy is much simpler and prefer its simplicity to Flexbox. So, which is more powerful, Flexbox or Susy? Is it possible to use both Flexbox and Susy at the same time? In this article, Zell Liew will find out!
Read more…
Rodney Rehm understood that ARIA could help him write web applications without having to bike-shed class names for various states. You can care about accessibility issues without being affected by a disability yourself. In many ways, making your apps and sites accessible benefits everyone. ally.js helps you accomplish that. ally.js is positioning itself as a center for collaborating on accessibility-related features, by providing low-level tools to other libraries and frameworks as well as high-level functions to developers. If you start working together you might just get somewhere!
Read more…
What’s going on in the industry? What new techniques have emerged recently? What insights, tools, tips and tricks is the web design community talking about? Anselm Hannemann is collecting everything that popped up over the last week in his web development reading list so that you don’t miss out on anything. The result is a carefully curated list of articles and resources that are worth taking a closer look at.
Read more…
User reaction to a wait online is no different from that in the offline world. Studies based on the analysis of more than a thousand cases identify 14 distinct types of waiting situations on the web. Being dependent on your users’ loyalty, you cannot leave them facing a passive wait. In this final part, Denys Mishunov discusses pure passive waiting on the web, how you can deal with it and what can be done to keep user satisfaction high even when the service cannot be delivered fast enough. In addition to the studies on waiting online, your analysis will employ the psychology of waiting lines, customer satisfaction and other tools applicable to offline waiting.
Read more…
Today, join Cory Shaw while he reflects on some of the mistakes he and his team made, the tools they used, the workflows and guidelines they followed, and even some of the custom tools they built while working on the new Hawaiian Airlines website. All while growing a UI development team from one to over ten people to get the job done. It was a rollercoaster ride like no other, but they have prevailed and built what he believes to be one of the best airline-booking experiences on the web. This article and the information herein has been shared with the explicit permission and generosity of Hawaiian Airlines.
Read more…
One of the relatively recent tools introduced for styling is PostCSS, which aims to reinvent CSS with an ecosystem of custom plugins and tools. Working with the same principles of preprocessors such as Sass and LESS, it transforms extended syntaxes and features into modern, browser-friendly CSS. Over the next few years, the way you use CSS will change in many different ways. Every project will have different requirements, to which you will have to adapt your production methods. Working within a modular ecosystem like PostCSS allows you to pick and choose the features you want to complete a project.
Read more…
Have you used calc()? It’s a function that should work as a value in all places where a number value — with or without specified units — works. However, while basic support is really good, you might run into trouble depending on where you use it. In this article, Ana Tudor will look at a few examples of how to use calc() including what support problems they have (if any) and whether they’re ultimately the best solution.
Read more…
The “P” in P versus NP stands for polynomial time. That just means we can predict the maximum amount of time it will take to solve the problem. You may have never heard of P versus NP, but in this article, Zack Grossbart will walk you through it, show you how it works and explain why it matters. There’s a little math, but don’t worry; it’s all pretty easy. P versus NP is a mathematical question masquerading as a philosophical one. It describes the difference between solving a problem and knowing whether you’ve solved it.
Read more…
Today’s SEO industry is split into two related fields: content marketing and technical optimisation. The ability to create content that resonates with audiences and communicates a brand identity is vital to the success of any website, and articles exploring every intricacy of this art can be found on the web with relative ease. In this article, Tom Bennet will be exploring three of the fundamental principles of technical SEO. By the end, you’ll be armed with a wealth of techniques for organic search optimization that are applicable to almost all established websites. Let’s get started.
Read more…
