JavaScript - TJ Fogarty (Page 2)

TJ Fogarty

Sign in Subscribe

JavaScript

A collection of 34 posts

Building a 'Now Playing' Feature

Show the world what you're listening to because it's important.

Tip for React PropTypes with Storybook

I’ve recently begun working with React.js, and I’m really enjoying it! There’s so much to learn, but there’s one tip I’ve picked up that’s saving me some time. I was doing some research and I came across this brilliant article called CSS Architecture

Vue.js and Spotify Experiment

Note: This no longers works after Spotify updated their API, I do apologise. This is a small experiment for me to try and put together what I’ve learned when working with Vue.js. I could be doing this all wrong with Vue, but I had fun doing it. Onwards

Expanding menu with GSAP

This is a straightforward enough bit of code that will allow you to create a re-usable expanding menu. There are many, many ways you could go about this. I figured a simple Object would be enough for this example. We’ll start with the mark-up. The most important bits are:

Lightweight Utility Object

I’m working on a little project, and it’s fairly lightweight. I ended up creating a JavaScript object with a few functions to help with the most common tasks, e.g. add class, toggle class, select element… It’s a collection assembled from You Might Not Need jQuery. Example

Building a full-screen overlay

A JavaScript approach to a full-screen overlay

Web Project Boilerplate - Browserify with ES6

Someone told me you like boilerplates, so I went ahead and made one just for you. https://github.com/tjFogarty/boilerplate I know, I know, we promised we wouldn’t do gifts. Is this conversational tone creeping you out yet? Yes? Then let’s move onto the contents: * Gulp * Browserify

Foundation 5.5

Foundation 5.5 has arrived, and It’s lovely to see that great work has continued even with all the efforts going into the recent release of Foundation for Apps. This release also contains a contribution of my own (woo!) which allows you to execute code based on the current

Front-end Strategy with a sprinkling of ExpressionEngine

My aim in the past while has been pointed towards front-end development, and exploring the different ways in which to produce a tidy result. These examples point to ExpressionEngine paths, but you can customise them to any project you’re working on. I’m relatively new to the ExpressionEngine game,