Build a Secure Node.js Application with JavaScript Async Await Using Hapi
18.12.2018
At the core of the JavaScript language is its asynchronous programming model. Unfortunately, dealing with callback functions has long been a source of frustration for many developers. JavaScript Pr
Inspirational Websites from 2018
18.12.2018
An inspirational collection of our favourite website designs from 2018.
Inspirational Websites from 2018 was written by Mary Lou and published on Codrops
CSS Ellipsis Beginning of String
18.12.2018
I was incredibly happy when CSS text-overflow: ellipsis (married with fixed width and overflow: hidden was introduced to the CSS spec and browsers; the feature allowed us to stop trying to marry JavaScript width calculation with string width calculation and truncation. CSS ellipsis was also very...
Nobody is quite wrong.
17.12.2018
There are two opposing views on using non-polyfillable new web features that I find are both equally common in our industry:
Websites don't need to look the same in every browser. The concept of progressive enhancement helps with that. There are tools, even native language features, that help with...
A CSS Venn Diagram
17.12.2018
This is pretty wild: Adrian Roselli has made a series of rather complex Venn diagrams using nothing but CSS. With a combination of the Firefox dev inspector, plus a mixture of CSS Grid and the shape-outside property, it’s possible to do this and without a ton of hacks, too.
I also think it’s super...
Collective #477
17.12.2018
Rallax.js * Pampy.js * Using aria-live * Semi-Conductor * Remove.bg * I Threw Away my Mouse * Public and private class fields
Collective #477 was written by Pedro Botelho and published on Codrops
How to Setup, Build and Deploy Native Apps with Vue
17.12.2018
Vue-Native is a framework written by GeekyAnts, it is a framework built to deliver cross platform mobile native applications. It is inspired by the React-native
Reversing an Easing Curve
17.12.2018
Let’s take a look at a carousel I worked on where items slide in and out of view with CSS animations. To get each item to slide in and out of view nicely I used a cubic-bezier for the animation-timing-function property, instead of using a standard easing keyword.
See the Pen Carousel with reversed...
How to Use Google’s SMTP Server to Send Emails for Free
15.12.2018
Google’s SMTP server is a free service that you can use to send emails from your custom domain, website, or web application. SMTP stands for Simple Mail Transfer Protocol....
The post How to Use Google’s SMTP Server to Send Emails for Free appeared first on Onextrapixel
Annotated Build Processes
14.12.2018
When you're putting together a build process for a site, it's so dang useful to look at other people's processes. I ran across Andrew Welch's "An Annotated webpack 4 Config for Frontend Web Development" the other day and was glad he blogged it. If I was kicking off a new site where I wanted...
Making SVG icon libraries for React apps
14.12.2018
Nicolas Gallagher:
At Twitter I used the approach described here to publish the company’s SVG icon library in several different formats: optimized SVGs, plain JavaScript modules, React DOM components, and React Native components.
There is no One True Way© to make an SVG icon system. The only...
Two Ways to Build a Site That Seem Super Different But Weirdly Aren’t That Different
14.12.2018
Here are two ways to build a site (abstractly) that feel diametrically opposed to me:
Build a site as an SPA (Single Page App). The page loads a skeleton HTML page that executes JavaScript as quickly as it can. The JavaScript calls an API to get data, and then the page renders content. Navigation...