***: Archive

Rope Necklaces

A popular trend in jewelry is the rope necklace. This graphic and often colorful piece adds flair to any basic outfit. Want to get the look? Try ShopJeen.com!

Feb 22nd

Computer Based Traning // Final Project

STATEMENT OF PURPOSE I want to create an interactive site that helps users learn and remember how to remove stains from their clothing. I feel that if I create a site that helps people actually learn and commit this information to memory they will be able to take the right steps before the stains set in. TARGET AUDIENCE Young adults, 18-32, who are learning how to do laundry and know how to...

Feb 21st

WEEK 3

WEEKLY CONTRIBUTION: this past week I have further looked into how to integrate the RSS feeds into the site. so far in testing certain RSS feed programs, we aren’t quite achieving the look & format that we wanted. the team and I have also considered some options if the RSS feeds just aren’t sufficient enough, possibly just handpicking & reblogging particular entries or even...

Oct 26th

WEEK 2

Our team, Alpha Dogs, all agreed to create a website in which people could find out about upcoming events happening in San Francisco. Much of the content for this site will be resourced from certain RSS feeds. This week our project manager assigned the technical directors to research how to properly integrate the RSS feeds into our website. I had no prior knowledge about RSS, Really Simple...

Oct 19th

INTERMEDIATE WEB DESIGN

This fall semester, I am currently taking the Intermediate Web Design class. Among the ten students, we were randomly split into two groups. Each group will create a hopefully intricate, extensive & complete web site of their choosing. My group, group name TBD, consists of: SAM ALEGRIA // PROJECT MANAGER TYLER SOUZA // CONTENT MANAGER SUSAN LEI // ART DIRECTOR RICHARD NAVARRO // TECHNICAL...

Oct 12th

CSS ZEN GARDEN. DONE.

and here is the final site: http://rnelissa.aisites.com/mm2203/zen/zen.html im pretty happy with it. :] hope you like it too.

Sep 21st

++NEW CSS PROCESS

so my initial idea did not quite pan out, i couldn’t quite find the right the background image of the unmade bed. so i decided to scrap that idea and work on something else. INSPIRATION what really caught my eye was the web design for the treasure island music festival. it had a very boxy, old school , carnival-esque poster style. I liked how graphic it looked and how the typography...

Sep 21st

CSS ZEN GARDEN PROGRESS

I plan on making my CSS zen garden stand out from the other submissions by using my personal aesthetics. The overall theme will still be the same as I mentioned before about an unmade, just slept in bed. I want to make it look like the videos D.A.N.C.E. by Justice & The Boy Who Murdered Love by Diane Vicars the by mixing photographs with vector graphics. It seems a bit ambitious but I will...

Sep 14th

WIRE FRAME FOR CSS ZEN GARDEN

The final project for the class is to do a redesign for the css zen garden. I’ve been thinking about what theme i would like to do and came up with the idea of doing a layout that involves the idea of sleep. The main graphic would be the background image of a slightly unmade, just slept in bed. The divs would lay on top of the wall, the pillows, the sheets, stuffed animals, and possibly a...

Sep 7th

PORTFOLIO SITE REVISITED

My current portfolio site is very representative of my personal style. It is clean, modern, and slightly quirky. It uses colors and elements that I love such as glassy-blues, pinks, wood grains, and opacity. I like how graphic look of the serif fonts and the black on white. In this site I used a CSS based horizontal accordion that instead of using multi pages, it has all the information within...

Sep 1st

PORTFOLIO SITE

at the risk of underwhelming once again, i attempted to make a “possible”portfolio site. as all my other work, it is a work in progress. http://rnelissa.aisites.com/portfolio.html

Aug 31st

HELLO SUNSHINE

the weather today is lovely. in class we mostly handcoded a web page using HTML5 and CSS3. it was kinda tricky. here is the link to today’s class work: http://rnelissa.aisites.com/mm2203/html5.html

Aug 24th

HOW THE WEB WINS

in this article, writer Evan Hansen discusses the topic of apps vs. the web and judging by the title you can tell which team he is on. here are some of his main points: apps: + popular and do somethings better than the web + offers developers greater design control and access to some hardware features that browsers can’t touch. + users get big performance enhancements and better responsiveness....

Aug 24th

PRINT CSS

