Search
World wide wrist
7.6.2018
After all the hubbub with WWDC over the past couple of days, Ethan Marcotte is excited about the news that the Apple Watch will be able to view web content.
He writes:
If I had to guess, I’d imagine some sort of “reader mode” is coming to the Watch: in other words, when you open a link on your...
Getting Started with Yoga and Prisma for Building GraphQL Servers
7.6.2018
By now, you have probably heard a lot of buzz about GraphQL going around and how it’s going to replace REST but you don’t even know where to begin. You hear a lot of buzzwords about mutations and
Manipulating Pixels Using Canvas
7.6.2018
Modern browsers support playing video via the <video> element. Most browsers also have access to webcams via the MediaDevices.getUserMedia() API. But even with those two things combined, we can’t really access and manipulate those pixels directly.
Fortunately, browsers have a Canvas...
Headless CMS: Fresh Air for Developers
7.6.2018
(This is a sponsored post.)
Your current CMS sucks! You know that for some time already but have not decided yet what your next solution should be.
You've noticed all the buzz around headless CMS but you're still not sure what is in it for you and how it can solve all your woes.
What is...
Build Custom Pagination with React
6.6.2018
Often times, we get involved in building web apps in which we are required to fetch large sets of data records from a remote server, API or some database sitting somewhere. If you are building a pa
Animate Images and Videos with curtains.js
6.6.2018
While browsing the latest award-winning websites, you may notice a lot of fancy image distortion animations or neat 3D effects. Most of them are created with WebGL, an API allowing GPU-accelerated image processing effects and animations. They also tend to use libraries built on top of WebGL such...
Debug JavaScript in Production with Source Maps
5.6.2018
These days, the code you use to write your application isn’t usually the same code that’s deployed in production and interpreted by browsers. Perhaps you’re writing your source code in a language t
Combining the Powers of SEM and BIO for Improving CSS
4.6.2018
CSS is easy, some might argue, but that "easiness" can cause messy code. This is especially true through power of preprocessors like Sass or Less where, if you aren’t careful, your CSS can become harder to deal with instead of easier. Sass? Harder? This Gist shows a great example of Sass nesting...
HSL() / HSLa() is great for programmatic color control
1.6.2018
If you ever need to hand-manipulate a color in native CSS, HSL is pretty much the only way. HSL (the hsl() and hsla() functions in CSS) stands for hue, saturation, lightness, and optionally, alpha. We've talked about it before but we can break it down a little more and do some interesting things...
Forms, Auth and Serverless Functions on Gatsby and Netlify
31.5.2018
Abstracting infrastructure is in our DNA. Roads, schools, water supply networks—you get the idea. Web development is no exception: serverless architectures are a beautiful expression of that phenomenon. Static sites, in particular, are turning into dynamic, rich experiences.
Handling static...
Customize payment solutions with our enhanced platform
31.5.2018
(This is a sponsored post.)
We’ve upped our game by using developers’ feedback to improve the Authorize.Net payment platform. Check out our new, streamlined API, better sample code and SDKs, and use them to provide your merchants with a secure, scalable payment solution. You’ll see that it’s...
The Simplest Way to Add Google Maps to Your Site
31.5.2018
In this quick tutorial we show you how to configure Google Maps with the help of the gMaps library
Transmit Droplets
30.5.2018
Ethan Marcotte documented his workflow for storing GIFs in a web directory. Sometimes just SFTPing files into a folder is as fancy a workflow as you need, and in fact, modern workflows don't have anything on it!
I've also used Transmit's fancy features for this kind of thing. I prefer saving...
Node.js Cron Jobs By Examples
30.5.2018
Ever wanted to do specific things on your application server at certain times without having to physically run them yourself. You want to spend more of your time worrying about productive tasks ins
What does the ‘h’ stand for in Vue’s render method?
30.5.2018
If you’ve been working with Vue for a while, you may have come across this way of rendering your app — this is the default in the latest version of the CLI, in main.js:
new Vue({
render: h => h(App)
}).$mount('#app')
Or, if you’re using a render function, possibly to take advantage...
OpenRates Currency API (Sponsored)
30.5.2018
Creating your own APIs can be a total nightmare: worrying about uptime, load balancing, data accuracy, caching, and all of the other risks would keep me up at night. And if your API relates to money in any way? If you get that wrong you could be costing yourself, your employer, or your client...
Managing State in React With Unstated
29.5.2018
As your application becomes more complex, the management of state can become tedious. A component's state is meant to be self-contained, which makes sharing state across multiple components a headache. Redux is usually the go-to library to manage state in React, however, depending on how complex...
How to Delete Untracked Files in a Mercurial Repository
29.5.2018
Working around Firefox at Mozilla means that you need to get acquainted with mercurial, the version control system that rivals git and svn. Like any tool, hg (mercurial) can be difficult until you’re well versed with it. And if you hg import a URL that doesn’t match up with...
Lazy Load Animal Memes with Intersection Observer
29.5.2018
Last week we on the code challenge #7 we delved into lazy loading images for increased performance of web pages. Yet to take the challenge? You can do so
Developing a design environment
28.5.2018
Jules Forrest discusses some of the work that her team at Credit Karma has been up to when it comes to design systems. Jules writes:
...in most engineering organizations, you spend your whole first day setting up your development environment so you can actually ship code. It’s generally pretty...