Kategoria: Bez kategorii Strona 22 z 23

CSSTidy – program do optymalizacji arkuszy CSS

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.

CSSTidy

Instalacja na debianowatych jest trywialna :

sudo apt-get install csstidy

upgrade wordpressa

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.

Stowarzyszenie Flota Monotyp XV

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.

adres:
monotyp.pl
w sieci
maj 2007
rodzaj
forum dyskusyjne
oprogramowanie
phpBB
cel
strona dysusyjna stowarzyszenia
technologie
php, mysql, xhtml
zakres prac
wdrożenie projektu graficznego, konfiguracja

Stowarzyszenie Flota Monotyp XV

70 Expert Ideas For Better CSS Coding

Dokument pełen trików, podpowiedzi, metod, technik i rozwiązań.

Franchising.pl – franczyza, własny biznes

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.

adres:
franchising.pl
w sieci
styczeń 2007
rodzaj
witryna informacyjna
cel
przepisanie starego serwisu w taki sposób, by był możliwy jego przyszły rozwój
zakres prac
import treści, konfiguracja serwisu, cięcie i implementacja grafiki
technologie
php, postgres, xhtml, smarty
projekt graficzny
Profitsystem

Tworzenie layoutu – krok po kroku

Creating a CSS Layout from scratch – bardzo przyjaźnie opisane, krok po kroku jak wytworzyć layout oparty o box-model.

odCzasu doCzasu

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.

adres:
odCzasu doCzasu
w sieci
styczeń 2007
rodzaj
cms
oprogramowanie
webox
cel
rewitalizacja wyglądu
technologie
perl, mysql, xhtml
zakres prac
wdrożenie nowego projektu graficznego, import nowej treści
projekt graficzny
Ela Żaczek

ciekawe zachowanie IE

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.

Rozwiązanie

  1. nadać dokładne reguły koloryzujące LI
  2. nadać dokładną długość elementu LI

Ornament

Prezentacja sklepu i jego oferty była podstawowym celem stawianym przede mną w czasie budowy serwisu. Poprzednia wersja była już wersją bardzo starą, ciężko edytowalną, opartą tylko i wyłącznie o pliki, więc uzupełnianie menu było bardzo pracochłonne. Wymiana serwisu statycznego na oparty o system kontroli wersji (CMS) pozwoliło znacząco skrócić czas potrzebny na aktualizację oraz obniżyć koszty obsługi serwisu internetowego.
adres:
ornament.waw.pl
w sieci
kwiecień 2006
rodzaj
cms
oprogramowanie
webox
cel
strona informacyjna, prezentacja oferty
technologie
perl, mysql, html
zakres prac
wdrożenie projektu graficznego, import treści
rodzaj
serwis oparty o CMS

Fresenius Kabi Polska

Wdrożenie objęło uruchomienie serwisu opartego o CMS z projektem graficznym zgodnym z wymaganiami zawartymi w księdze identyfikacji wizualnej.

adres:
www.fresenius-kabi.pl
w sieci
listopad 2005
rodzaj
cms
oprogramowanie
webox
cel
strona informacyjna, prezentacja oferty
technologie
perl, mysql, html
zakres prac
wdrożenie projektu graficznego, import treści
rodzaj
serwis oparty o CMS

Strona 22 z 23

Oparte na WordPress & Theme by Anders Norén