Most plugins try to do too many things, which makes it difficult for designers and developers to integrate them in their projects. Apple introduced the iPhone 5S, which was accompanied by a presentation website on which visitors were guided down sections of a page and whose messaging was reduced to one key function per section. Pete Rojwongsuriya found this to be a great way to present a product, minimizing the risk of visitors accidentally scrolling past key information, and he set out to find a plugin that does just this. To his surprise, he didn’t find a simple solution to integrate in his current projects. That is when One Page Scroll was born.
Read more…
In this article, Mattan Griffel will share best practices that he has discovered from using spaced repetition to learn and master a programming language. Some great articles on this topic are already out there, including “Memorizing a Programming Language Using Spaced Repetition Software” by Derek Sivers and “Janki Method” by Jack Kinsella. But because you’re busy, he’ll quickly summarize some of the best practices that I’ve learned along the way.
Read more…
If the 404 doesn’t help your visitors, then what’s the point of having carefully crafted memes, funny GIFs, or odd interactive games? A visitor could find themselves on a 404 page for one of many reasons: a mistyped address, a bad link from somewhere else, a deleted page or content that has moved elsewhere. While you can prevent errors from moved pages with redirects, you can’t control people’s mistakes. In this article, Donovan Hutchinson will show you how to have a better 404 page.
Read more…
Email is one of the most important tools for reaching your customer base. But with the ever-growing number of emails to send, getting them all out the door can seem a little overwhelming. By putting in place a solid email design workflow, you’ll be able to regularly ship engaging and mobile-friendly emails with ease. Incorporating a modular approach and a custom framework into your email workflow can lead to increased productivity and make it easier for you to iterate on your designs. You will have to make an initial investment of time to get everything up and running, but the result will improve your designs, the customer experience and your engagement rates, leading to happier customers and increased revenue.
Read more…
The process of telling a computer how to perform a task, such as generating a web page, is what web developers commonly call “programming,” but it’s only a subset of programming: imperative programming. There’s another type: declarative programming. With it, you tell a computer what, not how. This subtle shift in approach to programming has broad effects on how you build software, especially how you build the future web. So, let’s take a moment to investigate declarative programming and the web you can build with it.
Read more…
To make the right choices for your project, you need to start with a general approach, or methodology. You probably already know of BEM, one of those methodologies developed by a big company, but Maxim Shirshin decided to try BEM on a smaller scale. He wanted the same benefits that Yandex gets from BEM: code sharing, a live style guide, scalability, faster development. He is now convinced that BEM applies to small projects as well. Maxim has written down his findings, in case you find them useful!
Read more…
Because the W3C’s mission from the outset has been to make the web accessible, accessibility features are built into its specifications. As responsible designers, we have the job of creating compelling web experiences without disrupting the inclusive features of a simpler design. We need to find a way to adopt new tools and techniques to keep the playing field level. It’s time to embrace change. This article is an excerpt of a chapter in the eBook that introduces many of the ideas and techniques presented.
Read more…
Stricter functional programming languages are typically used when a system’s performance and integrity are both critical — i.e. your program needs to do exactly what you expect every time and needs to operate in an environment where its tasks can be shared across hundreds or thousands of networked computers. These languages have a steep learning curve for most front-end web developers; however, many more approachable languages incorporate features of functional programming.
Read more…
In this article, Maksim Chemerisuk describes his approach with better-dom to solve the internationalization problem. Since the last article about this, “Writing a Better JavaScript Library for the DOM,” he has revisited the concept to solve the issues raised through feedback. The solution was originally intended to be a set of internationalization APIs for plugins, extensions, etc. It doesn’t rely heavily on the better-dom library, so it could be adapted to any existing JavaScript library.
Read more…
In this article Julian Shapiro will demonstrate that websites can benefit from the same level of interactive and performant motion design found on mobile apps. In the following examples, he’ll be using Velocity JS — a popular animation engine that drastically improves the speed of UI animation. In particular, Velocity.js’ UI pack, which allows you to quickly inject motion design into your pages.
Read more…
