Web Design in China

March 16th, 2010

Article on Smashing Magazine

China is a country with five thousand years of civilization. It is a multi-national entity extending over a large area of East Asia. China’s cultural influence extends across the continent, with customs and writing systems adopted by neighboring countries including Japan, Korea and Vietnam. China has gone through numerous ups and downs and twists and turns, from wealthy and prosperous (as during the Tang Dynasty back in 618–907 AD) to powerless and colonized (as during the Qing Dynasty, just around 100 years ago). Now China is reopening its door to the world again, embracing the latest trends, concepts and technologies, the World Wide Web being one of them.
doopaa
six station

Choose the right CMS for your website

March 10th, 2010

Article on ReEncoded

“Choosing a CMS (content management system) is an important first step to building your own website. The CMS provides a simpler way to manage website content without much prior knowledge of HTML, CSS, or other web programming languages. As using the web continues to grow quickly, new CMSs arrive to handle websites in different ways. Below are a few tips on picking the right CMS for your website.”

Choose the CMS that fits your websites purpose
WYSIWYG
Simple Backend Layout
Scalability
Design Template Control
Support

View chart on how some CMS handle features

iPhone App

December 17th, 2009

iPhone is getting more popular, one of the reason is the multi-touch makes thing easier for user to navigate different options on the phone, also there’s over one hundred and fifteen applications also make it more user friendly. The stats on App Shopper show there’s a total of 130,928 apps are being approved and 115,994 apps are available in the market. Because of this, to compete with thousands of iPhone apps, having a good app icon is not enough. A nicely designed website for the app is very important. A beautiful website helps to drive traffic in and also makes your app stand out from the crowd. Here’s a related blog post on Web Designer Wall.

tile sudoku
paraply

Typography showcase on Tripwire

December 14th, 2009

Typography showcases on Tripwire Magazine
who am i after all

CSS Awards

November 15th, 2009

css awards

Using negative margins

July 29th, 2009

Article by John Imbong on Smashing Magazine

negative margins
Great article talks about how to set negative margin to an element in CSS. John shows some interesting techniques and quite a few resources on this post. More internet users use more updated browser like IE 8 or Firefox 3.5, this technique becomes more popular because it has the ability to position elements without changing the markup like adding tags onto the HTML file.

Choose the right CMS

July 2nd, 2009

Article on Web Designer Depot

Content Management Systems have become one the internet’s most powerful web developer tools since PHP. In a market where websites need to be built faster and easier, many developers are turning to Open Source CMS to get the job done. Unfortunately there are now thousands of CMS’s floating around the web and finding the right one has become somewhat of an ordeal.

Top 5 Content Management Systems
Drupal
Drupal is easily the most functional open source CMS. It allows for the editing of content directly on the page, and is easily extended through the use of modules.
Drupal
Wordpress
Wordpress began as a simple blogging system but has grown into one of the most powerful CMS’s on the Internet. The administration interface which has become so easy to use for millions of bloggers translates over to extended versions of Wordpress. As developers have realized its potential to act as a user friendly CMS, many plugins and extensions have been produced.
Wordpress
Radiant CMS
A simple CMS powered by Ruby on Rails, offer minimum functionality for small development teams, which allows those who know how to write Ruby on Rails to easily customize their own systems.
Radiant
Magento
An especially effective e-commerce content management system. Offers features above and beyond normal e-commerce systems such as virtue-cart.
Magento
Silverstripe
A simplistic CMS, with a growing community. Easy to customize and change. Shows potential to match other systems such as Drupal, but not quite there yet. Great user interface.
Silverstripe

What is CMS and why to use?
A Content Management System (CMS) is a Web application that uses a database (usually MySQL) or other methods to create, edit, and store HTML content in a manageable way. Content is created and edited on the web in an administration portion of the web application (referred to as the Backend). The resulting content is then displayed to the viewers on the regular site (referred to as the Frontend).
Several possible reasons for using a Content Management System, but the main reason for using a CMS is to make creating and editing of content simple and easy. A good CMS will allow you to spend more time focused on the design of the frontend then on implementing extensions or functionality.

What to Look for in CMS
Important things to look for in a content management system:
01. Quick and easy installation
02. Simple administration interface
03. Quick and easy extension of CMS for extra functionality
04. Simple template manipulation
05. Helpful user community

Read full article

Typography Inspiration

June 17th, 2009

Article on by Steven Snell @ DesignM.ag

“Typography is one of the favorite parts of design for many of us, and finding new and helpful sources of typographical inspiration can often help to improve the use of type in our own work.”
Read full article

I Love Typography
Focuses on all things related to type and fonts…
I love Typography

Typographer
Provides typography news and reviews of fonts…
Typographer.org

10 Web Design Rules That You Can Break

June 16th, 2009

Article on Smashing Magazine

“As web design and design in general have evolved, rules have been established to ensure consistent and usable designs. Some of these rules were created simply because website creators abused certain principles without regard for their users. But these rules are not enforced by anyone and should be broken when necessary, especially when breaking them would lead to a stunning design.”
=============================================================
01. Do Not Display the Horizontal Scroll Bar
02. Use a Minimal Number of Font Faces
03. Do Not Use Too Many Colors
04. Make Your Site’s Goal Obvious
05. Navigation Should Be Easy To Figure Out
06. Use Different Colors for the Text and Background
07. Don’t Put Animation in the Way of Your Content
08. Stick to Web-Safe Fonts
09. Don’t Have a Splash/Landing Page
10. Don’t use Tables
=============================================================
Read full article

HTML Best Practices for Beginners

May 14th, 2009

Article by Jeffery Way on Net Tuts+

HTML (Hypertext Mark-up Language) describe the structure of text-based information in a document by denoting certain text as links, headings, paragraphs, lists, etc. and to supplement that text with interactive forms, embedded images, and other objects. HTML is written in the form of “tags” that are surrounded by angle brackets.

=============================================================
01. Always Close Your Tags
02. Declare the Correct DocType
03. Never Use Inline Styles
04. Place all External CSS Files Within the Head Tag
05. Consider Placing Javascript Files at the Bottom
06. Never Use Inline Javascript
07. Validate Continuously
08. Download Firebug
09. Use Firebug
10. Keep Your Tag Names Lowercase
11. Use H1 – H6 Tags
12. Save the H1 for the Article Title of a Blog
13. Download ySlow – an extension for Firebug
14. Wrap Navigation with an Unordered List
15. Learn How to Target IE
16. Choose a Great Code Editor
17. Once the Website is Complete…Compress
18. Cut…Cut…Cut
19. All Images Require “Alt” Attributes
20. Stay up Late
21. View Source
22. Style all Elements
23. Use Twitter
24. Learn Photoshop
25. Learn Each HTML Tag
26. Participate in the Community
27. Use a CSS Reset
28. Line up your elements
29. Slice your Mockup
30. Don’t Use a Framework…Yet
=============================================================
Read full article

Republic of Code

January 25th, 2009

Republic of Code is a website like others that post tutorials on Adobe software Photoshop, Illustrator, Fireworks and Flash, also 3D and web tools like CSS. The advantage of the site is it explains the ActionScript syntax pretty clear and have examples as the tutorials go along, it’s absolutely easier for beginner to understand the code especially people who doesn’t have any programming background.

republic of code