The new Paypal website has now gone public. It makes extensive use of CSS and features the new Paypal Logo.
Here are screenshots of the old site side by side with the new one:
Also check out the new Paypal buttons.
Taken from DrunkenFist.com: Basically inline-block does what it sounds like it does. It’s an inline element (it’s displayed within a containing block and flows in the same line) that behaves like a block (which in practical terms means it can have explicit height, width, padding and margins, etc.)
Display: inline-block is the bee’s knees. CSS 2.1
I have no idea where it gets its icons or how this site came to be but Iconfinder seems to be a very decent resource for quickly finding free icons.
My only annoyance is that it doesn’t show the license type right away and I have to click a button which brings up an AJAX-ed overlay which is sometimes delayed. It would be so much better if the license type were displayed beside the icon in the search results page. An alternative would be having an advanced search page where users can specify the license type, icon size, etc.
The site should also benefit from having an “icon submission” page where people can contribute though I can understand if the reason this hasn’t been built in yet is because submissions will need to be moderated, and that takes time especially with the amount of spam online forms receive nowadays. I know this for a fact, because 99% of site submissions and comments we receive here at CSS Vault are from spambots.
Alternatively you can check out this blog post on 31 sources of quality, free icons.
Yes! Gone is the simple blue box with the letters “Ps”, replaced by a speech bubble and a “P”. Add in a tagline and you got yourself the re-brand of the century!
Uhm, oookay, I’m sure there has got to be some very good explanation behind the logo. Or maybe we all just need to stare at it until that “Eureka!” moment when we finally “get it”.
More details and interesting comments on John Nack’s blog and on the official Photoshop website.
In other news, Paypal has jumped into the rebranding bandwagon and launched a new site sporting their new logo. Expect full coverage soon.
This problem has been around for ages, but it is an easy one to overlook. Internet Explorer does not expand the ' entity (part of XHTML 1.0 specifications) since it is an XML entity. So be very careful especially when using an HTML editor and use ' instead.
Here’s an example:
One of the greatest challenges CSS developers and designers face is styling form elements. Getting the button element style properly seems particularly elusive, and with good reason: different browsers render buttons — styled or unstyled –differently. Kevin Hale covers this topic in an article entitled “Rediscovering the Button Element”. It’s an old post, but may come in handy for those of you who are just taking the path to forms styling zen.
Devlounge has compiled a good list of 30 high quality fonts, both free and premium. It’s a very good list, though it is composed mostly of seriff fonts.
This site was submitted to to the gallery. At first glance I thought somebody submitted our own site. Anyway, see for yourself why.
Okay I got one for all you CSS gurus out there: should margins for content tags (e.g. H2, H3, P, UL) be placed at the bottom or at the top of the block?
Personally I use margin-top: 1em for these tags. I think it makes sens to place margins at the top simply because the margin does not “exist” unless that block is present. Though a bottom margin also does not get rendered unless there is a block beneath it.
What are your thoughts?
If you need CSS based menus definitely check out the ones being offered by CSS Play. Not only are they gorgeous and very professional looking, they are also available free of charge!
You are currently browsing the CSS Vault Blog weblog archives for October, 2007.
