Category: Uncategorized

The original aim of the CNN Ecosphere Project was to encourage online discussion of climate change and promote the news corporation’s coverage of the UN COP17 conference held in Durban, South Africa in November 2011. It was relaunched the following year to cover Rio+, the UN conference on sustainable development held in Rio de Janeiro, Brazil in June 2012. The site’s innovative and effective design won numerous awards, including the Grand Prix for Design at the 2012 Eurobest Awards.

http://www.nytimes.com/projects/2012/snow-fall/#/?part=tunnel-creek

The New York Times article Snow Fall: The Avalanche at Tunnel Creek is by far the most innovative online magazine article I have ever seen.  It’s seamless graphics present themselves as you scroll through the story without any clicking or loading.  The site uses a blend of HTML5, CSS3 (interestingly the hundreds of lines of the style sheet are embedded in the main html document) and Java script to create a user experience that is unlike any other  have seen.

http://foodgawker.com/

My cool website is one of the “gawker” series, foodgawker.  What I really enjoyed about this site is its easy to use, very visual grid-like layout.  Each tile contains a link to the poster’s individual blog that automatically opens in a new tab (convenient).  It also utilized HTML5, and incorporates Google Analytics to see how many people are using the site, hoe they are using it, and how to make it better.

http://www.adidasdesignstudios.com/

This website was cool to me because it was very informational. not only was it just to advertise their product but it also was to help people out with possible future jobs at Adidas. As you scrolled through the site it showed how they created the shoes step by step, they had videos of people explaining their experiences of working at the Adidas factory, and also showed all the fabrics they use to make their shoes. All together i enjoyed being on the site because it could be useful to people and also the navigation style was cool to me.

I chose facebook as my cool website. It uses HTML 5 and I saw a lot of  akamaihd.net in the code early on. Although facebook is not literally the coolest website that I could find, it is hands down the most complex form of site that I know of. Facebook is the most popular social “utility” that the internet has to offer. Thousands or millions of people are members whom each own and personalize their page. I don’t understand how it works!
Facebook is always changing its layout and slowly becoming more and more aesthetically pleasing. For example, we recently were given the option of having a cover photo over your profile picture and then again two or so days ago, everyone’s profile layout changed: the pictures and friends are on the left and your name is in bold, white font with a black outline. Personally, I find some of the only difficulties of facebook to be when the layout changes so much that you have to relearn how to navigate around your page.

http://reedgmc.jux.com

The cool website I picked was jux.com (specifically https://reedgmc.jux.com/).

Jux serves as a website that you can use to showcase your stuff, whatever it may be (photos, art, quotes, stories, videos, etc.). I think the intended user is anyone who wants to share their stuff with the world. I think it can serve as a portfolio or even a more modern facebook photo album. It is also great for ipads or any touch screen because you can scroll through posts very smoothly. One of the best things about this site- it DOES NOT cost any money!

What also is great about this site is that it is VERY user friendly and SO easy to use. Prior to the web design course I knew very little about creating my own web page but last semester it became a project I worked on for the Olwen Solar Garage/REED Block Course. I was hesitant to use it but I figured it out within an hour of sitting down and working in it.  Other great features of Jux are that it gives you quite a bit of room for the user to change it to however they want it to look (colors, fonts, arrangement, text, size, etc.) allowing the user to generate the visual hierarchy of the page through manipulation of these items. The visual contrast then is up to the user as well. On the main page of the site you create, the Jux site organizes your posts into a collage of squares keeping the proximity of the items close and continuous. I have found this to be quite the common trend of many websites these days, very much so blog-like and allows the user to scroll through smaller images to find the one they want to pick and look at more in depth. Once a specific post is chosen, I like that it really focuses on the post you made whether it is a photo or video, the whole screen becomes what you make it, no ads or other huge task bars or menus. There is a menu bar, but it is small and only appears when scrolling over the top portion of the site, allowing the focus to remain on the content.

Other specifics: the doctype is HTML, it uses javascript technology, it uses CSS technology. I think this is the main style sheet is (but I am not 100% positive?)- <link href=”https://d3kstbadygo5b1.cloudfront.net/assets/desktop-b961d8d4b28e2babdbee70c0a3bc0ef0.css” media=”screen” rel=”stylesheet” type=”text/css” /> ?

Enjoy checking out the REED JUX!

 

 

blacknegative

The website is created to represent inspirational web design. Its base is in Paris, France. All slides contain messages from the designers. Interaction and visual are designed based exclusively on HTML5 and CSS as a replacement for the old, out of date flash. Each slide is actually a new page however, all the html share the same CSS style sheet. Interestingly, to change between pages, users slide the page left-right instead of clicking. When users first access to the main page, the whole website loaded- even if you are offline, the slide still show up- except video which are flash and link. Menu is hidden down at the end of the web page. Even though I think web design is moving forward to more interactive ways to go around the website, navigation is still important to web design. The CSS style sheet is complex looking, pretty dense.

I think the design is intended to be compatible to touch device. It is really interesting to have visual interaction under your fingertips.

Overall, I think it’s safe to say Blacknegative targets people that are interesting in web designing.

my “cool website” ishttp://www.kendricklamar.com/default.aspx#!/featured. this webite interest me because it is pretty easy to navigate color coordinated and for who he is,(rapper) it gives all of his information. it shows w=his upcoming tour dates, music, videos, his tweets and his clothing line store. its a post modernest website pretty up to date with its Doctype HTML 1.0. a lot of div boxes.javascript css is in use as well. And just a nice interesting site to me.

http://www.incredibox.com/en/#/application

Incredibox is an website that allows you to create your own hip-hop a capella group of French hipsters. This is a site primarily for entertaining and for procrastinating doing work (at least that’s what I use it for). Some functions this site has include being able to make your own beat, record, download, and share your audio, and listen to some of the other beats people have made. There are also three “levels” or goals to achieve with your group of French hipsters, I have only achieved the first two and am still trying to figure out the third.

This website uses HTML 5 because in the page source it is simply tagged as <!DOCTYPE html>. It also uses Javascript and Flash player. I believe it was created or is hosted by So Far So Good, however, their website is in a different language but they are attributed to in the content as well as in the footer of the webpage. The stylesheet for this website is “../css/site.css” and “../css/bouton.css” which includes the code for the CSS.

This website targets the music composer, the music listener, and the board college student taking a break from studying for statistics. There isn’t much about the website that is complex as far as using it and it is solely an site for entertainment. I enjoy the simplicity in characters and how they are designed. I also enjoy the “levels” you can reach and the little bonus videos achieving each level has to offer. And I think a small detail that could be overlooked is that when you go to place a beat on a character his eyes follow your cursor; just a small detail that makes this website a fun and entertaining website to use.

 

 

 

Abduzeedo is a website all about design. It has tutorials, case studies, and inspiration for graphic designers, web designers and illustrators. Users can also submit their works to the website to be selected and posted on the website as Daily Inspiration. The site uses minimalist style in its design with white background and little text. The logo of the site is also very simple, not some fancy typography. It is placed at the top of the site but it doesn’t look dominant. While all other details look minimal, the graphic is the main focus of the site and is displayed very beautifully. The navigation of Abduzeedo is very interesting. The tabs are all put on top of the site. When users scroll, they anchor on top, which makes it easier for user to find what they want even when they are scrolling down to the bottom of the site.

The site uses HTML 5.