Adding Items to List with KnockoutJS

My last blog post presented a KnockoutJS component that toggled text into a form field. This code sample is ripped from a project I’ve been working on lately. To give context, this project is a small web application that allows administrators to edit details of a group of users.

Today I will show another component from that same project that will allow the administrator to assign items to a user using a dropdown.

Check out the Codepen
(more…)

Read More

Playing with KnockoutJS: Custom Bindings and Components

I love KnockoutJS! It may dirty up my HTML, but I can make things fast!

In a recent project, I was working with a listing of people, and clicking on one person displayed the details of that person to the right of the listing so that the user could edit the details of the selected person. Within the form, the client wanted to show thetext fields as clickable text – clicking the text would toggle the text into an input field. Blurring the input field would toggle the element back to text.
(more…)

Read More

Idle Timeout w/ Angular JS

A client was concerned about keeping users on the site, and wanted a way to “shout” a call-to-action be if the user was about to leave the site. The call-to-action could be some text, or a video, or a form, the client wasn’t sure what would work.

I see this kind of thing on blogs all the time, and wondered to do it. Particularly, how do I anticipate the user leaving the site? (more…)

Read More

What Have I Been Up To? Schema.org markup and other Metadata

I feel old when I think of the last time I did any heavy SEO work. 10 years ago, I found success with SEO efforts by just sticking to basics – create clean, structured markup, make use of TITLE attributes, have a healthy and sensible link hierarchy, and don’t be sketchy by creating hidden text or other dubious acts. Today, those fundamentals still apply, but now one can do so much more with optimization efforts. In fact, as I re-acquaint myself with SEO best practices, I am finding more and more articles like this one discussing how time consuming SEO initiatives can be. (more…)

Read More

Documenting the #propifyyourlife App

Summary

The purpose of the #propifyyourlife app is to present resources and images of yoga poses that promote knowledge and awareness of poses, as well as the promotion of the yoga community as a whole. More specifically, I wish to present alternative forms of practicing yoga to express my deep conviction that yoga is for every body, regardless of ability. Additionally, by building and maintaining this application, I am furthering my own knowledge of yoga and website development.

(more…)

Read More

AngularJS Module using Youtube API

After about 6 months of casually dabbing in AngularJS, I have learned enough to start producing useful, production-ready modules. It has been an awkward learning curve to say the least, but I have kept with it, and now would like to document a module I have created for a client. I have replaced the Youtube links used for the client with videos from The Tonight Show.
(more…)

Read More