writing

Success in western culture is often marked by follower count, headcount, and GitHub stars. What if success is found in the ordinary?

A review of 2023 - a Year of Building

Learn how to effectively manage Angular Transfer State with server and static rendering using Universal.

Learn to generate open graph images for posts with Gatsby.

Learn to access route parameters with NgRx router store.

Learn how to generate Jest and Puppeteer tests for Angular applications with QA Wolf.

Angular 9 provides improved debugging in the console using window.ng.

Lazy loading components with Angular 9+ just got a lot easier!

Learn to successfully update to Angular version 9.

Efficiently apply class names conditionally in React.

Top 5 tips for creating impactful presentation to ensure your audience walks away inspired and not exhausted.

Build an Angular Attribute Directive for efficiently truncating text and appending an ellipsis within an element's fixed height.

Learn how to build an Angular schematic that adds a library.

Learn how to create Angular schematics.

Learn to build manage state in a Vue.js application using Vuex from the perspective of an Angular dev using NgRx.

Learn to build an app using Vue.js from an Angular Dev's viewpoint.

Learn to obtain the full response of an HTTP request with Angular using HttpClient.

Learn how to unit test NgRx effects using Jest.

Learn how to unit test NgRx reducers using Jest.

Learn how to unit test Angular components using NgRx with Jest.

Learn how to write unit tests for Angular using Jest.

Application loading indicator using NgRX and Angular.

Learn to master RxJS operators with Angular 5 and NgRx.

Show and hide Material Snackbar using NgRx and RxJS with Angular.

Learn the basics of functional reactive programming in Angular with RxJS.

Where did my $window go? No problem, use this provider to inject the window into your Angular component.

Refactor an existing application's module to implement the Redux pattern using NgRx.

Get started with NgRx in your Angular applications.

Learn the basics of implementing the Redux pattern in Angular applications.

Using Angular's HttpClient "blob" response type to display an image.

Learn what not to do with RxJS in your Angular applications.

Here's a quick guide to updating your code to use NgRx 4.

Migrating to the new Angular HttpClientModule from the deprecated HttpModule.

Delete confirmation dialog using Angular and reactive programming with ngrx.

Part 2 - Let's build an Angular app using Material.

Part 3 - Let's build an Angular app using reactive programming with RxJS and ngrx.

Part 1 - REST API using Express Server written in TypeScript with Mongoose plus Mocha and Chai tests.

Building a MEAN unplugged. We'll use TypeScript, Angular Material and reactive programming.

Let's build a MEAN app using TypeScript for the client and server using Angular Material and Reactive programming.

Learn how to easily create responsive applications using Angular and Flex Layout.

The Angular Language Service extends the intelligence of your editor to Angular templates.

Learn how to add authentication to your Angular app using reactive (ngrx) extensions.

A quick walkthrough on configuring CORS in your Express app using TypeScript and the cors middleware.

Make your Material MdDialog stateless by passing data as part of the MdDialogConfig object.

(Almost) Every application needs to send an email at some point.

