How to Create a 2D Array in JavaScript

JavaScript does not have a special syntax for creating multidimensional arrays. To create a 2D array in JavaScript, we have to create an array and then make each element of the array an array as well. That means we create an array of arrays. Example: The problem with this approach is that each element of… Read more

Published on March 26th, 2014 by Stephani

UCLA Football Team Website

I designed and developed the website for the UCLA Football Team using technologies such as PHP & MySQL, Javascript & jQuery, HTML5 & CSS3. This site makes heavy use of AJAX, has a personalized music player and youtube viewer embedded. Role: Graphic Design + Development You can view the site live here

Published on March 16th, 2014 by Stephani

CSS3 Media Queries: Affect on Font Sizes

On my previous post I briefly talked about the different unit sizes contained in CSS. I stated that there were two types of unit sizes, these being fixed and relative. I also mentioned that relative sizes  are really powerful when creating scalable layouts. But, what do I mean by that? On this post I will explain… Read more

Published on March 16th, 2014 by Stephani

Difference Between em, px, pt and % in Font Sizes

CSS has four different unit sizes you can use for your margins, borders, fonts, etc. These are pixels (px), points (pt), ems (em) and percentages (%). On this post we will see how they affect font sizes. We can separate these units in two different groups, fixed and relative. Pixels (px) and points (pt) are fixed,… Read more

Published on March 16th, 2014 by Stephani

An Awesome Book

An Awesome Book By Dallas Clayton, was a help to Google to develop a new, much improved online experience for An Awesome Book. The application was built using a customized HTML5 Canvas graphics engine and is almost entirely Javascript. An Awesome Book is a children’s book by written and illustrated by Dallas Clayton. Initially rejected… Read more

Published on March 14th, 2014 by Stephani

What is Node.js?

Node.js has been causing a lot of buzz around the web. What is node.js? Why is everyone talking about it? Briefly, Node is: A sever-side solution for JavaScript Highly parallel but single threaded Runs JavaScript, but it is NOT JavaScript Server-side solution for JavaScript Node is a server-side solution that can be programmed in Javascript…. Read more

Published on March 14th, 2014 by Stephani

Google Brand Impressions

Every brand has a story—and we can help you see it. This tool tracks pictures, words and actions to show you what brands are doing now and what they’ve done over time. A pure JavaScript application utilizing some of Google’s public APIs such as Google Maps, YouTube and Google+ to visualize data about brands. Role: Developer Technologies: Google… Read more

Published on March 14th, 2014 by Stephani

Ben & Jerry’s Ice Cream

The Ben & Jerry’s Sourcing Stories site presents a series of beautifully animated and interactive stories narrating the origins of the ingredients used in Ben & Jerry’s delectable ice cream. The animations were crafted in Flash but are converted into JavaScript with Google’s Swiffy. The design of the site however required capabilities beyond that offered… Read more

Published on March 14th, 2014 by Stephani

Making a div become a circle

To make a div become a circle use the following CSS code-snippet. On the HTML document: On the CSS document: Before applying the CSS above After applying the CSS above. Play with the code here

Published on December 9th, 2013 by Stephani

What Is The Difference Between Event Bubbling and Event Capture?

Let’s start with an example: If you click on the inner-div, it will cause a click event on both divs (inner-div and outer-div), but which event fires first? Event Capture: The event handler of outer-div fires first, then event handler of inner-div fires last. Event Bubbling: The event handler of the inner-div fires first, the… Read more

Published on September 26th, 2013 by Stephani

Creating a Queue in Javascript

To create a queue in javascript simply use an array. Arrays in javascript already contain both queue and dequeue methods necessary to manipulate a queue. They are just not called queue and dequeue. To enqueue into a queue, simply use the method push. To dequeue from a queue, simply use the method shift. The method… Read more

Published on September 25th, 2013 by Stephani

Creating a Stack in Javascript

To create a stack in Javascript simply use an array. Arrays in javascript already contain both push and pop methods necessary to manipulate a stack. The method pop() removes the last element in the array. This creates a LIFO (Last in, first out) effect. If you want to create a stack object with more methods,… Read more

Published on September 25th, 2013 by Stephani

My Top 5 Truly Inspiring Sites for Web Designers and Developers

Every time I am given a web design/development project, I always look around the web first to see what other (amazing) designers have been up to. Some websites  you cannot miss for amazing inspiration are compiled in a little list below. If you lack some design inspiration, you won’t regret looking at these sites. Your… Read more

Published on August 31st, 2013 by Stephani

MIPS Interactive Processor

This was a project that aimed to display MIPS instructions graphically. It displays single cycle instructions going through the pipeline. Role: Design and Development Technologies: Flash, Swiffy, Javascript View it live here

Published on August 31st, 2013 by Stephani
load more...