journal

Design C7: brand new design here

new-site-ano

Hello, There! My site redesign is done and it’s right here! Hello world (again)!

The new design was inspired by the blue lighting screen of my mobile phone under a white paper, and the beautiful bokeh effect, the new designc7.com – it’s called V2, has a brand-new look and much more useable and friendlier than the previous version – it’s called V1, I think.

Less Javascript, less graphics, less pages – simplify site structure, more usability and friendlier, with faster page loading! I redesigned and realigned the site with some cool technology and knowledge what I learnt in these months.

The improvement of this new design:

HTML5 & CSS3

Like A List Apart talked about HTML5:

To give authors more flexibility and interoperability, and enable more interactive and exciting websites and applications, HTML 5 introduces and enhances a wide range of features including form controls, APIs, multimedia, structure, and semantics.

With exciting HTML5 & CSS3, I can do something awesome for my new site, such as embedding video or audio into the html easily and simply with video and audio tags, make rounder corner for an image or an input element with border-radius, have the text and the image a shadow effect with text-shadow and box-shadow features (of CSS3), then you don’t have to make external graphic effects in Adobe PS, etc..

And with @font-face, I can embed special fonts for the web page display, for example, the font of the article title is using font “DIN”, the email address is using “American Typewriter”, those fonts usually don’t exist on our pc or Mac by default.

And even like the sections of footer, the blue transparent background look nice and they’re just done by RGBa, it means you don’t have to make another PNG alpha graphic for that. With RGBa, you can change the alpha(transparent) value easily and quickly.

Work page

Firstly, the Work page won’t be a static page as the v1, the new Work page is powered by WordPress and I can easier update the project I finished with it, that saves lots of time really.

Second, I realign and redesign the Work page, as you can see and experience on the Work page, I used portfolio-filter jQuery to navigate the projects I finished for the visitors, colorfully. It’s more usable and friendly, with no-refresh experience.

work-page-filter

Switch to WordPress

I switched the new site from Textpattern to WordPress this time. Well, both of them are great publishing platforms, I like them. I will write another post to explain why I go to WordPress this time.

I dropped IE6

Yeah, I dropped IE6 this time, really. I am sick of wasting money and time developing for a dead browser. This site won’t fully support IE6 now but don’t worry the content can be readable as well as on the other browsers.

Let’s see what Stopdesign said:

IE6: the new Netscape4

This version of the site is also my first opportunity to give IE6 the proverbial finger. It was liberating to develop this site without checking my work in IE. Time for everyone to say I dropped IE6. Hello :before and :after pseudo-selectors, attribute selectors, adjacent-sibling selectors, and all kinds of other simple selector tricks that should have worked years ago in every browser…

OK, that’s all.

I’d love to know what you think, so please leave a comment!