According to a 2009 study, 47% of visitors expect a page to load in under 2 seconds, and 57% of visitors will abandon a page that takes more than 3 seconds to load. Mobile Internet usage is expected to overtake desktop usage. This shift towards Internet-enabled mobile devices means that having a fast website has never been as important as it is today. Users now expect websites to be lightening fast, and developers who don’t comply will ultimately lose out to developers who invest in delivering a great experience.
Read more…
Gulp is one of quite a few build tools available in JavaScript, and other build tools not written in JavaScript are available, too, including Rake. Why should you choose it? Gulp is a build system that can improve how you develop websites by automating common tasks, such as compiling preprocessed CSS. In this article, Callum Macrae will see how you can use Gulp to change your development workflow, making it faster and more efficient.
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…
In this article, Nik Sumeiko will show you how to migrate a Git repository to a new host quickly and easily.
When he had to move a number of Git projects to a new host, it took him quite some time to find an accurate method, but after many attempts he found a solid and effective way. The most important thing is to make sure that your branches and tags and your commit history are all moved.
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…
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…
WordPress powers websites for some of the world’s largest companies and is even being promoted as a platform to power the next generation of Web apps. In this article, David Smith will share with you how his team has used the PHP dependency-management tool Composer to streamline their development processes and to maintain their WordPress project dependencies across the development team consistently and reliably.
Read more…