If you want to use TypeScript in your AngularJS (Angular v1) application today but you are not yet ready to move to Angular v2 or v4 (yeah, it's coming) then keep reading.

Don't forget to unsubscribe from subscriptions in Angular components using the OnDestroy lifecycle hook.

I've put together some sample solutions to the Hackerrank _String: Making Anagrams_ challenge using JavaScript on Node.js.

I've put together some sample solutions to the common array left rotation challenge.

MongoDB is an excellent choice for persisting data for your web application that uses the Express engine on Node.js.

TypeScript 2 enables you to develop solid web applications using Express on Node.js

A breadcrumb has been and still is a standard in user interface navigation on the web.

If you need to run the NG Development server over HTTP using SSL then this quick guide is for you.

In this brief tutorial I'll show you to to quickly build an Angular 2 + Google Maps Places Autocomplete application.

In this post I will show you how to create nested FormGroups to create a custom validator.

Ready to be forked: Angular + TypeScript Plunker Starter Kit.

Angular 2 is awesome, but it also a major departure from Angular 1.

So, you're on the `TypeScript` bandwagon and you want to use `Mongodb` and `mongoose`.

Microsoft is making things much easier for TypeScript developer who are using external libraries (who isn't?).

The `link rel="preload"` resource hint combined with defining your critical path CSS may provide a better solution to deferring the loading of your CSS files.

I have been playing with Angular 2 beta 4 and also updated typings from 0.x to 1.x.

In this post I will show you how to generate the critical path CSS to avoid render-blocking JavaScript and CSS.

The Express web application framework for Node.js is arguable one of the most popular solutions for creating web apps built on the async Node.js engine.

The CSS3 content property is extremely valuable for inserting content into the ::before and ::after pseudo elements.

Auf wiedersehen LESS, Hallo SASS!

In this post I will show how to create appropriately sized cover photos when using Bootstrap 3.

I have been learning and using RequireJS for the past couple of weeks, and I have to say, I love it.

If you are using a web font, including popular font icon fonts like Font Awesome then you may notice an error when loading your web font from an IIS server.

Create a migration script that uses a transaction to roll back the changes in case one of the sql statements fail.

Amazon's Relational Database Service (RDS) enables developers to launch database instances in the cloud that are managed by Amazon.

In this post I am going to take a quick dive into the Nginx web server.

When approaching a website design for 2015 what are your design goals?

Here is a quick snippet that I used today and that I might end up needing in the future.

After the news of Railo being forked to a new project called lucee I wanted to check it out.

In order to generate a unique identifier for caching an object I needed to create a function to accept any data type, and to return a unique hash from that object.

A bash shell script to find-and-replace in all files in multiple svn repositories.

If you have just downloaded Adobe ColdFusion 10 on your OS X Yosemite development environment you might be surprised to find out that the installation will cause your Apache 2.4.x server to stop working.

Well, the title may not be entirely accurate. Honestly, I didn't know what to title this post -- let me explain what I observed and how I was able to get around the issue.

Check out this video on setting up and using the AlertifyJS library.

In migrating our application's caching service to use ColdFusion's Ehcache integration I needed to a way to get all of the caching regions stored in Ehcache.

Check out this short video on creating a PHP script to check if a remote server or website is available.

I recently upgraded to OS X Yosemite and ran into a small issue when attempting to create an image resource from a string.

As part of my series on migrating a site to support HTTPS we are finally at the step where we will implement the redirect that will ensure our users are always using the HTTPS site.

I am continuing a series of articles focused on migrating a website to support HTTPS Everywhere.

As part of a series on setting up HTTPS Everywhere I am migrating a website to use HTTPS for all requests.

As part of a series on using HTTPS Everywhere we are migrating a website from HTTP to HTTPS.

Check out a video I created on building a calendar using jQuery and CSS3.

In this post we'll be using HTTP with Apache on OS X Yosemite.

As part of my HTTPS Everywhere series I am showing how to configure your web server for HTTPS.

You might have heard this past summer that Google has made a slight (less than 1% of sites will be affected) modification to their algorithm to give more value to those sites that use HTTPS than those sites that do not.

As part of a series on migrating a website to support HTTPS everywhere I needed to create a self-signed certificate on Mac OS X.

A quick and dirty cheat sheet for Git submodules.

I know that there are lots of posts and articles written for installing the imagick PHP extension, so why not one more.

If you have ever noticed a double exclamation mark (!!) in someone's JavaScript code you may be curious what it's for and what it does.

I have used Bootstrap for projects in the past but I have always downloaded the precompiled bootstrap files. While this has worked easily in the past, there are some downsides.

Enabling your users to authenticate to your website using a popular social media service such as Facebook or Twitter can increase your sign-up conversion rates.

As part of a project to integrate with a REST API I have developed a small project for OAuth 1.0 using ColdFusion.

I have spent one day (so far) learning expressjs -- a node.js framework for a web application server.

For SEO purposes, it is often necessary to enforce lowercase URIs on your website.

With the popularity of retina and high definition displays on the rise it is now more important than ever for web developers to use high definition images.

This post is mainly focused at those using a WordPress plugin that is old (and probably should not be used anymore) and is causing issues when attempting to load your WordPress blog over SSL via HTTPS.

During the installation of ColdFusion 10 you have the option to enable the automatic startup of the ColdFusion application server during the boot process on your machine.

Compiling and installing the `pdo_odbc` PHP extension is not for the light of heart.

Based on reading other blogs and websites, exporting a virtual machine from VMware Fusion to Virtual Box can be accomplished into two ways.

Here's a quick and simple install guide for Tomcat7 on Ubuntu.

Upgrading from Apache 2.x to the latest version of Apache 2.4 may require some changes to your configuration.

It's really easy to add a dependency to your PHP project using composer when the package is available in the packagist library.

This is the first part in my series on Web Development Automation.

This is the second part in my series on Web Development Automation.

This is the third post in a series on automation in web development.

In my web development automation series we will learn the basics of automating your JavaScript and CSS development.

Does your web site implement the Open Graph protocol?

Using TypeKit? Using CoffeeScript? Want to load the typekit library asynchronously using jQuery?

In a recent project at work we needed a simpler approach to using the FTP solution built into Adobe ColdFusion.

Web Development with Apache + PHP on OS X Mavericks

Simple implementation using cfscript and object-oriented ColdFusion to create a logger service layer.

Composer is a dependency management tool for PHP; perhaps comparable to using Maven for a Java project.

A common question asked by students who are learning JavaScript is what is the purpose of the hasOwnProperty() method?

This post is more for me as a reference guide for adding a new user to Ubuntu.

If you have ever run into an issue with the Java Heap space when doing a Maven build, you can easily give more memory to Java.

Using the Git-flow model with Git makes it easy to work on features, releases and hotfixes.

When developing a framework, or when developing as part of a team, it is a good idea to have an agreed set of coding guidelines.

We've all seen an interstitial ad when playing a free game on our iPad or iPhone.

It's really easy to hide the status bar on your iPhone and iPad apps.

In this tutorial we are going to walk through the steps necessary to create a popover view in your iPad application.

When using images in your iOS applications, you will need to have different sizes images.

I recently ran into an interesting issue that I thought I would write about.

I have a factory object for creating new core data entities based on a predicate.

How many times do you declare the same string for a segue identifier in your view controller's code? Perhaps just one, or twice, or more?

When developing an application I want to be able to set a variable based on the target.

Objective-C is a great programming language, and has had support for declaring class properties via the `@property` keyword.

In iOS 5 Apple deprecated the `[UIDevice uniqueIdentier]`, which returned the UDID (Unique Device Identifier).

I have prepared a tutorial and presentation to give an overview and detailed look at the LESS programming language.

With the release of Apple's updates to the LLVM compiler, it is now possible to use object literal notation in Objective-C.

The `UIToolbar` class provides a simple and easy way to create a toolbar for your users.

RestKit is a great REST framework for Objective-C whose goal is to simplify consuming and modeling of RESTful APIs.

Core Data is a beautifully designed object mapping and persistence framework -- big kudos to the Apple engineers.

NSUserDefaults is the Objective-C class that allows you to store and retrieve user preferences for your application.

It's been on my list for awhile, and I was finally able to learn more about the LESS language.

The Coda 2 application includes source control management (SCM) within the editor.

I have a subquery that I want to aggregate into a semi-colon separated list.