Search
Collective #434
19.7.2018
Building the Google Photos Web UI * Color Wheel Generator * Jasper * Totoro Toggle * Grabient * 3D City with Matter.js * Halftone Effect
Collective #434 was written by Pedro Botelho and published on Codrops
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...
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:
Building Text-to-Speech Apps for the Web
9.7.2018
Having interacted with several apps over the years, there is a very high chance that you have interacted with apps that provide some form of voice experience. It could be an app with text-to-speech
A Custom WordPress Dashboard with MongoDB Atlas, Microsoft Azure, & Serverless Functions!
6.7.2018
TL;DR I’m building a custom WordPress dashboard for an enterprise client which is powered by React.js on top of Node.js with MongoDB Atlas as the database.
This dashboard us
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
How to create a logo that responds to its own aspect ratio
28.6.2018
One of the cool things about <svg> is that it's literally its own document, so @media queries in CSS inside the SVG are based on its viewport rather than the HTML document that likely contains it.
This unique feature has let people play around for years. Tim Kadlec experimented with...
Free E-book: Modernize for Mobile Apps
28.6.2018
(This is a sponsored post.)
No sign up required to read the free e-book.
Building modern apps (mobile, PWAs or Single Page Apps) that connect to legacy or enterprise systems is a pain. We put together an e-book that discusses the various options for how to make it all work. Here are some of...
Handling Errors with Error Boundary
26.6.2018
Thinking and building in React involves approaching application design in chunks, or components. Each part of your application that performs an action can and should be treated as a component. In fact, React is component-based and, as Tomas Eglinkas recently wrote, we should leverage that concept...
Building a Fancy Countdown Timer with MomentumSlider.js
20.6.2018
Nowadays there are many Javascript libraries to make it easy the task of adding sliders to a website. Most have a host of features, to adapt the slider to the particular needs of each case. However
Building a RSS Viewer With Vue: Part 2
19.6.2018
Welcome to Part 2 of this mini-series on building a RSS viewer with Vue. In the last post, I walked through how I built my demo using Vue.js and Vuetify on the front end and Webtask on the back end. When I built that initial version, I knew it was exactly thatmdash;an "initial" version. I took some...
Building a RSS Viewer With Vue: Part 1
18.6.2018
As I explore, learn, and most importantly, play with Vue.js, I've been building different types of apps as a way to get practice with and improve my use of it. A few weeks ago, I was reading about the shut down of Digg's RSS Reader and while great alternatives exist, I thought it would be fun...
Your Brain on Front-End Development
13.6.2018
Part of the job of being a front-end developer is applying different techniques and technologies to pull of the desired UI and UX. Perhaps you work with a design team and implement their designs. I know when I look at a design (heck, even if I know I'm not going to be building it), my front-end...
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
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
Learning Gutenberg: Building Our Custom Card Block
25.5.2018
We’ve got some base knowledge, we’ve played with some React and now we’ve got our project tools set up. Let’s dive into building our custom block.
Article Series:
Series Introduction
What is Gutenberg, Anyway?
A Primer with create-guten-block
Modern...
How Error Monitoring Helps You Find Bugs BEFORE Users Do
18.5.2018
One of the biggest distractions to any software team building web and mobile applications is the act of fixing up problems in previously written code.
I'm willing to bet that your personal p
designsystems.com
15.5.2018
The team at Figma has created a new resource for “learning, creating and evangelizing design systems” called Design Systems that already has a good collection of interviews and articles by some folks thinking about these things.
I particularly liked Jeroen Ransijn’s post on how to convince your...
It All Started With Emoji: Color Typography on the Web
15.5.2018
“Typography on the web is in single color: characters are either black or red, never black and red …Then emoji hit the scene, became part of Unicode, and therefore could be expressed by characters — or “glyphs” in font terminology. The smiley, levitating businessman and the infamous pile...
Page Transitions for Everyone
14.5.2018
As Sarah mentioned in her previous post about page transition using Vue.js, there is plenty of motivation for designers and developers to be building page transitions. Let's consider mobile applications. While mobile applications are evolving, more and more attention is given to the animation...