web-design 32

Browsers support SVG favicons as data: URLs. For example, this SVG: <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"> <circle cx="16" cy="16" r="15" fill="#2563eb"/> <path fill="#fff" d="m16 7 2 7 7 2-7 2-2 7-2-7-7-2 7-2Z"/> </svg> … can be: Compressed via svgomg Converted to a data: URL via svgviewer Inserted into HTML like this: <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2215%22%20fill%3D%22%232563eb%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m16%207%202%207%207%202-7%202-2%207-2-7-7-2%207-2Z%22%2F%3E%3C%2Fsvg%3E"/> The fun part is that you can use text inside the SVG, styled as you wish: ...

In reality, a colour is a combination of light waves with frequencies between 400-700THz, just like sound is a combination of sound waves with frequencies from 20-20000Hz. Just like mixing various pure notes produces a new sound, mixing various pure colours (like from a rainbow) produces new colours (like white, which isn’t on the rainbow.) Our eyes aren’t like our ears, though. They have 3 sensors that are triggered differently by different frequencies. The sensors roughly peak around red, green and blue. Roughly. ...

This is the simplest way that I’ve found to make the background colour of an image transparent. Download GIMP Open your image. I’ll pick this one: Optional: Select Image – Mode – RGB if it’s not RGB. Select Colors – Colors to Alpha… Click on the white button next to “From” and select the eye-dropper. Pick the green colour on the image, and click OK The anti-aliasing is preserved as well. ...

When I analysed my HTTP log last week, I had another motive: are there enough people accessing my site on a mobile device? Or is it too small at this stage for me to care about? Well, have a look at the numbers. Windows98.4% Mobile0.6% Linux0.5% OS X0.5% Yes, there are more people accessing my site through a mobile device than there are using Linux or OS X. That's shocking! ...

I have a new home page design. (If you’re reading the RSS feed, check the home page.) One reason is that the old home page’s design sucked. Almost everyone told me that it was drab in black and white. Personally, I think the new home page sucks in terms of colours as well. There’s too many. I suck at picking colours. The only good thing about these colours is that I left it to the judgement of experts. These are the colours in Powerpoint 2007’s “Concourse” theme color, and I’ve just lifted them. ...

Creating user friendly 404 pages.

I was reading John Battelle’s The Search , and realised: We don’t sit down on the computer and say, “Let’s do a search”. True. We want to get something done. We know it’s out there somewhere. We search. So every search on a search engine is a commercial opportunity. Contrawise, every site must let people to do what they want to do on the site. Think… What do people want to do when they’re on YOUR site?

I’ve changed the site layout and some code behind it. Weird bugs are likely – so do let me know of any that you find. Comments ritzkini 4 Feb 2006 12:07 pm: No…no..no..first up: look not great..too much light blue..i dunno..my 2 cents..:-) jake 5 Feb 2006 7:36 am: yup. looks more like ..candy. the thick blue bars.

HTML keyboard shortcuts using the “accesskey” attribute.

Why we love rounded corners.

Screenshots of my website. From Browsershots.

I met Leonard Payne, The Priest, Andrea Casalotti and Scott Caplan at the London Marketing Soiree. Quite a diverse bunch of people. Leonard quoted Seth Godin on something neither he nor I will never forget. They say, if a website is well designed, people will find what they want. That’s not true. Think of the visitors as monkeys, wearing a ‘Big Red Fez’, going itchy on the keyboard. What’s the one thing on the monkey’s mind? ...

The Google-like blogger template had me for a while, when I was browsing Shamit’s page. Comments Kaviraj 21 Feb 2005 12:00 pm: Hi Anand TOPFRAME 21 Feb 2005 12:00 pm: that was pretty good.. Dhar 8 Mar 2005 8:06 am: In the free anti virus category, I would put Clam-Av, in firewalls for Linux - iptables, IDS I am surprised they didnt put in SNORT, website ripper - wget.

Jakob Nielsen’s top 10 web design mistakes of 2002. Fortunately, I was committing only one of them – fixed font sizes. Now rectified.

Froogle. A product search from Google. The way Google is going, I don’t think there’s any point in most sites bothering about design. Google will just offer it to customers the way they want to see it. via Kiruba

I’ve overhauled my site, replacing tables and frames with CSS. If you have problems with your browser, please let me know.

I’m learning Flash.

It’s true. The Web is boring. I am increasingly bored. Can’t somebody come up with new paradigms?

How good can a 256 byte webpage be? See the 256b.htm competition. I was particularly impressed by Bonz-Mandelbrot, Poi-Metaballs and Mados-Divo. 256b.com has more 256-byte stuff.

yugop.com: great flash design. kottke.org: good blog. shift.com: interesting magazine. After seeing these, I should revamp my site completely. It’s boring.

The author of CSS is boring is now making one CSS sheet a day.

Well, “kashmira”, is black any better?

A refreshing personal website by Dipti Kamath. Comments JAY 17 Jan 2007 1:42 pm: Dear Dipti, am Jay, do u remmember, we met in 2001.where r u? I have been searching for you all over.. UR WEBSITE IS NOW NOW MORE.. cud u plz provide me ur email id, I Wanna know how are things going with u, cud we meet some day? plz mail me at [email protected] I wanan tell u somany things… JAY 17 Jan 2007 1:45 pm: dear Anand, sorry yaar wrongly posted comments to Dipti, cud u help me find Dipti Kamath?? Pl mail me at [email protected] m.balasubramanian 29 Dec 2008 8:00 am: HI DIPTI, we were never destined to meet,I guess otherwise i am still waiting fr u dips.dear.bye

The Webby Awards are out.

Nuke the Hamptons: a very interesting site.

Carl Steadman’s book, NetMogul, is evolving online. It’s about dot-com startups. What I liked best was the way the book has been formatted online.

There’s a portal for “404 Not Found” error messages.

The home page competition results are out. Congrats to Section C, and to Section A, who were close behind.

A new look for News.com. It’s supposed to make ads more clickable. Personally, I don’t think so.

Good: CRISIL | HDFC | ICRA | IDBI | RBI | SEBI | SHCIL | SICOM | UTI Bad: CARE | ECGC | HUDCO | IFCI | SIDBI

These days, I see many sites put DHTML to good use. Online solutions and PassThisOn, for example.

Web design guidelines are available at the Web Developer’s Virtual Library.