About Me

ascending symbol

Progressive

Mindful and passionate about incorporating the latest in web developement.

dynamic symbol

Dynamic

My priority is to create a dynamic user experience through responsive and intuitive design andinteraction.

building blocks symbol

Collaborative

I'm excited to trade ideas and create a successful product with others as i grow as a webdeveloper learning of my peers.

brand symbol

Brand Minded

I have sincere care for creating products that expresses a brand's identity and addresses the appeal of its consumers.

eli morales photo
Who Am I?
ELI MORALES

I'm a front-end developer who enjoyes creating interactive experiences. My priority is to be progressive, no matter my competance, and share success and a good time.

Let's work together

inf
HTML
Confident
CSS
Confident
Javascript
Familiar
jQuery
Familiar
SCSS
Learning
Node.js
Learning

Projects

restaurant

A

web

site

build

The Restaurant

An example site demostating a responsive layout. This is my first build.

HTML CSS
See More
money

Penny

Incre-

mental

Proto

Penny Incremental

Playing with prototyping on the infoumas penny incremental probblem.

Javascript
See More
checkboxes

form

valid-

ation

if/else

Form Validation

Simple form validation examples using conditional if/else statments.

Javascript
See More
X box

Detect

missing

inputs

Detecting Missing Inputs

Pure conditional testing on form to detect missing user input values.

Javascript
See More
sound board

The

Date

Object

Date Object

Manipulating the DOM and printing the date and time.

Javascript
See More
grey art

append

with

style

Appending jQuery

Utilizing jQuery's methods to style and append user inputs to a list.

jQuery
See More
See More
colorful art

burger

menu

styling

Happy Burger Menu

An example of jQuery's styling capabilities with minimal CSS and HTML.

jQuery
See More
calculations

proto

calcu

lat

or

Prototyping Calculator

This cacluator uses protyping to capture user inputs and apply math.

jQuery
See More
hooks

CSS

hooks

in

action

CSS Hooks Button

An example of CSS Hooks styling a button for cross browser compatibility.

jQuery
See More
cameras

flicker

api

search

AJAX Flicker API

jQuery's AJAX approach to search and render user inputs from Flicker.

jQuery
See More
check list

validate

and

animate

Form Validation Animation

Animating foward through form with validation.

jQuery
See More
paper stacks

Using

local

storage

Local Storage

Here I use local storage to store and retrieve and alert selections.

Javascript
See More
city

ajax

zip code

api

Zip Code API

Making AJAX requests to provide a distance bewteen two locations.

Javascript AJAX
See More
X