Ess - Sibran Lens

The best of March 2008 by Smashing Magazine

Posted by Sibran - 31/03/08 at 04:03:50 pm

Every month Smashing Magazine take a look around and select some of the most interesting web-development-related web-sites. You’ll find useful references, tutorials, services, tools, techniques and articles Smashing Magazine have found over the last 30 days.

Make sure you check:
- Vintage Logotypes
- jQuery Tutorials for Designers
- CSS Message Box collection
- Most used CSS tricks
- Feed Analysis v1.1
- Acid3 Test Released

http://www.smashingmagazine.com/2008/03/27/best-of-march-2008/

CSS compatibility and IE

Posted by Sibran - 31/03/08 at 04:03:43 pm

“With each new release of Windows Internet Explorer, support for the Cascading Style Sheets (CSS) standard has steadily improved. Internet Explorer 6 was the first fully CSS Level 1-compliant version of Internet Explorer. Windows Internet Explorer 8 is planned to be a fully CSS Level 2.1-compliant browser, and will support some features of CSS 3.“

“If the browsers your Web site is targeting include earlier versions of Internet Explorer, however, you want to know the level of CSS compliance for those as well. This article provides an at-a-glance look at CSS compliance across recent versions of Internet Explorer, including support in Internet Explorer 8 Beta 1 for Developers and planned support in the final version of Internet Explorer 8.“

Why don’t they make the effort to make all the features from CSS3 to work and not SOME features? Anyhow, the list might be useful…

http://msdn2.microsoft.com/en-us/library/cc351024(VS.85).aspx

CSS properties index

Posted by Sibran - 31/03/08 at 04:03:02 pm

A continuously updated list of all CSS properties. From CSS 1 to CSS 3… A good initiative, I hope he will keep the list updated.

http://meiert.com/en/indices/css-properties/

CSS min-height and min-width

Posted by Sibran - 24/03/08 at 05:03:07 pm

Cross browser minimum height or minimum width. Most of you will already know this little trick to give your website/element a min-height or a min-width. There are a lot of techniques to make it work, but this one is the easiest and it’s a good reminder for myself when I need the use this hack.

min-height


.minHeight {
min-height:400px;
height: auto !important;
height: 400px;
}


min-width


.minWidth {
min-width:300px;
width: auto !important;
width: 300px;
}


I don’t use the min-width a lot, but the min-height is really useful for example to keep an element the same height when it has less content.

Older IE versions doesn’t support min-height or !important. The browser sees height: auto, then height:300px. Height works fine in these older IE versions. When there is more content then the 300px height the element will just expand. So you use the misunderstanding from IE to your advantage.

Gmail Art

Posted by Sibran - 20/03/08 at 10:03:42 am

A video that Saatchi Moscow created and produced for Google to attract more Russian people on GMail. Not easy but it was fun though.

Twap!

Posted by Sibran - 18/03/08 at 10:03:11 am

A new word from Bruce Lawson

It’s such a great word, because it has all the monosyllabic satisfaction of yelling “Twat!”� and all the conversation-terminating venom of barking Crap!� with none of the career-damaging rudeness. In fact, the person hearing the word should leave you feeling reassured and educated, as “Twap”� is, of course, an acronym for the phrase “The Web Ain’t Print”.

Here is an example…

Marketing manager:
Bruce, in the printed brochure, all the headings are underlined, but on the website you’ve missed out the underlines. Can you fix it urgently?

Bruce Lawson:
Twap!

View the entire post

Hello IE8 beta 1

Posted by Sibran - 10/03/08 at 11:03:20 am

So what about Windows Internet Explorer 8. The moment I was thinking about installing IE7, I noticed the beta version of IE8. So I installed IE8 and started some tests.

The installer takes his time (took me about 15 minutes to install IE8 beta version). First step was downloading, then a check for malicious software, installing Internet Explorer 8, installing updates, finishing setup. So, the installer was finally finished and of course… restart.

Ok, restart is finished, Launch Internet Explorer Browser… Yes, the first error message. Why didn’t they include it in the installer? Be careful when you install the beta, it overwrites your previous version of Internet Explorer.

Ok, I just clicked OK and the browser opened. After applying my personal settings I can finally start browsing.

The first thing I noticed was the Emulate IE7, a good thing for us front-end developers. Even better would be that you can emulate for IE6. No more multiple installations. And it would be great if they could make the emulation without restarting your browser.

I have only tested one site, apple.com, and I notices some strange things. I am not going to list them all, but I have added some screenshots from IE8, you can compare it with your own browser.

It’s still a beta version, and the biggest news is that they will be using the standards.

Don’t forget to read the article about IE8 beta from 456 Berea Street. They are talking a bit more about CSS 2.1, Built-in developer tools (that’s also a good update) and Zoom.

The screenshots

Links

- 456 Berea Street about IE8 beta 1
- IE 8 beta 1

And now

Before installing IE8 I made a system restore checkpoint. Luckily because after writing this article and testing a bit, I go back to my good old IE6…

Charterdream

Posted by Sibran - 05/03/08 at 04:03:31 pm

Charterdream is a website I had to develop with (x)html/css. The design was made by Dragonflame. The result is a small, efficient and fast navigating website about unique travelling. I have used Galleria for the photogallery, a Javascript Image Gallery from David’s kitchen. The only downside about this script is the loading time. If someone knows a way to speed it up, be my guest.

Charterdream is about a totally unique and exclusive travel concept born out of a traveler’s love affair with wilderness and open space, a world away from the established tourist circuits.

Check out the awesome pictures in the photo gallery and dream of a vacation like this! (be patient for loading time, hopefully I can get it fixed in the future)

www.charterdream.com

Spread the word and save a piece of the planet

Search