1. What is Browser-Safe Color Palette/ Web-Safe Colors?
Basically web-safe colors are a palette of colors made for web-implementation. These are the safe colors that are reliable and will show correctly on websites. In Photoshop, there is a save option called ’save for web’. This is used to optimize your colors to make sure you have a web-safe pallete.
| *000* | 300 | 600 | 900 | C00 | *F00* |
| *003* | 303 | 603 | 903 | C03 | *F03* |
| 006 | 306 | 606 | 906 | C06 | F06 |
| 009 | 309 | 609 | 909 | C09 | F09 |
| 00C | 30C | 60C | 90C | C0C | F0C |
| *00F* | 30F | 60F | 90F | C0F | *F0F* |
| 030 | 330 | 630 | 930 | C30 | F30 |
| 033 | 333 | 633 | 933 | C33 | F33 |
| 036 | 336 | 636 | 936 | C36 | F36 |
| 039 | 339 | 639 | 939 | C39 | F39 |
| 03C | 33C | 63C | 93C | C3C | F3C |
| 03F | 33F | 63F | 93F | C3F | F3F |
| 060 | 360 | 660 | 960 | C60 | F60 |
| 063 | 363 | 663 | 963 | C63 | F63 |
| 066 | 366 | 666 | 966 | C66 | F66 |
| 069 | 369 | 669 | 969 | C69 | F69 |
| 06C | 36C | 66C | 96C | C6C | F6C |
| 06F | 36F | 66F | 96F | C6F | F6F |
| 090 | 390 | 690 | 990 | C90 | F90 |
| 093 | 393 | 693 | 993 | C93 | F93 |
| 096 | 396 | 696 | 996 | C96 | F96 |
| 099 | 399 | 699 | 999 | C99 | F99 |
| 09C | 39C | 69C | 99C | C9C | F9C |
| 09F | 39F | 69F | 99F | C9F | F9F |
| 0C0 | 3C0 | 6C0 | 9C0 | CC0 | FC0 |
| 0C3 | 3C3 | 6C3 | 9C3 | CC3 | FC3 |
| 0C6 | 3C6 | 6C6 | 9C6 | CC6 | FC6 |
| 0C9 | 3C9 | 6C9 | 9C9 | CC9 | FC9 |
| 0CC | 3CC | 6CC | 9CC | CCC | FCC |
| 0CF | 3CF | 6CF | 9CF | CCF | FCF |
| *0F0* | 3F0 | *6F0* | 9F0 | CF0 | *FF0* |
| 0F3 | *3F3* | *6F3* | 9F3 | CF3 | *FF3* |
| *0F6* | *3F6* | 6F6 | 9F6 | *CF6* | *FF6* |
| 0F9 | 3F9 | 6F9 | 9F9 | CF9 | FF9 |
| *0FC* | *3FC* | 6FC | 9FC | CFC | FFC |
| *0FF* | *3FF* | *6FF* | 9FF | CFF | *FFF* |
This is a table of the old 216 web-safe color palette. The 22 underlined colors are the really safe colors that are most reliable and always show up without any inconsistencies one web pages.
The table is taken from Wikipedia.
2. Is it still relevant in today’s context? Why?
Nope. Old browsers like legacy browsers have since gone obsolete. Thus, there is no more obligation to stick with this small palette. Browsers today have a much bigger range of colors supported. As of 2005, all modern browsers support the x11 table of colors. It is the new standard of web colors.
3. What are the common font face found on PC & Mac?
Helvetica, Arial, Sans-Serif, Georgia, Impact, Tahoma, Verdana etc.
4. What is page loading time and how does it influence your design?
It’s one of the most important factors in web design.
Depending on how fast your page loads, the user will have a different impression of the website. With a slow connection, the pictures on a website may not load as fast. If the first things you see are broken pictures when you open up a site, it’s unlikely the user would want to frequent the site.
Thus, it is important to optimize our image files to the smallest file size possible. This can be done by saving in the most space-efficient format, or making sure not to use too many colors.
5. Read this & write about what you think:
The different processes shown reflect similar methods in their creators’ own perspectives. Some steps are missing when in comparison, such as analysis or post-launch as Jeremiah mentioned. However, they are all roughly along the same line. Each one differs as the creator of each process works with what is most comfortable for him/her.
That doesn’t mean that the processes are all on par with each other. I prefer the last three methods stated in his blog. When i read them, i can really tell they know what they’re talking about. Very clear-cut instructions on what to do and when to do what. Not just static words in bullet point.
As compared to the other processes, these last three seems more recent. It’s more creative and much more demanding. It is also very unconventional, talking about how it is important to grab users’ attention. Especially the third one from the bottom, ‘Breakdown of the ideal web design process‘ doesn’t just state what generally needs to be done, but tells you all the crucial factors. Instead of telling you in a bullet, to ‘Design, Develop, Implement’, it tells you how to make it personalised; how will it attract users; know what you need to do. All the most important things you need to know.
