Web Tricks

Monthly Web Development Update 9/2018: Native Lazy Loading And Imaginary WorkMonthly Web Development Update 9/2018: Native Lazy Loading And Imaginary Work Anselm Hannemann 2018-09-14T14:50:19+02:00 2018-09-14T13:06:51+00:00 It’s an interesting concept to compare JavaScript with CO2 and yet a very valid one. Alex Russel who works for the Chrome team and has a lot of insights into the current state of the web says that using too much JavaScript or using it exclusively (without progressive enhancement/graceful degradation) will have the same effect as too much CO2 for the ecosystem on planet Earth — the ecosystem will fall apart. And just like we need a certain am...

The Importance Of Manual Accessibility TestingThe Importance Of Manual Accessibility Testing Eric Bailey 2018-09-12T13:30:55+02:00 2018-09-12T12:04:44+00:00 Earlier this year, a man drove his car into a lake after following directions from a smartphone app that helps drivers navigate by issuing turn-by-turn directions. Unfortunately, the app’s programming did not include instructions to avoid roads that turn into boat launches. From the perspective of the app, it did exactly what it was programmed to do, i.e. to find the most optimal route from point A to point B given the information made available to it. From the perspective of the man, it failed him by not ...

Javascript's ECMA6 came out with some cool new features; ... is one of these new Javascript functionalities. It can be used in two different ways; as a spread operator OR as a rest parameter. Rest parameter: collects all remaining elements into an array. Spread operator: allows iterables( arrays / objects / strings ) to be expanded into single arguments/elements. In this article we will look into these two ways of using ...; keeping it short and sweet as usual. Enjoy! Rest parameters From the definition we saw earlier, rest parameters collect all the remaining elements into an array. This allows us to do really neat function definitions. Let's see how we put them to use. function add(x, y) { return x + y; } add(1, 2, 3, 4, 5) // returns 3 The above function call returns 3, this is becau...

Last week on the code challenge #13 we looked at converting sample code in ES5 to even simpler and more readable code in ES6. Yet to take the challenge? You can check it out here. In this post, we shall solve the challenge. Awesome entries for the challenge can be found in the comment section of the post, on Twitter using the hashtag #ScotchChallenge and on the Spectrum forum. The Challenge No doubt that the ES6 version of JavaScript came with tons of amazing and useful features making web development with JavaScript even simpler and less error-prone. In this challenge, we are presented with a set of 5 different code pieces requiring a re-write using a key ES6 feature. We would go over these individual challenges and the solution for each shortly. However, we were provided with boilerplat...

Being in tech — especially if you're in the B2C world — gives you a lot of freedom the rest of the business world doesn't get to enjoy. You're primarily dealing with people who understand basic workflows, you can generally expect their browsers to be updated, and most importantly for us, people in tech tend to be far less resistant to new things than the rest of us. So when it comes to finding the perfect domain name for your next project, there's a lot of freedom. ... perhaps too much freedom. With 400+ TLDs available at iwantmyname, choice paralysis can definitely set in. Here's some help to get you through it. .com is the safe way to go There's nothing wrong with choosing a .com for any project. It's the most trusted, most expected TLD on the planet, and that's not likely to change in...

If you are confused about the differences between forkJoin, zip, combineLatest and withLatestFrom, you are not alone! :) These 4 operators are what we know as combination operators - we use them when we need to join information from multiple observables. Which operator should I use? That is what this article is for! We will talk about the usage and differences between these 4 operators in an easy to understand way, so you know which one to choose when the time comes. Setup Imagine you are printing t-shirts. Ms. Color holds the color information and Mr. Logo holds the logo information. Both of them will pick color and logo spontaneously. You will need to wait and combine these two information continuously in order to print t-shirts. Ms. Color and Mr. Logo represent two observables in our...