Thursday, December 1, 2011

Redesign to Improve Brand - Google Rockers Muse MyRED

Brands , Companies, Colleges and more moving to redesign their existing website. They wants new younger look which their users love. Now people knew that how new design can  improve their companies or university branding.

Rockers Muse Rockers Muse also planning to redesign his website . He plan to redesign his website through Online Contest. So if you are a designer & have creative mind  then design something that is Christmassy.  What happen after that ? If  Muse like theme then it can become the background for muse.mu.



MyRED website redesigned -  University now understands the importance of efficiency & simplicity. Now the process improved. More less time to pay bills, enroll in classes and access records. Great Christmas gift for Student. The efficiency improve. Website now more cleaner.  

https://myred.nebraska.edu/psp/myred/NBL/ENTP/h/?tab=NBL_NVT_SIGNON   

Google :  How i forget to tell you about Google. Google's team never stop to renovate their existing services. Google who are competing facebook by Google+ , launch a new Google bar which helps to navigate quickly between products. And what more ?. It help you to share the Right stuff with the Right people easily on Google+.

Google explains:
“Above each of Google’s products, the gray bar has three main regions. On the left, the Google logo contains a drop-down menu with links to Google services that displays when you hover over or click on it. The central area contains a search box for the Google service you are currently using. The right side features a share box and notifications to participate on Google+ from any Google page.”

Thursday, December 18, 2008

Tips for Redesigning a Site

Redesigning a site can be a tricky process because you have to deal with the weight of expectation, the resistance of users to change, and the ever present spectre that you might be making a step backwards. In my experience the trick to a succesful redesign is to preserve the overall feel of a site and capture some of the hallmarks of the old design into the new one

By keeping that feel you ensure there is a continuity in the site and users still feel familiar with the new site. Preserving the feel of a site doesn't need to mean the new site needs to look the same however. There are a number of things that keep it related:

1. Most page elements - navigation, logo, pagination etc - are in the same locations. This is important because it prevents the user from getting lost or having to relearn the system.

2. The key page of the site, the Listings Page, is quite similar to the Old Listings Page. Listings are presented top down in rows, the image is on the left, details on the right.

3. The style of the design is not dissimilar. Although the designs look vastly different, both are mostly simple, flat monochromatic designs with a few sharp uses of red.

Wednesday, October 1, 2008

20 Websites To Learn CSS

20 excellent websites to help you "grok" CSS. There’s a wide range of websites included – from blogs to directory-style lists and websites that focus on one particular topic related to CSS.

1. A List Apart CSS Topics

Website design Tips - CSS Tips

A List Apart, the premier site to read articles about web design and best practices, has a collection of articles on the topic of CSS dating back to 1999. Most articles are geared towards intermediate to advanced developers who put a strong emphasize on standards-compliant designs.

2. CSS Help Pile

Website design tips - Graphic Design Tips

CSS Help Pile is an aggregate of CSS resources, tips, and how-to’s. The site is well-organized and a wonderful resource for any level of expertise. There’s a category for beginners, browser bugs, and short reviews of CSS books.

3. CSS Basics

CSS Basics

CSS Basics is formatted like a book with 18 chapters dedicated to educating readers about fundamental CSS concepts. The writing is clear and succinct - making it a great resource for those just starting out. All 18 chapters can be printed or downloaded in PDF format.

4. Holy CSS Zeldman!

Holy CSS

Holy CSS Zeldman (not a site by Jeffrey Zeldman) is a useful collection of resources that link to standards-based CSS tutorials, tools, and layouts.

5. Eric Meyer: CSS

Eric Meyer: CSS - screen shot.

Here’s a collection of works by Eric Meyer (acclaimed web professional and author). Some resources you’ll find on this page are css/edge (Eric Meyers experiments on CSS) and CSS reference.

6. 456 Berea Street – CSS category

456 Berea Street – CSS category - screen shot.

