UCONN DMD ADVANCED WEB DESIGN

A concept of the Sistine Chapel as a side-scrolling portfolio website.

REVISED: ORIGINAL: Using feedback from the class, I made adjustments to how color was presented and attempted to reflect the various client colors (on the right, smallest colors), plus how prominent each main color was in the design. What I failed to explain during my presentation was that in each client's page, there was a different overarching main color. This main color is the client's color, and that is why I try not to have an extra accent. A portfolio is unpredictable, you don't have much control over the colors clients use. You can see this in action by clicking a tile on my portfolio here: http://emilyserven.net My twitter is located here: https://twitter.com/emilyeserven

Rotopo : A simple puzzle game in which you need to 'walk' on all the tiles of a figure. I've played games like this, but never with this 3d and timed environment. Alice : A web app that attempts to recognize the emotions of the face you are drawing. Includes a user gallery of faces and what they said the emotion is. The interpretable emotions are limited now, but it certainly could grow in the future. It seems original development was done in Korean. Fluid Particles : An experiment attempting to simulate fluid dynamics with balls of various sizes and colors. You can set where the 'water' starts and then begin the simulation.

Ethan Marcotte's "Responsive Web Design" was written six years ago, and it's amazing how much things change and stay the same in that time period. The hardware itself has gotten more varied due to the Internet of Things and our ability to access the internet from a wider array of devices. Aside from the usual phones, tablets, and laptops, we also have TVs, game systems, and smartwatches among a list of still-growing platforms. Responsiveness used to only mean changing the website according to the screen width. But after getting more involved in the developer community recently, I've realized that responsiveness is more about "responding to what the user is doing". The part in the article speaking about how architecture has changed to be more responsive itself shows that this isn't just a web-related trend, but also a natural trend as digital is able to serve us more personalized and sensor-gathered information. I feel like all new attempts with techn...

// javascript code // script_name: disjointed-edm.js // // author: Emily Serven // description: A somewhat disjointed tune. //  date: 9/6/2016 // init(); setTempo(120); var dubIntro = RD_EDM_CHORDPART_1; var dubWub = RD_EDM_ANALOGLEAD_4; var dubComplement = DUBSTEP_BASS_WOBBLE_007; var dubOutro = RD_EDM_RAVECHORD_1; var mainBeat = RD_EDM_MAINBEAT_18; var soundEff = 1.05; fitMedia(mainBeat, 4, 7, 10); setEffect(4, VOLUME, GAIN, -60, 7, 0, 9); for (var measure = 1; measure < 4; measure = measure + 1) {   fitMedia(dubIntro, 1, measure + .15, measure + 1.05);   fitMedia(dubWub, 2, measure + .75 , measure + 1.3);   setEffect(1, VOLUME, GAIN, 0, measure + .85, -60, measure + soundEff);   setEffect(1, VOLUME, GAIN, 0, measure + soundEff); } fitMedia(dubOutro, 3, 6, 10); setEffect(3, TREMOLO, TREMOLO_FREQ, 5, 8); setEffect(3, VOLUME, GAIN, -60, 6, 0, 8); setEffect(3, VOLUME, GAIN, 0, 9, -60, 10); setEffect(4, VOLUME, GAIN, 0, 9...

Hello, I'm Emily Serven. I have decided on web development as my career, and I'm looking forward to furthering my current skill set in this class. For my personal focus in this class, I want to work on a web application that involves JS, an API, a database, and some kind of backend framework or language (PHP? node.js? Ruby? I have no idea right now). My latest short-term passion project was a game of " Rock, Paper, Scissors " using JavaScript, and my latest long-term passion project is a website to hold documentation (" RefDocs ").  My portfolio is located here  ( the source code is here ) and includes my personal blog, which has even more of my thoughts on development and design.