CSSTidy to opensource’owe oprogramowanie do optymalizacji arkuszy CSS. Można pobrać program (dostępność dla Windows, Linuxa i OSX) którym potem testujemy i optymalizujemy arkusze.
Instalacja na debianowatych jest trywialna :
sudo apt-get install csstidy
Wzdrygam się zawsze przed dokonywaniem uaktualnienia softu. Bo po co coś aktualizować skoro, teoretycznie, działa dobrze. Spójrzmy na fakty. Mój blog jest jakimś niszowym serwisem o bardzo małej oglądalności. 395 wizyt przez ostatnie 4 tygodnie mówi samo za siebie. Pocieszające jest to, że unikatowych oglądających jest 268, co po odliczeniu moich własnych „unique” daje jakieś 260. No tak, dywagacja się zrobiła.
Wracając do tematu: blog jest mały, niepopularny, więc po co aktualizować oprogramowanie na którym chodzi? Niczego nowego, co byłoby mi potrzebne, przecież nie dodadzą. Ataków nie ma, bo po co kopać takie maleństwo, zysk żaden. Backupy robią się regularnie crona, co do wielkości może wydawać się paranoją. Ale być może warto.
Tak na prawdę to chyba dla sportu.
Cel stawiany dla strony Stowarzyszenie Flota Monotyp XV był bardzo prosty. Umożliwić członkom i sympatykom platformę do wymiany informacji, stworzyć wspólne miejsce w sieci.
Stowarzyszenie Flota Monotyp XV
Dokument pełen trików, podpowiedzi, metod, technik i rozwiązań.
Ponieważ serwis istniał w sieci już od bardzo dawna, a pisany był w poprzednich latach w php3/php4 i pewne rzeczy ograniczały jego rozwój, to została podjęta decyzja o całkowitej przebudowie części użytkownika, tak żeby nie być ograniczonym przy dalszym rozwoju serwisu o historyczne zaszłość. W nowym serwisie użyto wzorca MVC, oddzielając warstwę logiki od warstwy prezentacji, a do tej ostatniej został użyty system szablonów smarty.
Creating a CSS Layout from scratch – bardzo przyjaźnie opisane, krok po kroku jak wytworzyć layout oparty o box-model.
Celem prac było odświeżenie strony sklepu zajmującego się sprzedażą ekskluzywnych zegarków i biżuterii. Nowoczesna szata graficzna zastąpiła rozwiązanie, które towarzyszyło firmie od wielu lat. Dodatkowo sklep zmienił lokalizację oraz nazwę, co też należało uwzględnić w nowej szacie graficznej. Stronę wzbogacono o słownik marek zegarkowych zawierający krótkie omówienie bardzo wielu marek i aspektów związanych z zegarkami.
W czasie pracy nad jednym z serwisów pojawił się dość ciekawy błąd IE.
Mianowicie dla kodu:
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<style type="text/css">
html,body,ul,ol,li{margin:0;padding:0}
ul{list-style-type:none}
a{text-decoration:none}
#menumain{width:185px}
#menumain ul{background-color:#455}
#menumain a,#menumain .first li a{color:#fff}
#menumain a,#menumain .first li a{display:block}
#menumain a,#menumain .first li a{border-top:1px solid #fff}
#menumain a,#menumain .first li a{padding:4px}
#menumain ul ul{background-color:#678}
#menumain ul ul .on{background-color:#f13}
#menumain .on ul a{padding-left:17px}
</style>
</head>
<body>
<div id="menumain">
<ul>
<li class="on first"><a href="#">Wybory samorządowe</a>
<ul>
<li class="on"><a href="#">Geografia</a></li>
<li><a href="#">Komitety</a></li>
</ul>
<li><a href="#">Dokumenty wyborcze</a></li>
<li><a href="#">Akty prawne</a></li>
<li><a href="#">Mapa serwisu</a></li>
</ul>
</div>
</body>
</html>
Mozecie sobie pobrać spakowane źródło tego przypadku.
W dość nieoczekiwany sposób, IE zaczął kolorwać następne LI kolorem tła nadrzędnego UL.
wygląd w ie
W firefox’ie oczywiście wszystko ok:
wygląd w ff
Generalnie okazało się, że to nadrzędne li po prostu „spada” niżej. Co oczywiście nie powinno mieć miejsc.
Wdrożenie objęło uruchomienie serwisu opartego o CMS z projektem graficznym zgodnym z wymaganiami zawartymi w księdze identyfikacji wizualnej.
Oparte na WordPress & Theme by Anders Norén
