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…
Why would you even need to generate SVG on the server? The technology is entirely client-side, so what would motivate anyone to move it from there? When we talk about “generating SVG” nowadays, we mean “generating SVG with JavaScript.” The current state of browser support and libraries makes the creation of complex visuals a trivial task. There are a lot to choose from! So the right question is, how do we continue generating SVG with JavaScript while also putting the results of the generation on the server?
Read more…
Brian Wood found many web shops faced challenges fitting responsive design into their workflow, and the role of most web designers had changed to include coding in some form or another. Well, a new generation of visual responsive design tools has arrived. These responsive design tools are for anyone who understands HTML and CSS (or is willing to learn) and wants to visually design a responsive website — and have code to show for it. You could use one of these tools in the design process to create responsive comps, regardless of whether you intend to use the generated code. So, let’s have a look!
Read more…
The second part of this series addresses the third step into making navigation as simple and predictable as possible, and discusses which type of navigation menu is best suited to which content. A navigation menu is any area of an interface that presents navigation options to enable users to find content on the website. A common distinction in navigation models is between a primary, traditional navigation system and secondary, alternate navigation models. Exactly defining this distinction is difficult.
Read more…
In this article, Per Buer will talk about cache invalidation specifically to readers who already work with Varnish Cache. To learn more about it, you’ll find background information in “Speed Up Your Mobile Website With Varnish.”
A cache miss depends on two factors: the volume of traffic and the average time to live (TTL), which is a number indicating how long the cache is allowed to keep an object. To have a high TTL, we need to be able to invalidate objects from the cache so that we avoid serving stale content. With Varnish Cache, there are myriad ways to do this. You’ll explore the most common ways and how to deploy them.
Read more…
The best writers often work with an editor (or two), who will help them coalesce their words into something more compelling or easier to understand. Having worked with several editors, Paul Lloyd really came to appreciate this aspect of the writing process. Refinement is an essential aspect of any creative process. As refactoring code can make a program more logical and efficient, editing a text can allow an underlying idea to be more clearly stated, or make a piece more enjoyable to read. And when he heard about Editorially, a collaborative writing tool designed with Web writers in mind, he immediately signed up.
Read more…
You are about to experience truly hair-raising excitement as you get to grips with the intricacies of the hugely interesting CSS timing function, which is a bit of a hidden gem when it comes to CSS animation, and you could well be surprised by just how much you can do with it. For example, they define where an animation accelerates and decelerates, you can break an animation into any number of steps, rather than tweened motion, and much more!
Read more…
If you are building a product, you should always speak with customers and test your idea before. But you probably don’t know that *you *might be making some of the most common mistakes when running your experiments. Mistakes include testing the wrong aspect of your business, asking the wrong questions and neglecting to define a criterion for success. In this article, Grace Ng will show you a guide to designing quick, effective, low-cost experiments.
Read more…
As mobile browsers continue to improve, offering new features and enhancing performance, new opportunities like this will arise. It’s always important to question whether you should build a native app or a Web app, and keep in mind the pros and cons of each, especially because the differences in their capabilities are narrowing rapidly. In this article, Nick Jonas and Francis Villanueva Will discuss a few of the biggest challenges here: detecting user activity, achieving performant animations, and building an API integrated with Google Analytics.
Read more…
In this article Mark McDonnell will go through all of the steps he took to write an open-source gem named Sinderella (available on GitHub) and how he prepared it for release as a gem via RubyGems. He’ll also show you how to set up your tests to run through a continuous integration (CI) server using the popular Travis CI service, and how to use Coveralls to measure the code coverage of your tests and to obtain a statistical history of your commits.
Read more…
