Search
Create your own Serverless API
16.7.2018
If you don’t already know of it, Todd Motto has this great list of public APIs. It’s awesome if you’re trying out a new framework or new layout pattern and want to hit the ground running without fussing with the content.
But what if you want or need to make your own API? Serverless can help create...
Why 'This' in JavaScript
14.7.2018
While JavaScript is a fun and powerful language, it can be tricky and requires a proper understanding of its underlying principles to mitigate common errors.
In this post, we shall be introd
Scrolling Gradient
13.7.2018
If you want a gradient that changes as you scroll down a very long page, you can create a gradient with a bunch of color stops, apply it to the body and it will do just that.
But, what if you don't want a perfectly vertical gradient? Like you want just the top left corner to change color? Mike...
Anatomy of a malicious script: how a website can take over your browser
13.7.2018
By now, we all know that the major tech behemoths like Facebook or Google know everything about our lives, including how often we go to the bathroom (hence all the prostate medication ads that keep popping up, even on reputable news sites). After all, we’ve given them permission to do so,...
Building a Complex UI Animation in React, Simply
12.7.2018
Let’s use React, styled-components, and react-flip-toolkit to make our own version of the animated navigation menu on the Stripe homepage. It's an impressive menu with some slick animation effects and the combination of these three tools can make it relatively easy to recreate.
This is...
Unused
11.7.2018
I recently wrote Here’s the thing about "unused CSS" tools, where I tried to enumerate all the challenges any tool would have in finding truly "unused" CSS. The overarching idea is that CSS selectors match elements in the DOM, and those elements in the DOM come from all sorts of places: your static...
Emojis as Icons
11.7.2018
There are lots of unicode symbols that make pretty good icons already, like arrows (←), marks (✘), and objects (✂︎).You can already colorize these like a normal font glyph. Then, there are emojis, those full-color suckers we all know about. What if you could take just the shape of an emoji...
Build and Understand a Simple Node.js Website with User Authentication
10.7.2018
Building websites with user authentication and management (login, registration, password reset, etc.), can be a huge pain. As a developer there are a million little things you need to worry about:
itty.bitty
9.7.2018
Mark this down as one of the strangest things I’ve seen in a good long while. Nicholas Jitkoff has made a tool called itty.bitty that creates websites with all of the assets being contained within their own link. You can create a website without any HTML or CSS resources at all because it’s...
Hide Information in Images
9.7.2018
If you’ve followed this blog, you know that I’m obsessed with figuring out every way to interact with, abuse, and convert different types of media. Whether it’s images, video, or audio, if something can be changed or exploited, I want to figure out how to do it. I remember...
Script & Style Show: Episode 14: CSS filters and mix-blend-mode with Tim Thomas
6.7.2018
In this week’s episode: David uses City Slickers to illustrate his sorrow over turning 35 years old while Todd tries to talk him down. Tim Thomas stops by to demo some really awesome animated effects you can do with CSS’ mix-blend-mode and filter. The demos are outstanding and really...
Vue Authentication And Route Handling Using Vue-router
6.7.2018
Vue is a progressive Javascript framework that makes building frontend applications easy. Coupled with vue-router, we can buil
Understanding The Underlying Processes of JavaScript’s Closures And Scope Chain
5.7.2018
When developers start exploring the JavaScript programming language, the concept of Scope and Closures can be expected to be a hurdle to their progress. The reason behind this behavior is the compl
Prototyping in the Browser
5.7.2018
Prototyping animations and interactions is vital for a number of reasons: they can make your interface feel deceptively fast, they can help focus the user on a specific task, and they can provide a better sense of the current state of your application. Is data being loaded? Is something...
Reinvest Your Time with HelloSign API
5.7.2018
HelloSign API makes it simple to embed secure and legally binding eSignatures directly into any website. It's 2x faster to implement than other eSign solutions and is also the only eSign API that allows customers to completely white label the integration, meaning our customers can give their...
CSS Grid in IE: CSS Grid and the New Autoprefixer
4.7.2018
In Part 1 of this series, I debunked a few misconceptions that many people have around the Internet Explorer (IE) implementation of CSS grid. This article builds on that knowledge. It would be best to go back and read that article first if you haven’t already.
Today I’m going to be tackling...
Writing Good Support Requests
2.7.2018
My take on trying to be helpful to a support staff.
One bit is just as relevant for learning development:
Writing out a ticket will help you figure out the problem.
Sometimes when you have to take a second to collect your thoughts and explain something, the problem will become clear and maybe even...
Getting Started with JavaScript Object
2.7.2018
An object is a type of data in JavaScript. It's the only value you can pass around as variables besides primitives. For this reason, objects are really important in JavaScript.
What are obj
Build a web traffic monitor with Python
2.7.2018
In today’s tech world, it is important to know where the traffic on your website comes from because it helps content creators and website owners understand their visitors better. Website owners can
Fitting Text to a Container
29.6.2018
There are a number of ways to go about putting some text in a container and having it size itself to fill that container. There are different technologies we can use and different considerations to think about. Let us count the ways.
Magic Number it with viewport units
If you set type with...