Skip to main content

Posts

Showing posts from May 20, 2018

Getting Started with CSS Counters

As web developers, proper representation of information is an important feature. One way to properly display information is by denoting hierarchy, answering the question of "what comes first?". One sure way to denote hierarchy is by numbering objects.
Read More

State Management in Angular

There’s a new state management option for Angular, called NGXS. Having just completed a large Angular project, with complex state management requirements, I was interested to find out more about it. A demo app has been provided to show how NGRX and NGXS compare.
Read More

Algorithms and Data Structures in JavaScript

Hello readers! I’ve recently launched a JavaScript Algorithms and Data Structures repository on GitHub with a collection of classic algorithms and data-structures implemented in ES6 JavaScript with explanations and links to further readings and YouTube videos.
Read More

Using Angular Augury to Debug Your Code

Augury is an open-source tool allowing developers to profile and debug Angular 2 and 4 applications. Modern web browsers provide developer consoles to inspect various elements on the page, which is really handy when trying to debug markup, styles, and scripts.
Read More

JAMstack PWA — Let’s Build a Polling App. with Gatsby.js, Firebase, and Styled-components Pt. 1

In this two-part tutorial, We will show you how to get up and running with a progressive web application (PWA) that makes use of a powerful web architecture pattern called the JAMstack.
Read More

mgechev/javascript-algorithms

This repository contains JavaScript implementations of different famous Computer Science algorithms. API reference with usage examples available here.
Read More

Wired Elements

A set of common UI elements with a hand-drawn, sketchy look. These can be used for wireframes, mockups, or just the fun hand-drawn look. Wired Elements are implemented as web components. Web components are awesome!
Read More

Building a Real-World Web App With Vue.js and Firebase

Developers are adopting Vue.js at a rapid pace. Boasting over 92,000 stars on GitHub, the modern, modular JavaScript library is quickly becoming a compelling option for web app development. This adoption is in part because Vue.js is so easy to integrate into an existing project. It's fast.
Read More

egoist/saber.js

Saber.js is a minimalistic framework for building static website using Vue.js. After that, the file-system is the main API. Every .vue file becomes a route that gets automatically processed and rendered.
Read More

Vue with AWS Lambda

We also help produce the Official Vue.js News. It's a free community resource where we curate the most impactful Vue.js news and tutorials. Offered up in both text and audio versions. Consider subscribing today.
Read More

My Method for Upgrading from Ionic 3 to Ionic 4

For a major version upgrade, the transition from Ionic 3 to Ionic 4 is going to be relatively minor. Most of your code will be able to remain as is, with some minor syntax changes due to the upgrade to Angular 6 and the web component approach in Ionic 4.
Read More

Grid Layout with Motion Hover Effect and Content Preview

Segmented Type * Toybox * Strimpack * Lordicon * Daily CSS Design * Vuido * What if JavaScript wins? * Night O... Responsive tables, revisited * Screely * Working Type * backdrop-filter * Dumb React * A Strategy Guide To CSS...
Read More

WordPress Gutenberg Block API: Creating Custom Blocks

The new WordPress editor (codenamed Gutenberg) is due for release in version 5.0. Now is the perfect time to get to grips with it before it lands in WordPress core.
Read More

hello tensorflow

Machine Learning (ML) is the dope new thing that everyone's talking about, because it's really good at learning from data so that it can predict similar things in the future.
Read More

Creating UIs with Angular Material Design Components

In this tutorial, I’ll introduce you to Material Design in Angular, then we’ll look at how to create a simple Angular application with a UI built from various Angular Material components. The widespread adoption of component-based frameworks such as Angular, React and Vue.
Read More

Introduction To Koa - The Future of Express

Express is one of the most popular Node.js frameworks out there. With about about 4+ million weekly downloads, Express has clearly made its mark in the world of Node.js and JavaScript. Koa is a newly popular web framework created by the team behind Express.
Read More

?????? ℂ?????? on Twitter

Took this Sunday afternoon to prototype a new idea. I'm happy to announce an upcoming online tool for both my fellow @angular designers and developers to help generate Angular components from a @sketchapp project file. #Designers + #developers = #DevSigner
Read More

CSS: :before and :after

The CSS :before and :after properties are what are also known as pseudo elements. They are used to add something before or after the content of an element. There are a lot of great uses for these pseudo elements, and we are here to explore some of them. This is a quite simple principle.
Read More

marblejs/marble

Functional reactive HTTP middleware framework built on top of Node.js platform, TypeScript and RxJS library.
Read More

angular/angular-cli

If you are updating from a beta or RC version, check out our 1.0 Update Guide. If you wish to collaborate, check out our issue list.
Read More

30 Seconds of CSS

:root { --ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53); --ease-in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19); --ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22); --ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06); --ease-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.
Read More