Gradually Migrating To Typescript

This article covers how to start using TypeScript modules in an existing project alongside JavaScript modules. If you have a large project, it may not be feasible to move to TypeScript all in one go. Gradually migrating provides more flexibility and allows you to, for example, use TypeScript just for new code or “upgrade” modules when there’s changes to existing code.

Vuex Getter With Parameters In TypeScript

When using Vuex with TypeScript, you typically use the @Getter decorator from the binding helpers package vuex-class. This is a more declarative approach over using this.$store.getters.*.

Vuex @Getter example

@Getter('books', { namespace: 'library' })
books!: Book[];

The getter above retrieves all books from the Vuex module library but what if you wanted to retrieve just a single book by it’s ID?

Designing And Developing A Responsive Weather App Webpage

This article covers designing and developing a Weather App webpage using Responsive Web Design (RWD) techniques.

This article will cover creating wireframes for our page so we can visually see how the app will be laid out on different devices and then we’ll create some high-fidelity designs. Next we’ll develop the responsive webpage making use of CSS media queries to alter the layout and design to fit any device screen size from a mobile phone to a large desktop.

Creating A Blog With Eleventy

This article covers creating a blog from scratch using the Node.js powered static site generator Eleventy (aka 11ty). Eleventy is a relatively new project that came out in 2018 and is quickly gaining traction. It’s up to an impressive 3,000 stars on GitHub already. Eleventy keeps things simple and as you’ll see, really enables you to quickly create a fully functional site.

The blog we’ll create will contain a homepage with excerpts from our posts that can be clicked on to read the full post. Once we have our blog up and running, adding new posts will be as simple as adding new Markdown files. Eleventy will take care of generating HTML pages seamlessly for us as well as updating the homepage.

One Scenario Where The Medium.com Import Tool Fails

Some missing metadata on your site could be the cause of not being able to import your story into medium.com.

For the last few hours, I’ve been pulling my hair out trying to understand why the Import Tool on medium.com wasn’t working for an article on my blog.

Correct MIME Type Not Always Being Returned In ASP.NET On Azure

I recently faced an issue where the MIME type for a .mp4 file was being returned from an Azure Web App as application/octet-stream and not the video/mp4 I was seeing locally.

Code

var filename = "test.mp4";
var mimeType = MimeMapping.GetMimeMapping(filename);

Output

Locally:  video/mp4
In Azure: application/octet-stream

Accessible JavaScript Click Handlers

The Internet is a fantastic medium where people can share information, knowledge… and cute cat photos freely and inclusively. HTML is one of the key technologies for the World Wide Web and when used correctly, largely ensures content is accessible to all. Unfortunately, with the rush to create sophisticated JavaScript rich web pages, the fundamentals of good semantic markup are often overlooked to the detriment of web accessibility.

One way to drastically exclude users from your site is to add JavaScript click handlers to non-interactive elements such as <div> and <span> tags.