Search
Animating Between Views in React
21.12.2018
You know how some sites and web apps have that neat native feel when transitioning between two pages or views? Sarah Drasner has shown some good examples and even a Vue library to boot.
These animations are the type of features that can turn a good user experience into a great one. But to achieve...
Collective #478
20.12.2018
#merryCSSmas * JavaScript Getter-Setter Pyramid * XmasTree Game * Ouch! * WakeLock API * Reversing an Easing Curve
Collective #478 was written by Pedro Botelho and published on Codrops
Getting started with Azure Functions using VS Code: Zero to Deploy
20.12.2018
This article was co-authored by Peter Ekene Eze. He’s a freelance developer evangelist and concatenate.io conference volunt
Tokenized Securities (STO) – A Contrarian Overview
20.12.2018
Radical Finance gives a quick overview about security tokens and their challenges on the CoinMarketCap blog.
The post Tokenized Securities (STO) – A Contrarian Overview appeared first on CoinMarketCap
Regarding CSS’s Global Scope
20.12.2018
html {
font-family: Roboto, sans-serif;
}
With the except of some form elements, you've just set a font on every bit of text on a site! Nice! That's probably what you were trying to do, because of the probably hundreds of elements all over your site, setting that font-family every time would...
WooCommerce
20.12.2018
(This is a sponsored post.)
I just read a nicely put together story about WooCommerce over on the CodeinWP blog. WooCommerce started life as WooThemes, sort of a "premium themes" business started by just a couple of fellas who had never even met in person. Two years and a few employees later they...
Interactive Animated Landscape
20.12.2018
An exploration of an animated interactive landscape built with three.js.
Interactive Animated Landscape was written by André Mattos and published on Codrops
Fighting FOIT and FOUT Together
19.12.2018
Lots from Divya with the setup:
There are 2 kinds of problems that can arise when using webfonts; Flash of invisible text (FOIT) and Flash of Unstyled Text (FOUT) ... If we were to compare them, FOUT is of course the lesser of the two evils
If you wanna fight FOIT, the easiest tool is...
Google Fonts and font-display
19.12.2018
The font-display descriptor in @font-face blocks is really great. It goes a long way, all by itself, for improving the perceived performance of web font loading. Loading web fonts is tricky stuff and having a tool like this that works as well as it does is a big deal for the web.
It's such a...
Ease-y Breezy: A Primer on Easing Functions
18.12.2018
During the past few months, I’ve been actively teaching myself how to draw and animate SVG shapes. I’ve been using CSS transitions, as well as tools like D3.js, react-motion and GSAP, to create my animations.
One thing about animations in general and the documentation these and other animation...
5 Ways To Improve Development With Visual Studio Code
18.12.2018
Visual Studio Code is extremely flexible and powerful. By learning the ins and outs, you can greatly improve your speed, efficiency, and process as a developer. In this article, we'll look at the t
How to Worry About npm Package Weight
18.12.2018
It's all too easy to go crazy with the imports and end up with megabytes upon megabytes of JavaScript. It can be a problem as that weight burdens each and every visitor from our site, very possibly delaying or stopping them from doing what they came to do on the site. Bad for them, worse for you....
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...
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...