Wczoraj zdałem ...
... egzamin na prawo jazdy! Szkoda tylko, że przez ponad połowę egzaminu jechałem bez włączonych świateł mijania :D
Ogólnie, te światła w mieście są psu na budę. Na obszarach pozamiejskich - owszem, mogą być potrzebne. W mieście jednak to kompletna pomyłka - zakręty, ronda, krótkie odcinki dróg - wszystko to sprawia, że samochód jest doskonale widoczny i bez świateł.
Ale i tak jestem zadowolony. Strzeżcie się kubarka na drogach publicznych
A słowo ciałem się stało
Miu'uun aka ningor się pochwaliła swoją pierwszą pracą, więc ja też nie chcę zostawać w tyle :-P
Oto słowo, które "zamieszkało między nami" ... Pierwszy krok na tej drodze rozpocząłem. Co prawda, nie jako freelance, ale zawsze to praca związana z webdesingiem. Dokładniej, Java Script. I pełny etat, od września.
Opozycja, podatki i GWyb
Źródło.Premier powiedział w zeszłym tygodniu, że zwiększenie pensji dla pielęgniarek jest możliwe jedynie pod warunkiem, że zostaną podniesione podatki dla najbogatszych i że chce przeprowadzenia w tym celu referendum. Sprzeciwia się temu opozycja.
Jeśli chodzi o podatki: oczywiście, że opozycja się sprzeciwia. To naturalne. Oni są samolubni, chcą, żeby zwiększanie podatków było tylko w czasie ich rządów. Tylko my, k*, my, możemy zwiększać podatki! Nie pozwolimy, aby banda PiSiorów robiła to za nas!
A tak w ogóle, to przeciwko czemu jest opozycja ? Jest przeciwko referendum czy przeciwko nakładaniu podatków ? :> GWybiórcza pisze jakoś tak "niepełnie". Zastosujmy więc prawa logiki, a dokładniej prawo de Morgana.
~(podniesienie_podatów && referendum) <=> ~podniesienie_podatów || ~referendumJak to rozumieć ? Są przeciwko podnoszeniu podatków lub przeciwko referendum, są przeciwko podnoszeniu podatków lub są za referendum,
są za podnoszeniem podatków lub przeciwko referendum. Dość skomplikowane :]
svg_image 1.1
Wypuściłem nową wersję mojego projektu konkursowego - svg_image, 1.1. Zawiera ona poprawki, o których wspomniał hawk w swoim komentarzu.
Najgłówniejsze zmiany:
- usunięcie interfejsów
- modyfikacja klasy svg_error, teraz jest jako klasa dziedzicząca po Exception, co ułatwia schwytywanie błędów
- flagi w metodzie svg_image->show:
- S_SHOW - wysyła nagłówki i zawartość obrazka do przeglądarki
- S_GENERATE - generuje plik ( już bez konieczności wywoływania svg_image->generate() )
- S_RETURN - zwraca zawartość pliku
Ściągnij: svg_image 1.1.
Wraz z następnymi zmianami planuję także umieścić svg_image na sourceforge.net.
Yeah
Tutorial#1, Tworzenie 3-kolumnowego układu strony
Na forach ludzie często się pytają o możliwość zrobienia strony nie na układzie tabelkowatym, ale na warstwach. Często też tworzą strony oparte na ramkach/tabelach. Jako że najpopularniejszym układem są zazwyczaj 3 kolumny + nagłówek i stopka, postanowiłem napisać tutorial (pierwszy :P ), jak to zrobić, korzystając z div-ów. Także w pełnej zgodzie ze standardami.
Zaczynamy więc. Najpierw sam szkielet strony:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Typowy layout, 3 kolumny</title>
<style type="text/css">
@import url("style.css");
</style>
</head>
<body>
</body>
</html>
Jak widać, 'linkujemy' dokument ze stylem css ( plik style.css ), który będzie definiował wygląd i układ strony. Można to zrobić także za pomocą tagu <link>.
Następnie w sekcji <body> wstawiamy poniższy kod:
<div id="naglowek"> <h1>NAGŁÓWEK</h1> </div> <div id="zawartosc"> <div id="kolumna1"> <h3>KOLUMNA PIERWSZA</h3> <p>Lorem ipsum dolor sit amet...</p> <h3>Menu</h3> <ul> <li>link #1</li> <li>link #2</li> <li>link #3</li> </ul> </div> <div id="kolumna2"> <h3>KOLUMNA DRUGA - GŁÓWNA ZAWARTOŚĆ STRONY</h3> <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit ... </p> </div> <div id="kolumna3"> <h3>KOLUMNA TRZECIA</h3> <p>Lorem ipsum dolor sit amet...</p> </div> </div> <div id="stopka"> W STOPCE umieszczamy informacje o kopiowaniu, etc. </div>Najpierw div, identyfikujący się jako 'naglowek'. Następnie kontenter przechowujący całą zawartość strony, id: 'zawartosc'. W div'ie tym kolejne 3 kontenery - w końcu układ 3 kolumnowy. Na samym końcu div z id: 'stopka'. Znaczniki już wypełniłem prowizorycznym tekstem. Zapiszmy plik pod nazwą np. index.html. Oto, co można zobaczyć w przeglądarce ( u mnie firefox 1.5.0.4, linux ):
Zajmijmy się więc stylami css, które nadadzą stronie odpowiedni wygląd. Plik css powinien wyglądać mniej więcej tak. Całość opatrzyłem komentarzami, więc raczej nie będzie problemów ze zrozumieniem, co dana linijka oznacza.
body{
width: 800px; /* ustalamy szerokosc strony na 800 pikseli */
font: 90% "Trebuchet MS"; /* ustawiamy wielkość czcionki na 90%, niech tą czczionką będzie Microsoftowy Trebuchet */
color: #111; /* kolor tekstu w całym dokumencie */
margin: 0 auto; /* marginesy: od góry i od dołu: brak, automatycznie po bokach - oznacza to, ze strona zostanie wyśrodkowana ( bez użycia <center> ! )*/
}
/* ustawienia dla naglowka i stopki */
#naglowek, #stopka {
background: #aaa; /* tło naglowka i stopki, jasne szare */
clear: both; /* konczy plywanie elementow, szerzej opisane u Oskara Krawczyka (http://blog.olicio.us/index.php/281/clear-owanie-kontenera-bez-dodatkowego-kodu/) */
text-align: center; /* zachowanie się tekstu - wyśrodkowany */
}
#zawartosc {
width: 770px; /* szerokosc kontenera */
margin: 0 auto; /* było ;) */
}
/* ustawienia dla tych trzech kolumn */
#kolumna1, #kolumna2, #kolumna3 {
float: left; /* gwozdz programu: ustawiamy plywanie elementow, kierunek: lewo;
oznacza to, że elementy te beda ustawione obok siebie, jeden lewo od drugiego, trzeci na lewo od drugiego */
margin: 2px 2px; /* margines: oddalenie o 2 piksele od każdego kontenera */
padding: 0 5px; /* padding - margines wewnetrzny */
}
/* ustawienia tylko dla srodkowej kolumny */
#kolumna2{
width: 440px; /* najszersza kolumna będzie miala szerokosc 440 pikseli */
background: #aba; /* tło dla tej kolumny*/
}
/* ustawienia tylko dla dwoch pozostalych ( czyli bocznych ) */
#kolumna1, #kolumna3{
width: 120px; /* a dwie boczne po 120 piksele */
background: #afa;
}
/*ustawienia dla naglowkow */
h1 {
font-size: 1.3em;
padding: 5px;
}
h3 {
font-size: 0.9em;
background: url("h3_bg.png") #afa repeat-x; /* tło naglowka, mozna uzyc obrazka */
margin: 0; padding: 2px;
text-align: center;
}
#kolumna2 p {
text-indent: 10px; /* wciecie tekstu w kolumnie drugiej ustawiamy na 10 pikseli */
}
Po zaaplikowaniu stylów, całość powinna wyglądać tak:
Myślę, że taki tutorial się komuś okaże przydatny :)