View posts in English only. (RSS feed)

Nowy dział: Zagadki CSS

Tym postem rozpoczynam nowy dział na blogu - CSS riddles. Co pewien czas będę wymyślał fragment kodu CSS z błędem, a Waszym zadaniem będzie go znaleźć. Ot taka zabawa :].

Zasady zagadek CSS

  1. Kod zawiera błąd
  2. Kod zawiera dokładnie jeden błąd
  3. Nie chodzi o ewentualną różnicę w interpretacji różnych przeglądarek jak Opera czy Firefox ani nawet programu Internet Explorer
  4. Odpowiedzi piszemy w komentarzach do postu zagadki. Kto pierwszy ten lepszy.

Na początek coś łatwego:

Zagadka nr 1:

strong {
 color:#333;
 height:1em;
 padding:2px .35em 0;
 border-bottom:1px solid #666
}

Nie ma sensu wklejać tego kodu do walidatora CSS, ponieważ nie ma tu żadnego błędu syntaktycznego.

Odpowiedź na zagadkę nr 1:

Continue reading »»»

  • Saturday, 16 September 2006
  • —
  • 4,397 views
  • —
  • 15 responses

css Zen Garden - Our House

Yeah. Finally I’ve made my own CSS design for Zen Garden and I’ve submitted it. Unfortunately current processing work submitted is between 1 November 2005 and 1 December 2005. Apparently Dave has many other projects to watch. It takes a few months when my project will be accepted and published.

At present you may watch my design here.

I called this design Our House, because everything getting started from the picture named that same. Thanks Arnie Mateo for great picture and inspiration.

Continue reading »»»

  • Tuesday, 5 September 2006
  • —
  • 4,036 views
  • —
  • 8 responses

High Contrast Layout for WordPress

Everybody knows high contrast layout from 456 Berea Street. Because WordPress is very popular publishing platform, I’ve written similar one to Berea Street zoom layout theme for WordPress.

For Who is Zoom Layout?

High contrast layout also known as zoom layout is for the low-vision people who use a computer screen. It isn’t for totally blind people, because they don’t use a computer screen. Blind people use a screen reader, Braille display and so on.

You may download zoom layout for WordPress from HCL home page. If you have any comments for HCL theme, you may add them below.

Continue reading »»»

  • Thursday, 31 August 2006
  • —
  • 5,770 views
  • —
  • 2 responses

Formatowanie formularzy w Safari

Kilka dni temu we wpisie Firefox 1.5.0.4 z aqua form widgets wspomniałem, że Safari nie reaguje na CSS-y formatujące pola formularzy.

Co prawda najnowsza stabilna wersja Safari faktycznie nie reaguje na background:transparent i wyświetla, podobnie jak inne przeglądarki oparte o silnik KHTML, (np. Konqueror) białe tło pola tekstowego.

text field Safari

Jednak najnowsze nightly Safari pozwala na wyłączenie domyślnego aqua przy użyciu CSS.

text field Safari nightly

Więcej o zmianach w nowych wersjach Safari możesz przeczytać na blogu Safari a przykłady styli znajdziesz na wiki.