Once web apps function like native apps, the design interactions would also change to address the use case — namely, the ubiquity of animations. As web developers, we need a good foundation to create animations that are both performant and maintainable, which is paramount to the native web app landscape. In this article Christopher Ng will show you how to go from After Effects to CSS transitions, animations and keyframes.
Read more…
Most potential users will want to try out the software or service before committing any time and money. Often this is where the age-old demo account comes into play. However, anyone who has ever implemented a demo account can attest to the problems associated. In this article, James Pierce brings you a solution: SQLite. It’s commonly known that SQLite does not handle multiple threads since the entire database is locked during a write command, which is one of the reasons why you should not use it in a normal production environment. However, in his solution, a separate SQLite file is used for each user demoing the software.
Read more…
In this tutorial, Joseph Zimmerman aims to help you understand how v-model works on native inputs and on custom components by default. Also, you’ll learn how to create custom checkboxes and radios that emulate how v-model works on them natively.
Read more…
For every application Yury Dymov works on, he needs to decide how to manage the data. The problem can be broken down into the following three subproblems: Fetch data from the back end, store it somewhere locally in the front-end application, retrieve the data from the local store and format it as required by the particular view or screen. In this article, Yury sums up his experience with consuming data from JSON, the JSON API and GraphQL back ends, and it gives practical recommendations on how to manage front-end application data.
Read more…
Fuse is not only used to describe the UI and layout; you can also use it to add effects and animation. In this article, Wern Ancheta will show you what Fuse is all about. He’ll show you how it works and how it compares to other platforms such as React Native and NativeScript. In the second half of the article, you will create your first Fuse app. Specifically, you will create a weather app that shows the weather based on the user’s current location. Towards the end of the article, you will consolidate your learning by looking at the advantages and disadvantages of using Fuse for your next mobile app project.
Read more…
WebAssembly is a way of taking code written in programming languages other than JavaScript and running that code in the browser. When you’re talking about WebAssembly, the apples to apples comparison is with JavaScript. With WebAssembly, it is possible to run code on the web faster. There are a number of reasons why WebAssembly code runs faster than its JavaScript equivalent, but it is useful to compare the two, so you can understand the potential impact that WebAssembly will have.
Read more…
In this article, Jeremy Wagner will teach you everything about server push, from how it works to the problems it solves. Server push allows you to send site assets to the user before they’ve even asked for them. It’s an elegant way to achieve the performance benefits of HTTP/1 optimization practices such as inlining, but without the drawbacks that come with that practice. Jeremy will also show you how to use it, how to tell if it’s working, and its impact on performance. Let’s begin!
Read more…
Imagine an archaic, alien workflow, with ancient tooling, and none of those things you love about the web. How would your career be affected? As a web developer, not only do you already possess all of the skills to make great modern desktop apps, but thanks to powerful new APIs at your disposal, the desktop is actually where your skills can be leveraged the most. In this article, Adam Lynch will look at the development of desktop applications using NW.js and Electron, the ups and downs of building one and living with one, using one code base for the desktop and the web, and more.
Read more…
Node.js has helped to bring uniformity to software development. Writing command line tools has also become easier than ever before because of Node.js. Tools such as Yeoman ask for runtime inputs that eventually help you to customize a project’s configuration as well. Some generators in Yeoman help you to deploy a project in your production environment. That is exactly what you are going to learn today. In this tutorial, Nihar Sawant will develop a command line application that accepts a CSV file of customer information, and using the SendGrid API, he will send emails to them.
Read more…
If our websites don’t enable users to accomplish the key tasks they come to do, we’ve failed them. We should do everything in our power to ensure our websites function under even the harshest of scenarios, but at the same, we can’t expect our users to have the exact same experience in every browser, on every device. Because none of the solutions Aaron Gustafson found actually complied with the law in either spirit or reality, he opted to roll his own robust solution.
Read more…