here is my first feeble attempt at creating a print css for my homework page. i honestly dont have much content on the page yet here is my homework site here is a link to the regular css here is a link to the print css as far as the “10-second usability test” goes. i pass but only because at the moment there just isnt too too much there yet. i will continue working on it.

Aug 17th

ROUNDED CORNERS

in chapter 5 of the textbook we learned about indestructible boxes, specifically boxes with rounded corners (which help make the overall layout appear less boxy). the book goes over various ways to recreate the look of boxes with rounded corners without having to be restricted by one certain size. the author shows how to create indestructible boxes that are seemingly adjustable, able to expand...

Aug 17th

TEMPLATES

in class we had learned how to make templates out of our web sites which will mainly be used for the inner pages of that site. we learned how to make a section have editable text: insert>template objects> editable text. in my example i used a template from dreamweaver and just adjusted the css. i listed the sections that i made editable text,the content and sidebar one and two. click the...

Aug 10th

CREATIVITY

what sparks my creativity? i think being surrounded by creative energy, with peers whom you can work off of one others ideas. creativity occurs when you want to put your certain touch or spin on an idea, whether it is already existing or completely original. creativity comes from that need & desire to create something that you know is missing. my creativity stems from being inspired and...

Aug 10th

CREATIVE FLOATING

in chapter 4 of bulletproof web design we learned about floats. we learned how floats can help us achieve grid like effects, how to create opposing floats and how to clear floats. in the example we worked on variations of layouts with images and text with the use of definition lists. <dl> outer element <dt> definition term <dd> description here is the link to my example:...

Aug 10th

CONVERTING TABLES TO DIVS / ARTSY REDESIGN

this one was really challenging for me because i wasnt sure where to start but i’m happy to say i finally finished it, for the most part. the layout is table free. i learned quite a bit while redesigning this page. i found out what a named anchor is and how to use it, i made a navigation system with out the use of images. im glad i kept on going with it. there are more things i could have...

Aug 10th

Watch

author, elizabeth gilbert, speaking about creativity.

Aug 4th

IT'S A...

in class we are studying the box model which deals with four main parts of the box: the content, padding, border & margin. content: the width & height of the content & images. padding: space between the content and the border that is the same color as the background. border: the border is in between the padding and margin can be be any color and any thickness. margin: the...

Aug 3rd

Jul 30th

BLOGS

it seems that everyone in class has a blogspot. here are the links to my classmates’ blogs: Susan Lei - http://leisusan.blogspot.com/ Amanda Frink - http://amandadeemeng.blogspot.com/ Jenna Gerberding - http://gerberdingerson.blogspot.com/ Kosta Goumenidis - http://kgwebmedia.blogspot.com/ Federico Clasing - http://fclasing.blogspot.com/ Steve Chen - http://hsinyo.blogspot.com/ Tyler Souza...

Jul 27th

PANTONE

Jul 27th

“The em is a sliding measure. One em is a distance equal to the type size. A one...”

– Robert Bringhurst, The Elements of Typographic Style

Jul 27th

FLEXIBLE TEXT USING EMS

the current font-size default is the medium setting, which is 16px in most browsers. body { font-size: 62.5% } /* gives us a base of 10px */ h1 { font-size: 2em; } /* 20px */ h2 { font-size: 1.8em; } /* 18px */ p { font-size: 1.2em; } /* 12px */ #sidebar { font-size: 1em; } /* 10px */ when nesting occurs, remember the formula: child pixels / parent pixels = child ems ex. 24 / 12 = 2 ...

Jul 27th

TIMELINE FOR MM2203

Week 2: Tuesday, July 20, 2010 Create a tutorial page on the Box Model. Be sure that a newbie would be able to understand the difference between content, padding, margin, and border areas. Post to blog. Due week 4. Color practice: on this same blog, list 3 pantone colors and their RGB equivalent. Should relate to your layout. Due beginning class next week. Read Chapter 1 of Bulletproof Web...

Jul 20th

HOMEWORK SITE

still in progress, but i am thinking of having old school looking maps as a theme, being that my initials spell map. I think it would also be cool if different points on the map would represent different homework assignments. &&possibly a navigation system that looks like a compass. the logistics of it still has to be figured out but i am excited to start it. :] will post possible...

Jul 20th

HELLO WORLD.

today is the first week of the summer session. readjusting to waking up before noon & having four hour classes is tripping me out. i’m excited to go to candy bar tonight. yay for kung fu tacos and some peanut butter time.

Jul 13th