Roger Johansson’s 456 Berea Street has over 300 posts under the CSS category. Some posts talk choosing an image replacement method while others teach you CSS techniques.

7. /* Position Is Everything */

/* Position Is Everything */ - screen shot.

Those just getting their hands around authoring CSS code will quickly realize that a significant chunk of time (and frustration) stems from getting rid of browser bugs. Position Is Everything discusses known browser bugs and shares CSS methods that work across browsers. Here, you can read about the one true layout or learn what happens when you nest absolutely-positioned div’s.

8. HTML Dog CSS Tutorials

HTML Dog CSS Tutorials - screen shot.

HTML Dog is a tutorial website dedicated to teaching XHTML and CSS best practices. There’s three CSS tutorial sections: Beginner, Intermediate, and Advanced.

9. Learn CSS Positioning in Ten Steps

Learn CSS Positioning in Ten Steps - screen shot.

Positioning elements using CSS can be a tricky concept at first. If you’re having a hard time understanding the fundamentals of CSS positioning, check out this 10-step tutorial to get you positioning stuff in no time!

10. Andy Budd CSS/Web Standards Links

Andy Budd CSS/Web Standards Links - screen shot.

Andy Budd (directory of Clearleft, CSS guru, and author of one of my favorite books – CSS Mastery) has a set of CSS/web standards links to help you find reliable, useful information about CSS.

11. W3CSchools CSS Tutorial

W3CSchools CSS Tutorial - screen shot.

W3CSchools has a CSS section that covers the very basics of CSS up to more advanced topics.

12. css Zen Garden

css Zen Garden - screen shot.

css Zen Garden is a showcase of the things you can do CSS. Most importantly, it highlights the concept of separating content from presentation. Using the same HTML file, designers submit external stylesheets to style the HTML file. I suggest using the Web Developer Tool to inspect how the layouts work and what styles affect certain elements of the page.

13. CSS at MaxDesign

CSS at MaxDesign - screen shot.

At MaxDesign, you can find Russ Weakley’s brilliant set of CSS-related tutorials. Some things to expect here are: Listmatic – which shows you a variety of ways you can use CSS to style lists, and Floatutorial – which goes through the fundamentals of floating elements.

14. CSSeasy.com

CSSeasy.com - screen shot.

CSSEasy.com’s slogan is "learn CSS the modern way". The site promotes learning by experience, with the idea that if you inspect the source code and see how things fit together as a whole, you’ll gain a better understanding of CSS. The Web Developer Tool will also come in handy on this website.

15. CSS-Discuss

CSS-Discuss - screen shot.

CSS-Discuss is a community of CSS enthusiasts. The CSS-Discuss Wiki is a comprehensive collection of real-world usage of CSS.

16. Web Design from Scratch: CSS

Web Design from Scratch: CSS - screen shot.

Ben Hunt’s Web Design from Scratch has an excellent section on CSS that covers basic concepts about CSS. I highly recommend beginners start off with Introduction to CSS, a quick but very informative starting point to getting your hands dirty with CSS.

17.CSS-Tricks

CSS-Tricks - screen shot.

CSS-Tricks is a blog dedicated to the topic of CSS. You’ll find helpful posts such as what CSS Sprites are (in a nut shell), techniques for image replacements, and even screencasts on topics like conditional stylesheets.

18.CSS on Delicious

CSS on Delicious - screen shot.

The CSS tag on Delicious is a great way to find popular links that relate to CSS. It allows you to see what people are currently reading.

19. SitePoint CSS Reference

SitePoint CSS Reference - screen shot.

SitePoint has a CSS reference section that discusses introductory level CSS topics. You can get a crash course on general CSS syntax and nomenclature onto slightly more advanced topics such as CSS hacks and filters.

20. CSSDog

CSSDog - screen shot.

CSSDog has a section for both beginners and more advanced developers. Aside from CSS lessons, their CSS Reference section - which lists quick guides and color references - are very helpful.