Skip to main content

Posts

Showing posts from June 17, 2018

Animate Calligraphy with SVG

From time to time at Stackoverflow, the question pops up whether there is an equivalent to the stroke-dashoffset technique for animating the SVG stroke that works for the fill attribute. But upon closer inspection, what the questions are really trying to ask is something like this:
Read More

Getting Started With Google Cloud Functions and MongoDB

Serverless architectures are becoming increasingly popular, and with good reason. In my experience, container-based orchestration frameworks have a steep learning curve and are overkill for most consumer-facing companies.
Read More

JavaScript Functional Programming (Solution to Code Challenge #11)

Tried the code challenge #11? In that, we delved into solving basic array problems using array methods such as map(), reduce(), filter() etc. You can find the awesome entries in the comment section of the post as well on Twitter using the hashtag #scotchchallenge.
Read More

Augmented Reality in an Ionic/Angular PWA

Recently, I published a tutorial on using ThreeJS with Ionic to embed virtual reality content into a mobile application using WebVR.
Read More

Vue CLI 3: A Game Changer for Front-End Development

Vue creator Evan You's recent conference keynote didn't mention much about new features for Vue, instead focusing almost entirely on Vue CLI 3.
Read More

Topcoat – Lightning-fast CSS Framework Developers Will Love

When picking a frontend framework you’ll usually look at aesthetics first. And don’t get me wrong, aesthetics are important! But your website’s performance is crucial to usability just as much as the design of your page.
Read More

PHPConsole is a Programming and Live Coding Companion

PHPConsole is a neat Windows desktop application GUI for writing, reading, and executing PHP code by Josiah Ovye Yahaya.
Read More

Building a Fancy Countdown Timer with MomentumSlider.js

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.
Read More

What is SVG good for?

Y'all probably wouldn't be surprised if I told you it's pretty awesome for icons, and icon systems. SVG icon systems can, and perhaps should be quite easy. I'm a fan of just inlining those suckers, particularly when they are pretty simple. But what else?
Read More

bketelsen/wasmplay

This is a proof of concept, compiling Go to web assembly and manipulating the DOM. It's missing nearly everything that would make a framework useful. I welcome any ideas about how to turn this into something useful.
Read More

How to Do JWT Authentication with an Angular 6 SPA

Today we’ll have a look at how easy it is to integrate JSON web token (JWT) authentication into your Angular 6 (or later) single-page application (SPA). Let’s start with a bit of background. The easiest and most concise answer here is that they are convenient, compact, and secure.
Read More

Angular — Supercharge your Router transitions using new animation features (v4.3+)

Few months ago I shared with you an experimental technique to animate Router transitions using Angular v2. Since then there have been few releases introducing new features, Angular v4.2 and v4.3. Today we can achieve the same results more elegantly and using less code.
Read More

Angular Elements With CodeMix

Angular has been one of the best front-end JavaScript frameworks for some time now, and one of the many reasons is their continued effort to bring to new and improved ways to get the job done. One such effort is Angular Elements, which was introduced in Angular v6.
Read More

Using Google’s Flutter For Truly Cross-Platform Mobile Development

Upgrade your inbox and get our editors’ picks twice a month. Flutter makes building cross-platform mobile applications a breeze. This article introduces Flutter, compares it to other mobile development platforms, and shows how to use it to get started building apps.
Read More

Convert HTML to Markdown

One of my biggest mistakes with this blog was not finding a WordPress plugin that would allow me to write my posts with markdown; to this day I still need to write posts in "Visual" mode and then manually convert the post to HTML for "Text" mode.
Read More

JavaScript Regex Cheat Sheet

Successfully working with regular expressions requires you to know what each special character, flag and method does. This is a regular expressions cheat sheet which you can refer to when trying to remember how a method, special character or flag works.
Read More

ionic-team/ionic

Ionic is the open-source mobile app development framework that makes it easy to build top quality native and progressive web apps with web technologies. Ionic is based on Angular and comes with many significant performance, usability, and feature improvements over the past versions.
Read More

Creating Web Components with Stencil

TL;DR: This article will show you how to create Web Components with Stencil, a tool that allows you to use a high-level syntax to define components and that generates them based on vanilla JavaScript.
Read More

Create your first Web Component with Stencil JS

In this post we are going to cover a exciting new technology called Stencil JS. Stencil is a Web Component compiler that allows us to author naitive Web Components with ease.
Read More

Introducing Angular Explorer for VS Code

We are excited to announce our revamped AngularDoc extension for Visual Studio Code. To use the Angular view, click the “Angular” icon in the Activity bar on the far left-hand side. You will see the Application Explorer on the top left and Outline on the bottom left.
Read More

Total Guide To Dynamic Angular Animations That Can Be Customized At Runtime

From route transitions to small details like feedback when clicking on a button or displaying a tooltip, animations give your project that nice sleek look.
Read More

WordPress Gutenberg Block API: Extending Blocks

Welcome back to our series on creating custom blocks with the WordPress Gutenberg Block API. This tutorial is all about extending the random image block we created in the previous post. We got as far as adding a drop-down control to select an image category.
Read More

NgColombia Speaker Guidelines

We want you to be a rockstar in the stage ?, we want everyone calling your name euphorically and following you everywhere (not just in your social media ?). To help you achieve it, we have defined a set of guidelines that will make you shine! Read them carefully:
Read More

Hanyu Xiao on Twitter

Blog - Announcing Angular Explorer for VS Code #Angular #TypeScript #vscode ⁦@code⁩
Read More

Docz